@vectoriox/iox-builder 2.8.0 → 2.8.1

package/fesm2022/vectoriox-iox-builder.mjs

@@ -227,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';
@@ -8023,23 +8024,26 @@ class GalleryConfig extends ComponentConfig {
             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),
+            // 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),
         ];
-        // 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.
+        // Styling: size + spacing + border + background (letterbox). No typography (not text-bearing).
         this.styleTraits = [
             new PositionGroupStyleConfig(),
             new SizeGroupStyleConfig(),
             new SpacingGroupStyleConfig(),
+            new BorderGroupStyleConfig(),
             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).
+        // 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({
-            width: '100%',
-            aspectRatio: '16/9',
+            minHeight: '200px',
             backgroundColor: '#000000',
         });
     }