@vectoriox/iox-builder 2.6.1 → 2.8.0

package/fesm2022/vectoriox-iox-builder.mjs

@@ -151,6 +151,9 @@ var TraitInputType;
     TraitInputType["Range"] = "range";
     TraitInputType["Icon"] = "icon";
     TraitInputType["Media"] = "media";
+    /** Ordered list of images (URL / one-by-one / filebox; per-item binding in a later phase).
+     *  Controller registered in the consumer (iox-cms-client) as `mediaList`. Value: GalleryImage[]. */
+    TraitInputType["MediaList"] = "mediaList";
     TraitInputType["FontFamily"] = "fontFamily";
     TraitInputType["GridTemplate"] = "gridTemplate";
     TraitInputType["SectionLabel"] = "sectionLabel";
@@ -6085,6 +6088,10 @@ class BuilderRepeaterComponent {
         this._source = '';
         this._sourcePath = '';
         this._limit = 10;
+        /** Monotonic fetch token — editing a binding sets `source` and `sourcePath` as two separate inputs,
+         *  each firing a fetch; the transient mismatched one (old source + new path, or vice-versa) must not
+         *  clobber the correct result if it resolves last. Only the newest fetch's response is applied. */
+        this._fetchSeq = 0;
     }
     ngOnInit() {
         this.bindingSub = this.panelEventService.subscribe(event => {
@@ -6110,11 +6117,14 @@ class BuilderRepeaterComponent {
     fetchData() {
         if (!this._source)
             return;
+        const seq = ++this._fetchSeq;
         this.isLoading = true;
         this.cdr.markForCheck();
         // Resolve BY ALIAS so `derived` sources (e.g. galleryImages = product.gallery) follow their
         // parent. `sourcePath` (legacy/back-compat) still repeats over an array property inline.
         this.dataSourceService.fetchRepeaterItemsByAlias(this._source, (a) => this.dsRegistry.findByAlias(a), this._sourcePath).subscribe(items => {
+            if (seq !== this._fetchSeq)
+                return; // a newer fetch superseded this one — ignore stale items
             this.items = items.slice(0, this._limit);
             this.refreshPreviews();
             this.isLoading = false;
@@ -7991,6 +8001,50 @@ class BuilderDividerComponentConfig extends ComponentConfig {
     }
 }
 
+/**
+ * Gallery — crossfade image gallery (working name; "fade" is the first effect, not the component).
+ *
+ * The RENDER component is the shared engine twin `ClientGalleryComponent` (`iox-gallery`) from
+ * `@vectoriox/iox-ui` — reused directly in the builder (like Image reuses BuilderImageComponent), so
+ * there is ONE implementation of the crossfade for both canvas and live site. This config only
+ * declares the editable traits + the minimal style groups (size + spacing, per product decision).
+ *
+ * Population (v1): the `images` MediaList trait (URL / one-by-one / filebox / paste). Data-source
+ * binding (`source`/`sourcePath`) is a later phase. See gallery-component-plan.md.
+ */
+class GalleryConfig extends ComponentConfig {
+    constructor() {
+        super('Gallery', 'iox-gallery', 'ph-thin ph-images', 'Media');
+        this.traits = [
+            // ── Images ────────────────────────────────────────────────────────
+            new TraitConfig('__imagesLabel', 'Images', TraitInputType.SectionLabel),
+            new TraitConfig('images', 'Images', TraitInputType.MediaList, undefined, []),
+            // ── Playback ──────────────────────────────────────────────────────
+            new TraitConfig('__playbackLabel', 'Playback', TraitInputType.SectionLabel),
+            // Effect is a Select scaffolded for future effects; v1 lists only Fade.
+            new TraitConfig('effect', 'Effect', TraitInputType.Select, [{ label: 'Fade', value: 'fade' }], 'fade'),
+            new TraitConfig('showDuration', 'Show duration (ms)', TraitInputType.Scrub, { min: 200, max: 20000, step: 100 }, 4000),
+            new TraitConfig('fadeDuration', 'Fade duration (ms)', TraitInputType.Scrub, { min: 100, max: 10000, step: 100 }, 1000),
+            new TraitConfig('autoStart', 'Auto start', TraitInputType.Checkbox, undefined, true),
+        ];
+        // Minimal styling: the gallery box's size + spacing + background (letterbox). No typography
+        // (not text-bearing) and no border by default — "only size and spacing" per the brief.
+        this.styleTraits = [
+            new PositionGroupStyleConfig(),
+            new SizeGroupStyleConfig(),
+            new SpacingGroupStyleConfig(),
+            new BackgroundGroupStyleConfig(),
+        ];
+        // A sensible default box so a freshly-dropped gallery has real height (the images are
+        // absolutely-positioned layers with no intrinsic height — see Phase 1 height fix).
+        this.applyStyleDefaults({
+            width: '100%',
+            aspectRatio: '16/9',
+            backgroundColor: '#000000',
+        });
+    }
+}
+
 class BuilderHeadingComponentConfig extends ComponentConfig {
     constructor() {
         super('Heading', 'app-builder-heading', 'ph-thin ph-text-h', 'Basic');
@@ -8392,5 +8446,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, ChildLayoutGroupStyleConfig, ComponentConfig, ComponentRegistryService, DEVICE_OPTIONS, DataSourceRegistryService, DataSourceType, DeviceMode, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS$1 as 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, findNodeLocation, flattenSchemaFields, generateNodeId, resolveTraitControllerType, resolveTraitOptions, wrapNode };
+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, ChildLayoutGroupStyleConfig, ComponentConfig, ComponentRegistryService, DEVICE_OPTIONS, DataSourceRegistryService, DataSourceType, DeviceMode, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS$1 as EASING_OPTIONS, EffectsGroupStyleConfig, GalleryConfig, 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, findNodeLocation, flattenSchemaFields, generateNodeId, resolveTraitControllerType, resolveTraitOptions, wrapNode };
 //# sourceMappingURL=vectoriox-iox-builder.mjs.map