@wawjs/ngx-prime 22.0.0

package/types/wawjs-ngx-prime-metergroup.d.ts

@@ -0,0 +1,207 @@
+import { MeterGroupPassThrough, MeterItem, MeterGroupLabelTemplateContext, MeterGroupMeterTemplateContext, MeterGroupIconTemplateContext } from '@wawjs/ngx-prime/types/metergroup';
+export * from '@wawjs/ngx-prime/types/metergroup';
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import * as i2 from '@wawjs/ngx-prime/api';
+import { PrimeTemplate } from '@wawjs/ngx-prime/api';
+import { BaseComponent } from '@wawjs/ngx-prime/basecomponent';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind } from '@wawjs/ngx-prime/bind';
+import * as _wawjs_css_prime_styled from '@wawjs/css-prime-styled';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+
+declare class MeterGroupStyle extends BaseStyle {
+    name: string;
+    style: _wawjs_css_prime_styled.StyleType;
+    classes: {
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-metergroup-horizontal': boolean;
+            'p-metergroup-vertical': boolean;
+        })[];
+        meters: string;
+        meter: string;
+        labelList: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-metergroup-label-list-vertical': boolean;
+            'p-metergroup-label-list-horizontal': boolean;
+        })[];
+        label: string;
+        labelIcon: string;
+        labelMarker: string;
+        labelText: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MeterGroupStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MeterGroupStyle>;
+}
+/**
+ *
+ * MeterGroup is a group of process status indicators.
+ *
+ * [Live Demo](https://www.ngx-prime.org/metergroup)
+ *
+ * @module metergroupstyle
+ *
+ */
+declare enum MeterGroupClasses {
+    /**
+     * Class name of the root element
+     */
+    root = "p-metergroup",
+    /**
+     * Class name of the meters element
+     */
+    meters = "p-metergroup-meters",
+    /**
+     * Class name of the meter element
+     */
+    meter = "p-metergroup-meter",
+    /**
+     * Class name of the label list element
+     */
+    labelList = "p-metergroup-label-list",
+    /**
+     * Class name of the label element
+     */
+    label = "p-metergroup-label",
+    /**
+     * Class name of the label icon element
+     */
+    labelIcon = "p-metergroup-label-icon",
+    /**
+     * Class name of the label marker element
+     */
+    labelMarker = "p-metergroup-label-marker",
+    /**
+     * Class name of the label text element
+     */
+    labelText = "p-metergroup-label-text"
+}
+
+declare class MeterGroupLabel extends BaseComponent<MeterGroupPassThrough> {
+    value: _angular_core.InputSignal<any[]>;
+    labelPosition: _angular_core.InputSignal<"start" | "end">;
+    labelOrientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    min: _angular_core.InputSignal<number | undefined>;
+    max: _angular_core.InputSignal<number | undefined>;
+    iconTemplate: _angular_core.InputSignal<TemplateRef<MeterGroupIconTemplateContext> | undefined>;
+    parentInstance: MeterGroup;
+    _componentStyle: MeterGroupStyle;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MeterGroupLabel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MeterGroupLabel, "p-meterGroupLabel, p-metergrouplabel", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "labelOrientation": { "alias": "labelOrientation"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "iconTemplate": { "alias": "iconTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * MeterGroup displays scalar measurements within a known range.
+ * @group Components
+ */
+declare class MeterGroup extends BaseComponent<MeterGroupPassThrough> {
+    componentName: string;
+    $pcMeterGroup: MeterGroup | undefined;
+    bindDirectiveInstance: Bind;
+    /**
+     * Current value of the metergroup.
+     * @group Props
+     */
+    value: _angular_core.InputSignal<MeterItem[] | undefined>;
+    /**
+     * Mininum boundary value.
+     * @group Props
+     */
+    min: _angular_core.InputSignal<number>;
+    /**
+     * Maximum boundary value.
+     * @group Props
+     */
+    max: _angular_core.InputSignal<number>;
+    /**
+     * Specifies the layout of the component, valid values are 'horizontal' and 'vertical'.
+     * @group Props
+     */
+    orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /**
+     * Specifies the label position of the component, valid values are 'start' and 'end'.
+     * @group Props
+     */
+    labelPosition: _angular_core.InputSignal<"start" | "end">;
+    /**
+     * Specifies the label orientation of the component, valid values are 'horizontal' and 'vertical'.
+     * @group Props
+     */
+    labelOrientation: _angular_core.InputSignal<"horizontal" | "vertical" | undefined>;
+    /**
+     * Style class of the element.
+     * @deprecated since v20.0.0, use `class` instead.
+     * @group Props
+     */
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    get vertical(): boolean;
+    /**
+     * Custom label template.
+     * @param {MeterGroupLabelTemplateContext} context - label context.
+     * @see {@link MeterGroupLabelTemplateContext}
+     * @group Templates
+     */
+    readonly labelTemplate: _angular_core.Signal<TemplateRef<MeterGroupLabelTemplateContext> | undefined>;
+    /**
+     * Custom meter template.
+     * @param {MeterGroupMeterTemplateContext} context - meter context.
+     * @see {@link MeterGroupMeterTemplateContext}
+     * @group Templates
+     */
+    readonly meterTemplate: _angular_core.Signal<TemplateRef<MeterGroupMeterTemplateContext> | undefined>;
+    /**
+     * Custom end template.
+     * @param {MeterGroupLabelTemplateContext} context - end context.
+     * @see {@link MeterGroupLabelTemplateContext}
+     * @group Templates
+     */
+    readonly endTemplate: _angular_core.Signal<TemplateRef<MeterGroupLabelTemplateContext> | undefined>;
+    /**
+     * Custom start template.
+     * @param {MeterGroupLabelTemplateContext} context - start context.
+     * @see {@link MeterGroupLabelTemplateContext}
+     * @group Templates
+     */
+    readonly startTemplate: _angular_core.Signal<TemplateRef<MeterGroupLabelTemplateContext> | undefined>;
+    /**
+     * Custom icon template.
+     * @param {MeterGroupIconTemplateContext} context - icon context.
+     * @see {@link MeterGroupIconTemplateContext}
+     * @group Templates
+     */
+    readonly iconTemplate: _angular_core.Signal<TemplateRef<MeterGroupIconTemplateContext> | undefined>;
+    readonly templates: _angular_core.Signal<readonly PrimeTemplate[]>;
+    _labelTemplate: TemplateRef<MeterGroupLabelTemplateContext> | undefined;
+    _meterTemplate: TemplateRef<MeterGroupMeterTemplateContext> | undefined;
+    _endTemplate: TemplateRef<MeterGroupLabelTemplateContext> | undefined;
+    _startTemplate: TemplateRef<MeterGroupLabelTemplateContext> | undefined;
+    _iconTemplate: TemplateRef<MeterGroupIconTemplateContext> | undefined;
+    onAfterViewChecked(): void;
+    _componentStyle: MeterGroupStyle;
+    constructor();
+    onAfterViewInit(): void;
+    onAfterContentInit(): void;
+    percent(meter?: number): number;
+    percentValue(meter: number): string;
+    meterStyle(val: MeterItem): {
+        backgroundColor: string | undefined;
+        width: string | false;
+        height: string | false;
+    };
+    totalPercent(): number;
+    percentages(): number[];
+    trackByFn(index: number): number;
+    get dataP(): string | undefined;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MeterGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MeterGroup, "p-meterGroup, p-metergroup, p-meter-group", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "labelOrientation": { "alias": "labelOrientation"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, ["labelTemplate", "meterTemplate", "endTemplate", "startTemplate", "iconTemplate", "templates"], never, true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class MeterGroupModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MeterGroupModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<MeterGroupModule, never, [typeof MeterGroup, typeof i2.SharedModule], [typeof MeterGroup, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<MeterGroupModule>;
+}
+
+export { MeterGroup, MeterGroupClasses, MeterGroupLabel, MeterGroupModule, MeterGroupStyle };

package/types/wawjs-ngx-prime-motion.d.ts

@@ -0,0 +1,396 @@
+import * as _wawjs_css_prime_motion from '@wawjs/css-prime-motion';
+import { MotionOptions, MotionEvent } from '@wawjs/css-prime-motion';
+import * as _angular_core from '@angular/core';
+import { BaseComponent } from '@wawjs/ngx-prime/basecomponent';
+import * as i1 from '@wawjs/ngx-prime/bind';
+import { Bind } from '@wawjs/ngx-prime/bind';
+import { MotionPassThrough } from '@wawjs/ngx-prime/types/motion';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+
+/**
+ * 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<boolean>;
+    /**
+     * 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<string | undefined>;
+    /**
+     * The type of the motion, valid values 'transition' and 'animation'.
+     * @group Props
+     */
+    type: _angular_core.InputSignal<_wawjs_css_prime_motion.MotionType | undefined>;
+    /**
+     * Whether the motion is safe.
+     * @group Props
+     */
+    safe: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion is disabled.
+     * @group Props
+     */
+    disabled: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion should appear.
+     * @group Props
+     */
+    appear: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion should enter.
+     * @group Props
+     */
+    enter: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion should leave.
+     * @group Props
+     */
+    leave: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * The duration of the motion.
+     * @group Props
+     */
+    duration: _angular_core.InputSignal<_wawjs_css_prime_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<string | undefined>;
+    /**
+     * The enter to class of the motion.
+     * @group Props
+     */
+    enterToClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The enter active class of the motion.
+     * @group Props
+     */
+    enterActiveClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The leave from class of the motion.
+     * @group Props
+     */
+    leaveFromClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The leave to class of the motion.
+     * @group Props
+     */
+    leaveToClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The leave active class of the motion.
+     * @group Props
+     */
+    leaveActiveClass: _angular_core.InputSignal<string | undefined>;
+    /******************** All Inputs ********************/
+    /**
+     * The motion options.
+     * @group Props
+     */
+    options: _angular_core.InputSignal<MotionOptions>;
+    /******************** 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /******************** 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();
+    private applyMotionDuration;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MotionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MotionDirective, "[pMotion]", never, { "visible": { "alias": "pMotion"; "required": false; "isSignal": true; }; "name": { "alias": "pMotionName"; "required": false; "isSignal": true; }; "type": { "alias": "pMotionType"; "required": false; "isSignal": true; }; "safe": { "alias": "pMotionSafe"; "required": false; "isSignal": true; }; "disabled": { "alias": "pMotionDisabled"; "required": false; "isSignal": true; }; "appear": { "alias": "pMotionAppear"; "required": false; "isSignal": true; }; "enter": { "alias": "pMotionEnter"; "required": false; "isSignal": true; }; "leave": { "alias": "pMotionLeave"; "required": false; "isSignal": true; }; "duration": { "alias": "pMotionDuration"; "required": false; "isSignal": true; }; "hideStrategy": { "alias": "pMotionHideStrategy"; "required": false; "isSignal": true; }; "enterFromClass": { "alias": "pMotionEnterFromClass"; "required": false; "isSignal": true; }; "enterToClass": { "alias": "pMotionEnterToClass"; "required": false; "isSignal": true; }; "enterActiveClass": { "alias": "pMotionEnterActiveClass"; "required": false; "isSignal": true; }; "leaveFromClass": { "alias": "pMotionLeaveFromClass"; "required": false; "isSignal": true; }; "leaveToClass": { "alias": "pMotionLeaveToClass"; "required": false; "isSignal": true; }; "leaveActiveClass": { "alias": "pMotionLeaveActiveClass"; "required": false; "isSignal": true; }; "options": { "alias": "pMotionOptions"; "required": false; "isSignal": true; }; }, { "onBeforeEnter": "pMotionOnBeforeEnter"; "onEnter": "pMotionOnEnter"; "onAfterEnter": "pMotionOnAfterEnter"; "onEnterCancelled": "pMotionOnEnterCancelled"; "onBeforeLeave": "pMotionOnBeforeLeave"; "onLeave": "pMotionOnLeave"; "onAfterLeave": "pMotionOnAfterLeave"; "onLeaveCancelled": "pMotionOnLeaveCancelled"; }, never, never, true, never>;
+}
+
+declare class MotionStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MotionStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MotionStyle>;
+}
+
+/**
+ * Motion component is a container to apply motion effects to its content.
+ * @group Components
+ */
+declare class Motion extends BaseComponent<MotionPassThrough> {
+    $pcMotion: Motion | undefined;
+    bindDirectiveInstance: Bind;
+    onAfterViewChecked(): void;
+    _componentStyle: MotionStyle;
+    /******************** Inputs ********************/
+    /**
+     * Whether the element is visible or not.
+     * @group Props
+     */
+    visible: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether to mount the element on enter.
+     * @group Props
+     */
+    mountOnEnter: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether to unmount the element on leave.
+     * @group Props
+     */
+    unmountOnLeave: _angular_core.InputSignal<boolean>;
+    /**
+     * 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<string | undefined>;
+    /**
+     * The type of the motion, valid values 'transition' and 'animation'.
+     * @group Props
+     */
+    type: _angular_core.InputSignal<_wawjs_css_prime_motion.MotionType | undefined>;
+    /**
+     * Whether the motion is safe.
+     * @group Props
+     */
+    safe: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion is disabled.
+     * @group Props
+     */
+    disabled: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion should appear.
+     * @group Props
+     */
+    appear: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion should enter.
+     * @group Props
+     */
+    enter: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Whether the motion should leave.
+     * @group Props
+     */
+    leave: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * The duration of the motion.
+     * @group Props
+     */
+    duration: _angular_core.InputSignal<_wawjs_css_prime_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<string | undefined>;
+    /**
+     * The enter to class of the motion.
+     * @group Props
+     */
+    enterToClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The enter active class of the motion.
+     * @group Props
+     */
+    enterActiveClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The leave from class of the motion.
+     * @group Props
+     */
+    leaveFromClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The leave to class of the motion.
+     * @group Props
+     */
+    leaveToClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The leave active class of the motion.
+     * @group Props
+     */
+    leaveActiveClass: _angular_core.InputSignal<string | undefined>;
+    /******************** All Inputs ********************/
+    /**
+     * The motion options.
+     * @group Props
+     */
+    options: _angular_core.InputSignal<MotionOptions>;
+    /******************** 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /**
+     * 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<MotionEvent | undefined>;
+    /******************** Computed ********************/
+    private motionOptions;
+    private motion;
+    private isInitialMount;
+    private cancelled;
+    private destroyed;
+    rendered: _angular_core.WritableSignal<boolean>;
+    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();
+    private applyMotionDuration;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Motion, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Motion, "p-motion", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "mountOnEnter": { "alias": "mountOnEnter"; "required": false; "isSignal": true; }; "unmountOnLeave": { "alias": "unmountOnLeave"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "safe": { "alias": "safe"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "appear": { "alias": "appear"; "required": false; "isSignal": true; }; "enter": { "alias": "enter"; "required": false; "isSignal": true; }; "leave": { "alias": "leave"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "hideStrategy": { "alias": "hideStrategy"; "required": false; "isSignal": true; }; "enterFromClass": { "alias": "enterFromClass"; "required": false; "isSignal": true; }; "enterToClass": { "alias": "enterToClass"; "required": false; "isSignal": true; }; "enterActiveClass": { "alias": "enterActiveClass"; "required": false; "isSignal": true; }; "leaveFromClass": { "alias": "leaveFromClass"; "required": false; "isSignal": true; }; "leaveToClass": { "alias": "leaveToClass"; "required": false; "isSignal": true; }; "leaveActiveClass": { "alias": "leaveActiveClass"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "onBeforeEnter": "onBeforeEnter"; "onEnter": "onEnter"; "onAfterEnter": "onAfterEnter"; "onEnterCancelled": "onEnterCancelled"; "onBeforeLeave": "onBeforeLeave"; "onLeave": "onLeave"; "onAfterLeave": "onAfterLeave"; "onLeaveCancelled": "onLeaveCancelled"; }, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+
+declare class MotionModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MotionModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<MotionModule, never, [typeof Motion, typeof MotionDirective], [typeof Motion, typeof MotionDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<MotionModule>;
+}
+
+export { Motion, MotionDirective, MotionModule };