@vectoriox/iox-ui 4.6.0 → 4.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -839,7 +839,7 @@ declare const DEFAULT_PAGE_TRANSITION_DURATION = 1500;
|
|
|
839
839
|
declare const DEFAULT_PAGE_TRANSITION_EASING = "cubic-bezier(0.76, 0, 0.24, 1)";
|
|
840
840
|
/** Default preset used when a page has no transition configured at all. */
|
|
841
841
|
declare const DEFAULT_PAGE_TRANSITION = "parallax-up";
|
|
842
|
-
type PageTransitionCategory = 'parallax' | 'move' | 'fade' | 'scale' | 'rotate';
|
|
842
|
+
type PageTransitionCategory = 'parallax' | 'reveal' | 'curtain' | 'move' | 'fade' | 'scale' | 'rotate';
|
|
843
843
|
interface PageTransitionPreset {
|
|
844
844
|
category: PageTransitionCategory;
|
|
845
845
|
label: string;
|
|
@@ -859,8 +859,36 @@ interface PageTransitionPreset {
|
|
|
859
859
|
outDelayRatio?: number;
|
|
860
860
|
/** Delay before the IN animation starts, as a fraction (0..1) of the duration. */
|
|
861
861
|
inDelayRatio?: number;
|
|
862
|
+
/**
|
|
863
|
+
* Optional full-screen overlay panel (curtain / wipe). When present the transition plays as
|
|
864
|
+
* COVER → swap → UNCOVER instead of the two page layers animating against each other: the panel
|
|
865
|
+
* sweeps in to hide the screen, the outgoing page is dropped behind it, then the panel sweeps
|
|
866
|
+
* out to reveal the incoming page. Each half gets HALF the total duration.
|
|
867
|
+
*
|
|
868
|
+
* Trade-off: the swap is hidden, so you lose the "both pages visible at once" depth of the
|
|
869
|
+
* parallax family — this is drama rather than spatial continuity.
|
|
870
|
+
*/
|
|
871
|
+
overlay?: {
|
|
872
|
+
coverKeyframes: Keyframe[];
|
|
873
|
+
uncoverKeyframes: Keyframe[];
|
|
874
|
+
};
|
|
862
875
|
}
|
|
863
876
|
declare const PAGE_TRANSITION_PRESETS: Record<string, PageTransitionPreset>;
|
|
877
|
+
interface TransitionFeel {
|
|
878
|
+
value: string;
|
|
879
|
+
label: string;
|
|
880
|
+
duration: number;
|
|
881
|
+
easing: string;
|
|
882
|
+
description: string;
|
|
883
|
+
}
|
|
884
|
+
declare const TRANSITION_FEELS: TransitionFeel[];
|
|
885
|
+
/** The feel matching this duration+easing exactly, else 'custom'. Drives the panel's selector. */
|
|
886
|
+
declare function feelFor(duration: number | string | undefined, easing: string | undefined): string;
|
|
887
|
+
/** The duration+easing patch for a feel id (undefined for 'custom' / unknown). */
|
|
888
|
+
declare function applyFeel(feel: string): {
|
|
889
|
+
duration: number;
|
|
890
|
+
easing: string;
|
|
891
|
+
} | undefined;
|
|
864
892
|
interface PageTransitionCategoryMeta {
|
|
865
893
|
value: PageTransitionCategory;
|
|
866
894
|
label: string;
|
|
@@ -887,6 +915,13 @@ interface ResolvedPageTransition {
|
|
|
887
915
|
perspective: number;
|
|
888
916
|
outTransformOrigin?: string;
|
|
889
917
|
inTransformOrigin?: string;
|
|
918
|
+
/** Present only for curtain presets — each half runs for HALF the total duration. */
|
|
919
|
+
overlay?: {
|
|
920
|
+
coverFrames: Keyframe[];
|
|
921
|
+
uncoverFrames: Keyframe[];
|
|
922
|
+
coverOptions: KeyframeAnimationOptions;
|
|
923
|
+
uncoverOptions: KeyframeAnimationOptions;
|
|
924
|
+
};
|
|
890
925
|
}
|
|
891
926
|
/**
|
|
892
927
|
* Resolve a persisted preset id + timing into the two WAAPI animations the consumer runs.
|
|
@@ -924,5 +959,5 @@ declare function effectiveTransitionId(anim: {
|
|
|
924
959
|
enter?: string | null;
|
|
925
960
|
} | null | undefined): string;
|
|
926
961
|
|
|
927
|
-
export { AOSService, AnalyticsService, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, CMSClientInfraModule, CardComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ConsentService, ContainerComponent, ContentService, DEFAULT_PAGE_TRANSITION, DEFAULT_PAGE_TRANSITION_DURATION, DEFAULT_PAGE_TRANSITION_EASING, DEFAULT_PAGE_TRANSITION_PERSPECTIVE, DEFAULT_WIDTH_BY_TYPE, ENVIRONMENT, IOX_BUILDER_EVENTS, IS_PREVIEW, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxBuilderComponentsModule, IoxComponentRegistryService, IoxPageComponent, IoxPageModule, IoxUiModule, LinkedContainerComponent, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PageScrollProvider, PrivacyModalComponent, PrivacyModalService, PrivacyModelEvent, SectionComponent, TextBlockComponent, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, WebSettingsService, buildDataSourceFilter, buildTransitionTimeline, compileDeclarations, composeVirtualTraits, dataSourcePlanToRequest, effectiveTransitionId, legacyEnterToTransition, matchRouteParams, normalizeCollectionResult, planDataSource, renderDefaultDeclarations, resolvePageTransition, resolveSingleItemId, rewriteViewportUnits, styleKeyToKebab };
|
|
928
|
-
export type { DataSourceDomain, DataSourceEndpoints, DataSourceMode, DataSourcePlan, DataSourceQueryFilter, DataSourceRequest, DataSourceRequestSpec, DataSourceRouteFilter, DataSourceSpec, IBuilderEventEmitter, PageTransitionCategory, PageTransitionCategoryMeta, PageTransitionOptions, PageTransitionPreset, ResolvedPageTransition, TransitionPhase, TransitionTimelineInput };
|
|
962
|
+
export { AOSService, AnalyticsService, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, CMSClientInfraModule, CardComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ConsentService, ContainerComponent, ContentService, DEFAULT_PAGE_TRANSITION, DEFAULT_PAGE_TRANSITION_DURATION, DEFAULT_PAGE_TRANSITION_EASING, DEFAULT_PAGE_TRANSITION_PERSPECTIVE, DEFAULT_WIDTH_BY_TYPE, ENVIRONMENT, IOX_BUILDER_EVENTS, IS_PREVIEW, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxBuilderComponentsModule, IoxComponentRegistryService, IoxPageComponent, IoxPageModule, IoxUiModule, LinkedContainerComponent, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PageScrollProvider, PrivacyModalComponent, PrivacyModalService, PrivacyModelEvent, SectionComponent, TRANSITION_FEELS, TextBlockComponent, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, WebSettingsService, applyFeel, buildDataSourceFilter, buildTransitionTimeline, compileDeclarations, composeVirtualTraits, dataSourcePlanToRequest, effectiveTransitionId, feelFor, legacyEnterToTransition, matchRouteParams, normalizeCollectionResult, planDataSource, renderDefaultDeclarations, resolvePageTransition, resolveSingleItemId, rewriteViewportUnits, styleKeyToKebab };
|
|
963
|
+
export type { DataSourceDomain, DataSourceEndpoints, DataSourceMode, DataSourcePlan, DataSourceQueryFilter, DataSourceRequest, DataSourceRequestSpec, DataSourceRouteFilter, DataSourceSpec, IBuilderEventEmitter, PageTransitionCategory, PageTransitionCategoryMeta, PageTransitionOptions, PageTransitionPreset, ResolvedPageTransition, TransitionFeel, TransitionPhase, TransitionTimelineInput };
|