@vectoriox/iox-builder 2.10.1 → 2.10.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -404,6 +404,16 @@ class SizeGroupStyleConfig extends GroupStyleConfig {
|
|
|
404
404
|
// object-fit is a style trait (applies to replaced elements, e.g. images). Lives here so
|
|
405
405
|
// it flows through the CSS engine (styleProps) instead of a per-component inline binding.
|
|
406
406
|
new TraitConfig('objectFit', 'Object Fit', TraitInputType.Select, ['cover', 'contain', 'fill', 'none', 'scale-down'], 'cover'),
|
|
407
|
+
// overflow — how content that exceeds the box is handled. `visible` is the CSS initial
|
|
408
|
+
// (dropped as a no-op by the compiler); other values emit. Applies to the node's own box
|
|
409
|
+
// (inner element), so it is NOT an OUTER_PROP.
|
|
410
|
+
new TraitConfig('overflow', 'Overflow', TraitInputType.Select, [
|
|
411
|
+
{ label: 'Visible', value: 'visible' },
|
|
412
|
+
{ label: 'Hidden', value: 'hidden' },
|
|
413
|
+
{ label: 'Scroll', value: 'scroll' },
|
|
414
|
+
{ label: 'Auto', value: 'auto' },
|
|
415
|
+
{ label: 'Clip', value: 'clip' },
|
|
416
|
+
], 'visible'),
|
|
407
417
|
]);
|
|
408
418
|
}
|
|
409
419
|
}
|
|
@@ -535,6 +545,19 @@ class EffectsGroupStyleConfig extends GroupStyleConfig {
|
|
|
535
545
|
new TraitConfig('backdropBrightness', 'Brightness', TraitInputType.Range, { min: 0, max: 3, step: 0.05, showExtremes: false, showValue: true, compact: true }, '1', true),
|
|
536
546
|
new TraitConfig('backdropContrast', 'Contrast', TraitInputType.Range, { min: 0, max: 3, step: 0.05, showExtremes: false, showValue: true, compact: true }, '1', true),
|
|
537
547
|
new TraitConfig('backdropSaturate', 'Saturate', TraitInputType.Range, { min: 0, max: 3, step: 0.05, showExtremes: false, showValue: true, compact: true }, '1', true),
|
|
548
|
+
// ── Clip (clip-path — mask the node to a shape) ───────────
|
|
549
|
+
new TraitConfig('_sep_clip', 'Clip', TraitInputType.SectionLabel),
|
|
550
|
+
new TraitConfig('clipPath', 'Shape', TraitInputType.Select, [
|
|
551
|
+
{ label: 'None', value: 'none' },
|
|
552
|
+
{ label: 'Circle', value: 'circle(50%)' },
|
|
553
|
+
{ label: 'Ellipse', value: 'ellipse(50% 40%)' },
|
|
554
|
+
{ label: 'Inset', value: 'inset(10%)' },
|
|
555
|
+
{ label: 'Rounded inset', value: 'inset(10% round 16px)' },
|
|
556
|
+
{ label: 'Triangle', value: 'polygon(50% 0%, 0% 100%, 100% 100%)' },
|
|
557
|
+
{ label: 'Diamond', value: 'polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)' },
|
|
558
|
+
{ label: 'Hexagon', value: 'polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)' },
|
|
559
|
+
{ label: 'Chevron', value: 'polygon(0 0, 75% 0, 100% 50%, 75% 100%, 0 100%, 25% 50%)' },
|
|
560
|
+
], 'none'),
|
|
538
561
|
// ── Transition (virtual — composed to CSS transition: all …) ──
|
|
539
562
|
new TraitConfig('_sep_transition', 'Transition', TraitInputType.SectionLabel),
|
|
540
563
|
new TraitConfig('transitionDuration', 'Duration', TraitInputType.Scrub, { min: 0, max: 3000, step: 50, units: ['ms'] }, '0ms', true),
|