@vectoriox/iox-builder 4.23.0 → 4.24.0

package/fesm2022/vectoriox-iox-builder.mjs

@@ -16,7 +16,7 @@ import { SelectModule } from 'primeng/select';
 import { TooltipModule } from 'primeng/tooltip';
 import { DialogModule } from 'primeng/dialog';
 import * as i18 from '@vectoriox/iox-ui';
-import { VALIDATION_STATES as VALIDATION_STATES$1, VALIDATION_STATE_CLASS as VALIDATION_STATE_CLASS$1, DEFAULT_WIDTH_BY_TYPE, Breakpoint, BREAKPOINTS, countOverrides, setOverride, breakpointDef, breakpointForWidth, FormRenderState, safeSetInput, ContextStore, ComponentInstanceRegistryService, isActionEnabled, isContextAction, contextActionEffect, resolveContextValue, DeclarationContext, buildPartSelector, planResponsiveRules, resolveStyleProps, buildTargetedStateSelector, compileDeclarations, wrapInBreakpointQuery, BreakpointQueryKind, composeVirtualTraits, stateNamesIn, partClassName, resolveInputs, setInputOverride, collectContextSlotKeys, withContextSlots, compilePageStyle, nodeUsesContext, resolveBoundValue, IS_PREVIEW, planDataSource, dataSourcePlanToRequest, normalizeCollectionResult, resolveRepeaterItems, getByPath, computeRelative, IoxPageModule, PART_CLASS_NAMES } from '@vectoriox/iox-ui';
+import { VALIDATION_STATES as VALIDATION_STATES$1, VALIDATION_STATE_CLASS as VALIDATION_STATE_CLASS$1, DEFAULT_WIDTH_BY_TYPE, resolveFlavorDefaults, Breakpoint, BREAKPOINTS, countOverrides, setOverride, DEFAULT_FLAVOR, breakpointDef, breakpointForWidth, FormRenderState, safeSetInput, ContextStore, ComponentInstanceRegistryService, isActionEnabled, isContextAction, contextActionEffect, resolveContextValue, DeclarationContext, buildPartSelector, planResponsiveRules, resolveStyleProps, buildTargetedStateSelector, compileDeclarations, wrapInBreakpointQuery, BreakpointQueryKind, composeVirtualTraits, stateNamesIn, partClassName, resolveInputs, setInputOverride, collectContextSlotKeys, withContextSlots, compilePageStyle, nodeUsesContext, resolveBoundValue, IS_PREVIEW, planDataSource, dataSourcePlanToRequest, normalizeCollectionResult, resolveRepeaterItems, getByPath, computeRelative, IoxPageModule, PART_CLASS_NAMES } from '@vectoriox/iox-ui';
 export { ComponentInstanceRegistryService, VIRTUAL_TRAIT_KEYS, composeVirtualTraits } from '@vectoriox/iox-ui';
 import Lenis from 'lenis';
 import { Subject, BehaviorSubject, of, forkJoin } from 'rxjs';
@@ -237,6 +237,26 @@ class ComponentConfig {
         }
     }
 }
+/**
+ * Layer 2 of the flavor cascade (flavors plan §4), applied by the registry factory to every
+ * BRAND-NEW element: overwrite matching styleTrait defaults with the pack's token references
+ * (`var(--iox-<token>, <packValue>)`). Runs AFTER the subclass constructor, so a pack beats the
+ * constructor's literals; the author's own edits (layer 4) beat everything as always. Self-
+ * describing serialisation then writes the var into styleProps on save — which is why the
+ * engine's `flavorDefaultDeclarations` only has to cover LEGACY nodes.
+ */
+function applyFlavorDefaults(config, pack) {
+    const defaults = resolveFlavorDefaults(config.type, pack);
+    const names = Object.keys(defaults);
+    if (!names.length)
+        return;
+    for (const group of config.styleTraits) {
+        for (const trait of group.traits) {
+            if (defaults[trait.name] !== undefined)
+                trait.default = defaults[trait.name];
+        }
+    }
+}
 class TraitConfig {
     constructor(name, label, type, options, defaultValue, inline, showWhen, responsive) {
         this.name = name;
@@ -1523,7 +1543,13 @@ class ComponentRegistryService {
     }
     createConfig(type) {
         const configType = this.components[type]?.config;
-        return configType ? new configType() : null;
+        if (!configType)
+            return null;
+        const config = new configType();
+        // Flavor layer (F1): every new element is born wearing the pack's token references.
+        // DEFAULT_FLAVOR until F2 lets the org choose; see flavors-and-theming-plan.md §4.
+        applyFlavorDefaults(config, DEFAULT_FLAVOR);
+        return config;
     }
     register(type, component, config) {
         this.components[type] = { type, component, config };