@vectoriox/iox-builder 4.22.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 };
@@ -3791,7 +3817,7 @@ class StyleRegistryService {
      * (e.g., `{ 'iox-primary-color': '#cb9090' }`).
      * Pass an empty object to clear all tokens.
      */
-    upsertTokens(tokens) {
+    upsertTokens(tokens, darkTokens) {
         const entries = Object.entries(tokens)
             .filter(([, v]) => v !== undefined && v !== null && v !== '')
             .map(([k, v]) => `  --${k}: ${v};`);
@@ -3801,6 +3827,17 @@ class StyleRegistryService {
         else {
             this.rules.delete('__tokens__');
         }
+        // Dark-scheme overrides (flavors F0): variables only, appended as the token layer's
+        // LAST rule — one ordering convention for every @media block (responsive A3 lesson).
+        const darkEntries = Object.entries(darkTokens ?? {})
+            .filter(([, v]) => v !== undefined && v !== null && v !== '')
+            .map(([k, v]) => `    --${k}: ${v};`);
+        if (darkEntries.length) {
+            this.rules.set('__tokens_dark__', `@media (prefers-color-scheme: dark) {\n  :root {\n${darkEntries.join('\n')}\n  }\n}`);
+        }
+        else {
+            this.rules.delete('__tokens_dark__');
+        }
         this.flush();
     }
     remove(nodeId) {