@vectoriox/iox-builder 1.7.13 → 1.8.0

package/fesm2022/vectoriox-iox-builder.mjs

@@ -17,8 +17,8 @@ import { SelectModule } from 'primeng/select';
 import { TooltipModule } from 'primeng/tooltip';
 import { DialogModule } from 'primeng/dialog';
 import * as i15 from '@vectoriox/iox-ui';
-import { ComponentInstanceRegistryService, DEFAULT_WIDTH_BY_TYPE, compileDeclarations, IS_PREVIEW, IoxPageModule } from '@vectoriox/iox-ui';
-export { ComponentInstanceRegistryService } from '@vectoriox/iox-ui';
+import { ComponentInstanceRegistryService, DEFAULT_WIDTH_BY_TYPE, compileDeclarations, composeVirtualTraits, IS_PREVIEW, IoxPageModule } from '@vectoriox/iox-ui';
+export { ComponentInstanceRegistryService, VIRTUAL_TRAIT_KEYS, composeVirtualTraits } from '@vectoriox/iox-ui';
 import Lenis from 'lenis';
 import { Subject, BehaviorSubject } from 'rxjs';
 import interact from 'interactjs';
@@ -1449,6 +1449,16 @@ class InteractionEngineService {
         switch (ix.trigger) {
             case 'pageLoad':
                 return this.attachPageLoad(node, ix, element);
+            case 'pageEnter':
+                // In the builder canvas there is no navigation, so preview a page-enter the same
+                // way as page-load (pre-stated hidden → animate in). In production the SSR engine
+                // fires it only after the page transition completes (ClientInteractionService).
+                return this.attachPageLoad(node, ix, element);
+            case 'pageLeave':
+                // Exit choreography that plays on navigate-away. There is no navigation in the
+                // builder, so it does not auto-fire (element stays visible) — the overlay play
+                // button previews it via replay(). In production the orchestrator awaits it.
+                return () => { };
             case 'viewportEnter':
                 return this.attachViewportEnter(node, ix, element);
             case 'click':
@@ -1890,6 +1900,8 @@ const INVERSE_ACTION = {
 };
 const TRIGGER_OPTIONS = [
     { value: 'pageLoad', label: 'Page load', icon: 'ph-thin ph-play' },
+    { value: 'pageEnter', label: 'Page enter', icon: 'ph-thin ph-sign-in' },
+    { value: 'pageLeave', label: 'Page leave', icon: 'ph-thin ph-sign-out' },
     { value: 'viewportEnter', label: 'Enter viewport', icon: 'ph-thin ph-eye' },
     { value: 'click', label: 'Click', icon: 'ph-thin ph-cursor-click' },
     { value: 'hover', label: 'Hover', icon: 'ph-thin ph-hand-pointing' },
@@ -2864,120 +2876,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: DragEngineService }, { type: StyleRegistryService }] });
 
