@vectoriox/iox-builder 2.7.0 → 2.8.1

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";
@@ -224,6 +227,7 @@ function resolveTraitControllerType(type) {
         case TraitInputType.SectionLabel: return 'sectionLabel';
         case TraitInputType.Icon: return 'icon';
         case TraitInputType.Media: return 'media';
+        case TraitInputType.MediaList: return 'mediaList';
         case TraitInputType.FontFamily: return 'select';
         case TraitInputType.GridTemplate: return 'gridTemplate';
         case TraitInputType.Textarea: return 'textarea';
@@ -7998,6 +8002,53 @@ 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'),
+            // Durations are milliseconds — use a plain Number field (Scrub renders a px unit label).
+            new TraitConfig('showDuration', 'Show duration (ms)', TraitInputType.Number, undefined, 4000),
+            new TraitConfig('fadeDuration', 'Fade duration (ms)', TraitInputType.Number, undefined, 1000),
+            new TraitConfig('autoStart', 'Auto start', TraitInputType.Checkbox, undefined, true),
+        ];
+        // Styling: size + spacing + border + background (letterbox). No typography (not text-bearing).
+        this.styleTraits = [
+            new PositionGroupStyleConfig(),
+            new SizeGroupStyleConfig(),
+            new SpacingGroupStyleConfig(),
+            new BorderGroupStyleConfig(),
+            new BackgroundGroupStyleConfig(),
+        ];
+        // Size traits stay at their group default (auto) so a gallery starts unconstrained. The one
+        // exception is `minHeight: 200px` — the image layers are absolutely positioned (no intrinsic
+        // height), so without a floor a freshly-dropped, unsized gallery would collapse to 0px and be
+        // invisible. min-height is a style-engine default on `.iox-node` (not scoped component CSS),
+        // so the user can freely override it.
+        this.applyStyleDefaults({
+            minHeight: '200px',
+            backgroundColor: '#000000',
+        });
+    }
+}
+
 class BuilderHeadingComponentConfig extends ComponentConfig {
     constructor() {
         super('Heading', 'app-builder-heading', 'ph-thin ph-text-h', 'Basic');
@@ -8399,5 +8450,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