@vectoriox/iox-builder 1.6.10 → 1.6.12

package/fesm2022/vectoriox-iox-builder.mjs

@@ -2249,7 +2249,11 @@ class SizeGroupStyleConfig extends GroupStyleConfig {
             new TraitConfig('minHeight', 'Min H', TraitInputType.Scrub, { min: 0, max: 9999, step: 1, units: UNITS_ALL, allowAuto: true }, 'auto', true),
             new TraitConfig('maxWidth', 'Max W', TraitInputType.Scrub, { min: 0, max: 9999, step: 1, units: UNITS_ALL, allowAuto: true }, 'auto', true),
             new TraitConfig('maxHeight', 'Max H', TraitInputType.Scrub, { min: 0, max: 9999, step: 1, units: UNITS_ALL, allowAuto: true }, 'auto', true),
-            new TraitConfig('aspectRatio', 'Aspect Ratio', TraitInputType.Text, undefined, 'auto'),
+            // aspect-ratio is a preset ratio (or 'auto') — a Select popup of standard ratios, no units.
+            new TraitConfig('aspectRatio', 'Aspect Ratio', TraitInputType.Select, ['auto', '1/1', '4/3', '3/2', '16/9', '9/16', '3/4', '2/3', '21/9'], 'auto'),
+            // object-fit is a style trait (applies to replaced elements, e.g. images). Lives here so
+            // it flows through the CSS engine (styleProps) instead of a per-component inline binding.
+            new TraitConfig('objectFit', 'Object Fit', TraitInputType.Select, ['cover', 'contain', 'fill', 'none', 'scale-down'], 'cover'),
         ]);
     }
 }
@@ -7156,12 +7160,11 @@ class BuilderImageComponentConfig extends ComponentConfig {
         this.inputs = {
             src: 'text',
             alt: 'text',
-            objectFit: 'select'
         };
         this.traits = [
             new TraitConfig('src', 'Image URL', TraitInputType.Media, { mode: 'compact' }, 'https://placehold.co/600x400?text=Image'),
             new TraitConfig('alt', 'Alt Text', TraitInputType.Text, undefined, 'Image'),
-            new TraitConfig('objectFit', 'Object Fit', TraitInputType.Select, ['cover', 'contain', 'fill', 'none'], 'cover'),
+            // objectFit moved to the Size style group (flows through the CSS engine as a style trait).
         ];
         this.styleTraits = buildFullStyleTraits();
         this.applyStyleDefaults({