@vectoriox/iox-builder 4.2.0 → 4.3.0

package/fesm2022/vectoriox-iox-builder.mjs

@@ -8636,6 +8636,55 @@ function reorderProps(count, from, to) {
     return orderByChild;
 }
 
+/**
+ * ESSENTIALS (B3) — the handful of style controls that matter first for each component type.
+ *
+ * The style panel carries 94 controls across ten groups, ranked by nothing: the control you want for
+ * a heading sits at the same visual weight as `backdrop-filter`. The panel shows this short list in
+ * a band at the top; everything else stays exactly where it is, one click away, and reachable by
+ * search. Nothing is removed and nothing changes group.
+ *
+ * A data table, not per-component code: adding a type is one row. Types with no row fall back to
+ * `DEFAULT_ESSENTIAL_TRAITS`, so a new component is never worse off than today.
+ */
+const ESSENTIAL_TRAITS_BY_TYPE = Object.freeze({
+    Heading: ['fontFamily', 'fontSize', 'fontWeight', 'color', 'textAlign', 'margin'],
+    Text: ['fontFamily', 'fontSize', 'color', 'lineHeight', 'textAlign', 'margin'],
+    Button: ['backgroundColor', 'color', 'padding', 'borderRadius', 'fontSize'],
+    ButtonBlock: ['backgroundColor', 'padding', 'borderRadius', 'width', 'justifyContent'],
+    Link: ['color', 'fontSize', 'textDecoration', 'fontWeight'],
+    Image: ['width', 'height', 'objectFit', 'aspectRatio', 'borderRadius'],
+    Icon: ['fontSize', 'color'],
+    Container: ['display', 'flexDirection', 'gap', 'padding', 'width', 'backgroundColor'],
+    LinkedContainer: ['display', 'flexDirection', 'gap', 'padding', 'width', 'backgroundColor'],
+    Section: ['padding', 'backgroundColor', 'minHeight', 'display', 'justifyContent'],
+    Card: ['width', 'padding', 'backgroundColor', 'borderRadius', 'boxShadow'],
+    List: ['display', 'gap', 'padding', 'markerColor'],
+    ListItem: ['padding', 'fontSize', 'color'],
+    Repeater: ['display', 'flexDirection', 'gap', 'gridTemplateColumns'],
+    Divider: ['borderWidth', 'borderColor', 'width', 'margin'],
+    Spacer: ['height'],
+    SliderContainer: ['width', 'height', 'gap'],
+    SliderSlide: ['width', 'padding', 'backgroundColor'],
+    Gallery: ['width', 'aspectRatio', 'gap', 'borderRadius'],
+});
+/** For any type without its own row — size, spacing and background suit almost anything. */
+const DEFAULT_ESSENTIAL_TRAITS = Object.freeze(['width', 'height', 'padding', 'margin', 'backgroundColor']);
+/** The essential trait NAMES for a component type, in the order they should be shown. */
+function essentialTraitsFor(type) {
+    return (type && ESSENTIAL_TRAITS_BY_TYPE[type]) || DEFAULT_ESSENTIAL_TRAITS;
+}
+/**
+ * Does `label` or `name` match a control search? Case-insensitive substring on either, so "shadow"
+ * finds `boxShadow` ("Box shadow") and "radius" finds `borderRadius`.
+ */
+function matchesControlSearch(name, label, term) {
+    const needle = term.trim().toLowerCase();
+    if (!needle)
+        return true;
+    return name.toLowerCase().includes(needle) || (label ?? '').toLowerCase().includes(needle);
+}
+
 class BuilderButtonComponentConfig extends ComponentConfig {
     constructor() {
         super('Button', 'app-builder-button', 'ph-thin ph-cursor-click', 'Basic');
@@ -9189,5 +9238,5 @@ class BuilderSpacerComponentConfig extends ComponentConfig {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_TYPE_OPTIONS, BREAKPOINT_PRESENTATION, BUILDER_CANVAS_CONTAINER, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BreadcrumbBarComponent, 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, DRAG_HANDLE_ATTR, DataSourceRegistryService, DataSourceType, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS$1 as EASING_OPTIONS, EffectsGroupStyleConfig, GalleryConfig, GroupStyleConfig, INTERACTION_STATES, INVERSE_ACTION, IOX_DATA_SOURCE_ENDPOINTS, IOX_FONT_MANAGER, InteractionEngineService, InteractionPresetRegistryService, 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, TARGETED_STATES, TARGETED_STATE_BASE, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, ViewportService, ZOOM_OPTIONS, arrayItemSchemaFields, arraySchemaFields, buildFullStyleTraits, buildPresetStyleTraits, canFluidise, collapseColumnsProps, columnCountOf, defaultPageSettings, dropTargetLabel, findNodeLocation, findParentOf, flattenSchemaFields, fluidiseProps, generateNodeId, isHiddenAt, nodeAncestorPath, nodeAncestorPathInEither, reorderProps, resolveInsertTarget, resolveTraitControllerType, resolveTraitOptions, stackChildrenProps, visibilityProps, wrapNode };
+export { ACTION_TYPE_OPTIONS, BREAKPOINT_PRESENTATION, BUILDER_CANVAS_CONTAINER, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BreadcrumbBarComponent, 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, DEFAULT_ESSENTIAL_TRAITS, DRAG_HANDLE_ATTR, DataSourceRegistryService, DataSourceType, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS$1 as EASING_OPTIONS, ESSENTIAL_TRAITS_BY_TYPE, EffectsGroupStyleConfig, GalleryConfig, GroupStyleConfig, INTERACTION_STATES, INVERSE_ACTION, IOX_DATA_SOURCE_ENDPOINTS, IOX_FONT_MANAGER, InteractionEngineService, InteractionPresetRegistryService, 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, TARGETED_STATES, TARGETED_STATE_BASE, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, ViewportService, ZOOM_OPTIONS, arrayItemSchemaFields, arraySchemaFields, buildFullStyleTraits, buildPresetStyleTraits, canFluidise, collapseColumnsProps, columnCountOf, defaultPageSettings, dropTargetLabel, essentialTraitsFor, findNodeLocation, findParentOf, flattenSchemaFields, fluidiseProps, generateNodeId, isHiddenAt, matchesControlSearch, nodeAncestorPath, nodeAncestorPathInEither, reorderProps, resolveInsertTarget, resolveTraitControllerType, resolveTraitOptions, stackChildrenProps, visibilityProps, wrapNode };
 //# sourceMappingURL=vectoriox-iox-builder.mjs.map