-// Virtual trait → composed CSS property helpers.
-//
-// Several style traits are "virtual" — they don't map 1:1 to a CSS property but
-// are components of a multi-function CSS value.  composeVirtualTraits() strips
-// these virtual keys from the style map and replaces them with the correctly
-// composed CSS properties (filter, backdrop-filter, transform, transition).
-//
-// The same function is used by the render directive (initial mount + state
-// restore) and by the style panel's onUpdate / setStateOverride paths, so
-// the CSS output is always consistent regardless of how styles are applied.
-// ─── Filter ──────────────────────────────────────────────────────────────────
-const FILTER_FUNS = [
-    ['filterBlur', 'blur', '0px'],
-    ['filterBrightness', 'brightness', '1'],
-    ['filterContrast', 'contrast', '1'],
-    ['filterGrayscale', 'grayscale', '0'],
-    ['filterSaturate', 'saturate', '1'],
-    ['filterHueRotate', 'hue-rotate', '0deg'],
-    ['filterSepia', 'sepia', '0'],
-    ['filterInvert', 'invert', '0'],
-];
-// ─── Backdrop-filter ─────────────────────────────────────────────────────────
-const BACKDROP_FUNS = [
-    ['backdropBlur', 'blur', '0px'],
-    ['backdropBrightness', 'brightness', '1'],
-    ['backdropContrast', 'contrast', '1'],
-    ['backdropSaturate', 'saturate', '1'],
-];
-// ─── Transform ───────────────────────────────────────────────────────────────
-const TRANSFORM_FUNS = [
-    ['translateX', 'translateX', '0px'],
-    ['translateY', 'translateY', '0px'],
-    ['scaleX', 'scaleX', '1'],
-    ['scaleY', 'scaleY', '1'],
-    ['rotate', 'rotate', '0deg'],
-    ['skewX', 'skewX', '0deg'],
-    ['skewY', 'skewY', '0deg'],
-];
-// ─── ::marker pseudo-element ─────────────────────────────────────────────────
-const MARKER_FUNS = [
-    ['markerColor', 'color'],
-    ['markerFontSize', 'fontSize'],
-];
-// ─── All virtual trait names ──────────────────────────────────────────────────
-const VIRTUAL_TRAIT_KEYS = new Set([
-    ...FILTER_FUNS.map(([t]) => t),
-    ...BACKDROP_FUNS.map(([t]) => t),
-    ...TRANSFORM_FUNS.map(([t]) => t),
-    'transitionDuration', 'transitionTimingFunction', 'transitionDelay',
-    ...MARKER_FUNS.map(([t]) => t),
-]);
-// ─── Helpers ─────────────────────────────────────────────────────────────────
-function buildFns(funs, src) {
-    return funs
-        .filter(([t, , d]) => src[t] != null && src[t] !== '' && src[t] !== d)
-        .map(([t, fn]) => `${fn}(${src[t]})`)
-        .join(' ');
-}
-// ─── Public API ───────────────────────────────────────────────────────────────
-/**
- * Strip virtual trait keys from `raw` and emit their composed CSS equivalents.
- *
- * When composing a partial state-override map (hover, active…), pass the full
- * base style map as `base` so non-overridden components (e.g. filterBrightness
- * when only filterBlur is overridden) are preserved in the composed output.
- * When operating on a complete style map, omit `base` — it defaults to `raw`.
- */
-function composeVirtualTraits(raw, base = raw) {
-    // Copy all non-virtual properties as-is
-    const result = {};
-    for (const [k, v] of Object.entries(raw)) {
-        if (!VIRTUAL_TRAIT_KEYS.has(k))
-            result[k] = v;
-    }
-    // Merge base values for any virtual key absent from the partial override map
-    const merged = (funs) => {
-        const m = {};
-        for (const [t] of funs)
-            m[t] = raw[t] ?? base[t];
-        return m;
-    };
-    // filter
-    const filterStr = buildFns(FILTER_FUNS, merged(FILTER_FUNS));
-    if (filterStr)
-        result['filter'] = filterStr;
-    // backdrop-filter
-    const backdropStr = buildFns(BACKDROP_FUNS, merged(BACKDROP_FUNS));
-    if (backdropStr)
-        result['backdropFilter'] = backdropStr;
-    // transform
-    const transformStr = buildFns(TRANSFORM_FUNS, merged(TRANSFORM_FUNS));
-    if (transformStr)
-        result['transform'] = transformStr;
-    // transition — only emit when duration is non-zero
-    const dur = raw['transitionDuration'] ?? base['transitionDuration'];
-    const ease = raw['transitionTimingFunction'] ?? base['transitionTimingFunction'];
-    const del = raw['transitionDelay'] ?? base['transitionDelay'];
-    if (dur && ease && dur !== '0ms' && dur !== '0s') {
-        const delPart = del && del !== '0ms' && del !== '0s' ? ` ${del}` : '';
-        result['transition'] = `all ${dur} ${ease}${delPart}`;
-    }
-    // ::marker pseudo-element — collected into __markerStyles so StyleRegistryService
-    // can emit a separate `.iox-node-{id}::marker { … }` rule.
-    const markerStyles = {};
-    for (const [trait, cssProp] of MARKER_FUNS) {
-        const val = raw[trait] ?? base[trait];
-        if (val != null && val !== '')
-            markerStyles[cssProp] = val;
-    }
-    if (Object.keys(markerStyles).length) {
-        result['__markerStyles'] = markerStyles;
-    }
-    return result;
-}
+// Virtual trait composition now lives in @vectoriox/iox-ui so the SSR engine (which does NOT depend
+// on iox-builder) can use the SAME logic — otherwise the engine emitted raw virtual keys
+// (translate-x, filter-blur…) as invalid CSS. This is a re-export passthrough to keep existing
+// iox-builder imports (`../style-compose`) working with no duplicated implementation.
 
 // Module-level counter — unique drop-list ID per Section instance across the whole app session.
 let dropListCounter = 0;
@@ -7956,5 +7858,5 @@ class BuilderSpacerComponentConfig extends ComponentConfig {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_TYPE_OPTIONS, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CardComponentConfig, ComponentConfig, ComponentRegistryService, DEVICE_OPTIONS, DataSourceRegistryService, DataSourceType, DeviceMode, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS, EffectsGroupStyleConfig, GroupStyleConfig, INTERACTION_STATES, INVERSE_ACTION, IOX_CONTENT_SERVICE, IOX_FONT_MANAGER, IOX_SHOP_SERVICE, InteractionEngineService, InteractionPresetRegistryService, InteractionsPanelComponent, 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, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, VIRTUAL_TRAIT_KEYS, ViewportService, ZOOM_OPTIONS, buildFullStyleTraits, buildPresetStyleTraits, composeVirtualTraits, defaultPageSettings, flattenSchemaFields, generateNodeId, resolveTraitControllerType, resolveTraitOptions };
+export { ACTION_TYPE_OPTIONS, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CardComponentConfig, ComponentConfig, ComponentRegistryService, DEVICE_OPTIONS, DataSourceRegistryService, DataSourceType, DeviceMode, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS, EffectsGroupStyleConfig, GroupStyleConfig, INTERACTION_STATES, INVERSE_ACTION, IOX_CONTENT_SERVICE, IOX_FONT_MANAGER, IOX_SHOP_SERVICE, InteractionEngineService, InteractionPresetRegistryService, InteractionsPanelComponent, 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, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, ViewportService, ZOOM_OPTIONS, buildFullStyleTraits, buildPresetStyleTraits, defaultPageSettings, flattenSchemaFields, generateNodeId, resolveTraitControllerType, resolveTraitOptions };
 //# sourceMappingURL=vectoriox-iox-builder.mjs.map