import * as _angular_core from '@angular/core'; import * as _primeuix_motion from '@primeuix/motion'; import { MotionOptions, MotionEvent } from '@primeuix/motion'; import { BaseComponent } from 'primeng/basecomponent'; import * as i1 from 'primeng/bind'; import { Bind } from 'primeng/bind'; import { MotionPassThrough } from 'primeng/types/motion'; import { BaseStyle } from 'primeng/base'; declare class MotionStyle extends BaseStyle { name: string; style: string; classes: { root: string; }; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵprov: _angular_core.ɵɵInjectableDeclaration; } interface MotionStyle extends BaseStyle { } /** * Motion component is a container to apply motion effects to its content. * @group Components */ declare class Motion extends BaseComponent { $pcMotion: Motion | undefined; bindDirectiveInstance: Bind; onAfterViewChecked(): void; _componentStyle: MotionStyle; /******************** Inputs ********************/ /** * Whether the element is visible or not. * @group Props */ visible: _angular_core.InputSignal; /** * Whether to mount the element on enter. * @group Props */ mountOnEnter: _angular_core.InputSignal; /** * Whether to unmount the element on leave. * @group Props */ unmountOnLeave: _angular_core.InputSignal; /** * The name of the motion. It can be a predefined motion name or a custom one. * phases: * [name]-enter * [name]-enter-active * [name]-enter-to * [name]-leave * [name]-leave-active * [name]-leave-to * @group Props */ name: _angular_core.InputSignal; /** * The type of the motion, valid values 'transition' and 'animation'. * @group Props */ type: _angular_core.InputSignal<_primeuix_motion.MotionType | undefined>; /** * Whether the motion is safe. * @group Props */ safe: _angular_core.InputSignal; /** * Whether the motion is disabled. * @group Props */ disabled: _angular_core.InputSignal; /** * Whether the motion should appear. * @group Props */ appear: _angular_core.InputSignal; /** * Whether the motion should enter. * @group Props */ enter: _angular_core.InputSignal; /** * Whether the motion should leave. * @group Props */ leave: _angular_core.InputSignal; /** * The duration of the motion. * @group Props */ duration: _angular_core.InputSignal<_primeuix_motion.MotionDuration>; /** * The hide strategy of the motion, valid values 'display' and 'visibility'. * @group Props */ hideStrategy: _angular_core.InputSignal<"display" | "visibility">; /** * The enter from class of the motion. * @group Props */ enterFromClass: _angular_core.InputSignal; /** * The enter to class of the motion. * @group Props */ enterToClass: _angular_core.InputSignal; /** * The enter active class of the motion. * @group Props */ enterActiveClass: _angular_core.InputSignal; /** * The leave from class of the motion. * @group Props */ leaveFromClass: _angular_core.InputSignal; /** * The leave to class of the motion. * @group Props */ leaveToClass: _angular_core.InputSignal; /** * The leave active class of the motion. * @group Props */ leaveActiveClass: _angular_core.InputSignal; /******************** All Inputs ********************/ /** * The motion options. * @group Props */ options: _angular_core.InputSignal; /******************** Outputs ********************/ /** * Callback fired before the enter transition/animation starts. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onBeforeEnter: _angular_core.OutputEmitterRef; /** * Callback fired when the enter transition/animation starts. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onEnter: _angular_core.OutputEmitterRef; /** * Callback fired after the enter transition/animation ends. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onAfterEnter: _angular_core.OutputEmitterRef; /** * Callback fired when the enter transition/animation is cancelled. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onEnterCancelled: _angular_core.OutputEmitterRef; /** * Callback fired before the leave transition/animation starts. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onBeforeLeave: _angular_core.OutputEmitterRef; /** * Callback fired when the leave transition/animation starts. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onLeave: _angular_core.OutputEmitterRef; /** * Callback fired after the leave transition/animation ends. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onAfterLeave: _angular_core.OutputEmitterRef; /** * Callback fired when the leave transition/animation is cancelled. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onLeaveCancelled: _angular_core.OutputEmitterRef; /******************** Computed ********************/ private motionOptions; private motion; private isInitialMount; private cancelled; private destroyed; rendered: _angular_core.WritableSignal; private readonly handleBeforeEnter; private readonly handleEnter; private readonly handleAfterEnter; private readonly handleEnterCancelled; private readonly handleBeforeLeave; private readonly handleLeave; private readonly handleAfterLeave; private readonly handleLeaveCancelled; constructor(); onDestroy(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Motion Directive is directive to apply motion effects to elements. * @group Components */ declare class MotionDirective extends BaseComponent { $pcMotionDirective: MotionDirective | undefined; /******************** Inputs ********************/ /** * Whether the element is visible or not. * @group Props */ visible: _angular_core.InputSignal; /** * The name of the motion. It can be a predefined motion name or a custom one. * phases: * [name]-enter * [name]-enter-active * [name]-enter-to * [name]-leave * [name]-leave-active * [name]-leave-to * @group Props */ name: _angular_core.InputSignal; /** * The type of the motion, valid values 'transition' and 'animation'. * @group Props */ type: _angular_core.InputSignal<_primeuix_motion.MotionType | undefined>; /** * Whether the motion is safe. * @group Props */ safe: _angular_core.InputSignal; /** * Whether the motion is disabled. * @group Props */ disabled: _angular_core.InputSignal; /** * Whether the motion should appear. * @group Props */ appear: _angular_core.InputSignal; /** * Whether the motion should enter. * @group Props */ enter: _angular_core.InputSignal; /** * Whether the motion should leave. * @group Props */ leave: _angular_core.InputSignal; /** * The duration of the motion. * @group Props */ duration: _angular_core.InputSignal<_primeuix_motion.MotionDuration>; /** * The hide strategy of the motion, valid values 'display' and 'visibility'. * @group Props */ hideStrategy: _angular_core.InputSignal<"display" | "visibility">; /** * The enter from class of the motion. * @group Props */ enterFromClass: _angular_core.InputSignal; /** * The enter to class of the motion. * @group Props */ enterToClass: _angular_core.InputSignal; /** * The enter active class of the motion. * @group Props */ enterActiveClass: _angular_core.InputSignal; /** * The leave from class of the motion. * @group Props */ leaveFromClass: _angular_core.InputSignal; /** * The leave to class of the motion. * @group Props */ leaveToClass: _angular_core.InputSignal; /** * The leave active class of the motion. * @group Props */ leaveActiveClass: _angular_core.InputSignal; /******************** All Inputs ********************/ /** * The motion options. * @group Props */ options: _angular_core.InputSignal; /******************** Outputs ********************/ /** * Callback fired before the enter transition/animation starts. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onBeforeEnter: _angular_core.OutputEmitterRef; /** * Callback fired when the enter transition/animation starts. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onEnter: _angular_core.OutputEmitterRef; /** * Callback fired after the enter transition/animation ends. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onAfterEnter: _angular_core.OutputEmitterRef; /** * Callback fired when the enter transition/animation is cancelled. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onEnterCancelled: _angular_core.OutputEmitterRef; /** * Callback fired before the leave transition/animation starts. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onBeforeLeave: _angular_core.OutputEmitterRef; /** * Callback fired when the leave transition/animation starts. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onLeave: _angular_core.OutputEmitterRef; /** * Callback fired after the leave transition/animation ends. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onAfterLeave: _angular_core.OutputEmitterRef; /** * Callback fired when the leave transition/animation is cancelled. * @param {MotionEvent} [event] - The event object containing details about the motion. * @param {Element} event.element - The element being transitioned/animated. * @group Emits */ onLeaveCancelled: _angular_core.OutputEmitterRef; /******************** Computed ********************/ private motionOptions; private motion; private isInitialMount; private cancelled; private destroyed; private readonly handleBeforeEnter; private readonly handleEnter; private readonly handleAfterEnter; private readonly handleEnterCancelled; private readonly handleBeforeLeave; private readonly handleLeave; private readonly handleAfterLeave; private readonly handleLeaveCancelled; constructor(); onDestroy(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } declare class MotionModule { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵmod: _angular_core.ɵɵNgModuleDeclaration; static ɵinj: _angular_core.ɵɵInjectorDeclaration; } export { Motion, MotionDirective, MotionModule };