@vectoriox/iox-builder 1.4.5 → 1.4.7

package/fesm2022/vectoriox-iox-builder.mjs

@@ -1609,7 +1609,7 @@ class TypographyGroupStyleConfig extends GroupStyleConfig {
     constructor() {
         super(StyleCategory.Typography, [
             new TraitConfig('fontFamily', 'Font Family', TraitInputType.FontFamily, [], 'Poppins, sans-serif'),
-            new TraitConfig('fontSize', 'Font Size', TraitInputType.Scrub, { min: 8, max: 200, step: 1, units: UNITS_FIXED }, '16px'),
+            new TraitConfig('fontSize', 'Font Size', TraitInputType.Scrub, { min: 8, max: 200, step: 1, units: UNITS_ALL }, '16px'),
             new TraitConfig('fontWeight', 'Font Weight', TraitInputType.Select, ['100', '200', '300', '400', '500', '600', '700', '800', '900'], '400'),
             new TraitConfig('color', 'Color', TraitInputType.Color, { allowGradient: false, allowTransparent: false, formats: ['hex', 'rgb', 'hsl'] }, '#000000'),
             new TraitConfig('lineHeight', 'Line Height', TraitInputType.Select, ['1', '1.2', '1.4', '1.5', '1.75', '2', '2.5'], '1.5'),
@@ -1641,6 +1641,23 @@ class EffectsGroupStyleConfig extends GroupStyleConfig {
         ]);
     }
 }
+/**
+ * Returns a fresh set of all 8 style-group configs in canonical display order.
+ * Every call produces new TraitConfig instances so different component nodes
+ * never share mutable state.
+ */
+function buildFullStyleTraits() {
+    return [
+        new PositionGroupStyleConfig(),
+        new LayoutGroupStyleConfig(),
+        new SizeGroupStyleConfig(),
+        new TypographyGroupStyleConfig(),
+        new SpacingGroupStyleConfig(),
+        new BorderGroupStyleConfig(),
+        new BackgroundGroupStyleConfig(),
+        new EffectsGroupStyleConfig(),
+    ];
+}
 function flattenSchemaFields(properties, prefix = '') {
     const result = [];
     for (const [key, field] of Object.entries(properties)) {
@@ -4530,16 +4547,7 @@ class BuilderButtonComponentConfig extends ComponentConfig {
             new TraitConfig('link', 'Link', TraitInputType.Text, undefined, '#'),
             new TraitConfig('variant', 'Variant', TraitInputType.Select, ['primary', 'outlined', 'text'], 'primary'),
         ];
-        this.styleTraits = [
-            new PositionGroupStyleConfig(),
-            new LayoutGroupStyleConfig(),
-            new SizeGroupStyleConfig(),
-            new TypographyGroupStyleConfig(),
-            new SpacingGroupStyleConfig(),
-            new BorderGroupStyleConfig(),
-            new BackgroundGroupStyleConfig(),
-            new EffectsGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
     }
 }
 
@@ -4559,15 +4567,7 @@ class ButtonBlockComponentConfig extends ComponentConfig {
             new TraitConfig('target', 'Target', TraitInputType.Select, ['_self', '_blank'], '_self', false, { trait: 'tag', values: 'a' }),
             new TraitConfig('type', 'Type', TraitInputType.Select, ['button', 'submit', 'reset'], 'button', false, { trait: 'tag', values: 'button' }),
         ];
-        this.styleTraits = [
-            new PositionGroupStyleConfig(),
-            new LayoutGroupStyleConfig(),
-            new SizeGroupStyleConfig(),
-            new SpacingGroupStyleConfig(),
-            new BorderGroupStyleConfig(),
-            new BackgroundGroupStyleConfig(),
-            new EffectsGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
         this.applyStyleDefaults({
             display: 'inline-flex',
             alignItems: 'center',
@@ -4595,15 +4595,7 @@ class CardComponentConfig extends ComponentConfig {
             new TraitConfig('image', 'Image URL', TraitInputType.Media, { mode: 'compact' }, 'https://via.placeholder.com/150'),
             new TraitConfig('description', 'Description', TraitInputType.Text, undefined, 'This is a default card description.')
         ];
-        this.styleTraits = [
-            new PositionGroupStyleConfig(),
-            new LayoutGroupStyleConfig(),
-            new SizeGroupStyleConfig(),
-            new SpacingGroupStyleConfig(),
-            new BorderGroupStyleConfig(),
-            new BackgroundGroupStyleConfig(),
-            new EffectsGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
         this.applyStyleDefaults({
             width: '200px',
             height: 'auto',
@@ -4622,14 +4614,7 @@ class BuilderContainerComponentConfig extends ComponentConfig {
         super('Container', 'app-builder-container', 'ph-thin ph-square', 'Layout');
         this.children = [];
         this.traits = [];
-        this.styleTraits = [
-            new LayoutGroupStyleConfig(),
-            new SizeGroupStyleConfig(),
-            new SpacingGroupStyleConfig(),
-            new BorderGroupStyleConfig(),
-            new BackgroundGroupStyleConfig(),
-            new EffectsGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
         this.applyStyleDefaults({
             width: '100%',
             height: 'auto',
@@ -4644,14 +4629,7 @@ class BuilderDividerComponentConfig extends ComponentConfig {
     constructor() {
         super('Divider', 'app-builder-divider', 'ph-thin ph-minus', 'Layout');
         this.traits = [];
-        this.styleTraits = [
-            new LayoutGroupStyleConfig(),
-            new SizeGroupStyleConfig(),
-            new BackgroundGroupStyleConfig(),
-            new SpacingGroupStyleConfig(),
-            new BorderGroupStyleConfig(),
-            new EffectsGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
         this.applyStyleDefaults({
             width: '100%',
             height: '1px',
@@ -4668,16 +4646,7 @@ class BuilderHeadingComponentConfig extends ComponentConfig {
             new TraitConfig('content', 'Content', TraitInputType.Text, undefined, 'Heading'),
             new TraitConfig('level', 'Level', TraitInputType.Select, ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'], 'h2'),
         ];
-        this.styleTraits = [
-            new PositionGroupStyleConfig(),
-            new LayoutGroupStyleConfig(),
-            new SizeGroupStyleConfig(),
-            new TypographyGroupStyleConfig(),
-            new SpacingGroupStyleConfig(),
-            new BorderGroupStyleConfig(),
-            new BackgroundGroupStyleConfig(),
-            new EffectsGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
         this.applyStyleDefaults({
             fontSize: '32px',
             fontWeight: '700',
@@ -4692,19 +4661,11 @@ class BuilderIconComponentConfig extends ComponentConfig {
         this.traits = [
             new TraitConfig('iconClass', 'Icon', TraitInputType.Icon, undefined, 'ph-thin ph-star'),
         ];
-        this.styleTraits = [
-            new PositionGroupStyleConfig(),
-            new LayoutGroupStyleConfig(),
-            new SizeGroupStyleConfig(),
-            new GroupStyleConfig(StyleCategory.Typography, [
-                new TraitConfig('fontSize', 'Size', TraitInputType.Scrub, { min: 8, max: 200, step: 1, units: UNITS_FIXED }, '24px'),
-                new TraitConfig('color', 'Color', TraitInputType.Color, { allowGradient: false, allowTransparent: false, formats: ['hex', 'rgb', 'hsl'] }, '#374151'),
-            ]),
-            new SpacingGroupStyleConfig(),
-            new BorderGroupStyleConfig(),
-            new BackgroundGroupStyleConfig(),
-            new EffectsGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
+        this.applyStyleDefaults({
+            fontSize: '24px',
+            color: '#374151',
+        });
     }
 }
 
@@ -4721,14 +4682,7 @@ class BuilderImageComponentConfig extends ComponentConfig {
             new TraitConfig('alt', 'Alt Text', TraitInputType.Text, undefined, 'Image'),
             new TraitConfig('objectFit', 'Object Fit', TraitInputType.Select, ['cover', 'contain', 'fill', 'none'], 'cover'),
         ];
-        this.styleTraits = [
-            new PositionGroupStyleConfig(),
-            new LayoutGroupStyleConfig(),
-            new SizeGroupStyleConfig(),
-            new SpacingGroupStyleConfig(),
-            new BorderGroupStyleConfig(),
-            new BackgroundGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
         this.applyStyleDefaults({
             width: '300px',
             aspectRatio: '1/1',
@@ -4758,12 +4712,7 @@ class BuilderLinkComponentConfig extends ComponentConfig {
                 { label: 'Full window', value: '_top' },
             ], '_self'),
         ];
-        this.styleTraits = [
-            new PositionGroupStyleConfig(),
-            new SpacingGroupStyleConfig(),
-            new TypographyGroupStyleConfig(),
-            new EffectsGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
     }
 }
 
@@ -4788,15 +4737,7 @@ class BuilderLinkedContainerConfig extends ComponentConfig {
                 { label: 'Full window', value: '_top' },
             ], '_self'),
         ];
-        this.styleTraits = [
-            new PositionGroupStyleConfig(),
-            new LayoutGroupStyleConfig(),
-            new SizeGroupStyleConfig(),
-            new SpacingGroupStyleConfig(),
-            new BorderGroupStyleConfig(),
-            new BackgroundGroupStyleConfig(),
-            new EffectsGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
         this.applyStyleDefaults({
             width: 'auto',
             height: 'auto',
@@ -4825,14 +4766,7 @@ class RepeaterComponentConfig extends ComponentConfig {
                 default: 10,
             },
         ];
-        this.styleTraits = [
-            new LayoutGroupStyleConfig(),
-            new SizeGroupStyleConfig(),
-            new SpacingGroupStyleConfig(),
-            new BorderGroupStyleConfig(),
-            new BackgroundGroupStyleConfig(),
-            new EffectsGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
         this.applyStyleDefaults({
             width: '100%',
             height: 'auto',
@@ -4843,16 +4777,9 @@ class RepeaterComponentConfig extends ComponentConfig {
 class SectionComponentConfig extends ComponentConfig {
     constructor() {
         super('Section', 'app-section', 'ph-thin ph-rows', 'Layout');
-        this.children = []; // marks this config as a layout component — RenderDirective checks `node.children !== undefined`
+        this.children = [];
         this.traits = [];
-        this.styleTraits = [
-            new LayoutGroupStyleConfig(),
-            new SizeGroupStyleConfig(),
-            new SpacingGroupStyleConfig(),
-            new BorderGroupStyleConfig(),
-            new BackgroundGroupStyleConfig(),
-            new EffectsGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
         this.applyStyleDefaults({
             width: 'auto',
             height: 'auto',
@@ -4867,11 +4794,7 @@ class BuilderSpacerComponentConfig extends ComponentConfig {
     constructor() {
         super('Spacer', 'app-builder-spacer', 'ph-thin ph-arrows-vertical', 'Layout');
         this.traits = [];
-        this.styleTraits = [
-            new LayoutGroupStyleConfig(),
-            new SizeGroupStyleConfig(),
-            new EffectsGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
         this.applyStyleDefaults({
             width: '100%',
             height: '40px',
@@ -4890,16 +4813,7 @@ class TextBlockComponentConfig extends ComponentConfig {
             new TraitConfig('content', 'Content', TraitInputType.Text, undefined, 'Enter text here'),
             new TraitConfig('tag', 'Tag', TraitInputType.Select, ['p', 'span'], 'p'),
         ];
-        this.styleTraits = [
-            new PositionGroupStyleConfig(),
-            new LayoutGroupStyleConfig(),
-            new SizeGroupStyleConfig(),
-            new TypographyGroupStyleConfig(),
-            new SpacingGroupStyleConfig(),
-            new BorderGroupStyleConfig(),
-            new BackgroundGroupStyleConfig(),
-            new EffectsGroupStyleConfig(),
-        ];
+        this.styleTraits = buildFullStyleTraits();
         this.applyStyleDefaults({
             display: 'block',
             width: '100%',
@@ -4918,5 +4832,5 @@ class TextBlockComponentConfig extends ComponentConfig {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_TYPE_OPTIONS, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CardComponentConfig, ComponentConfig, ComponentRegistryService, DEVICE_OPTIONS, DataSourceRegistryService, DeviceMode, DragEngineService, EASING_OPTIONS$1 as EASING_OPTIONS, GroupStyleConfig, INTERACTION_STATES, IOX_CONTENT_SERVICE, IOX_FONT_MANAGER, InteractionEngineService, InteractionsPanelComponent, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LayerTreeComponent, NodeAction, OverlayComponent, OverlayService, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PresetRegistryService, ROUTE_ANIMATION_OPTIONS, RenderDirective, RepeaterComponentConfig, SCREEN_WIDTH_OPTIONS, STRUCTURAL_STATES, SUPPORTED_STATES, SectionComponent, SectionComponentConfig, StyleCategory, StyleRegistryService, TraitConfig as StyleTraitConfig, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, ViewportService, ZOOM_OPTIONS, buildPresetStyleTraits, defaultPageSettings, generateNodeId, resolveTraitControllerType, resolveTraitOptions };
+export { ACTION_TYPE_OPTIONS, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CardComponentConfig, ComponentConfig, ComponentRegistryService, DEVICE_OPTIONS, DataSourceRegistryService, DeviceMode, DragEngineService, EASING_OPTIONS$1 as EASING_OPTIONS, GroupStyleConfig, INTERACTION_STATES, IOX_CONTENT_SERVICE, IOX_FONT_MANAGER, InteractionEngineService, InteractionsPanelComponent, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LayerTreeComponent, NodeAction, OverlayComponent, OverlayService, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PresetRegistryService, ROUTE_ANIMATION_OPTIONS, RenderDirective, RepeaterComponentConfig, SCREEN_WIDTH_OPTIONS, STRUCTURAL_STATES, SUPPORTED_STATES, SectionComponent, SectionComponentConfig, StyleCategory, StyleRegistryService, TraitConfig as StyleTraitConfig, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, ViewportService, ZOOM_OPTIONS, buildFullStyleTraits, buildPresetStyleTraits, defaultPageSettings, generateNodeId, resolveTraitControllerType, resolveTraitOptions };
 //# sourceMappingURL=vectoriox-iox-builder.mjs.map