@wawjs/ngx-prime 22.0.0

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

@@ -0,0 +1,334 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
+import { MotionOptions, MotionEvent } from '@wawjs/css-prime-motion';
+import * as i2 from '@wawjs/ngx-prime/api';
+import { OverlayService, OverlayModeType, ResponsiveOverlayOptions, OverlayOptions, OverlayOnShowEvent, 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 { OverlayContentTemplateContext } from '@wawjs/ngx-prime/types/overlay';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+
+declare class OverlayStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        host: string;
+        root: ({ instance }: {
+            instance: any;
+        }) => (string | {
+            'p-overlay-modal p-overlay-mask p-overlay-mask-enter-active': any;
+            'p-overlay-center': any;
+            'p-overlay-top': any;
+            'p-overlay-top-start': any;
+            'p-overlay-top-end': any;
+            'p-overlay-bottom': any;
+            'p-overlay-bottom-start': any;
+            'p-overlay-bottom-end': any;
+            'p-overlay-left': any;
+            'p-overlay-left-start': any;
+            'p-overlay-left-end': any;
+            'p-overlay-right': any;
+            'p-overlay-right-start': any;
+            'p-overlay-right-end': any;
+        })[];
+        content: string;
+    };
+    inlineStyles: {
+        root: () => {
+            position: string;
+            top: string;
+        };
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<OverlayStyle>;
+}
+
+/**
+ * This API allows overlay components to be controlled from the ngx-prime. In this way, all overlay components in the application can have the same behavior.
+ * @group Components
+ */
+declare class Overlay extends BaseComponent {
+    overlayService: OverlayService;
+    private zone;
+    componentName: string;
+    $pcOverlay: Overlay | undefined;
+    hostName: _angular_core.InputSignal<string>;
+    /**
+     * The visible property is an input that determines the visibility of the component.
+     * @defaultValue false
+     * @group Props
+     */
+    visible: _angular_core.ModelSignal<boolean>;
+    /**
+     * The mode property is an input that determines the overlay mode type or string.
+     * @defaultValue null
+     * @group Props
+     */
+    readonly _mode: _angular_core.InputSignal<string | undefined>;
+    get mode(): OverlayModeType | string;
+    /**
+     * The style property is an input that determines the style object for the component.
+     * @defaultValue null
+     * @group Props
+     */
+    readonly _style: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    get style(): {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * The styleClass property is an input that determines the CSS class(es) for the component.
+     * @defaultValue null
+     * @group Props
+     */
+    readonly _styleClass: _angular_core.InputSignal<string | undefined>;
+    get styleClass(): string;
+    /**
+     * The contentStyle property is an input that determines the style object for the content of the component.
+     * @defaultValue null
+     * @group Props
+     */
+    readonly _contentStyle: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    get contentStyle(): {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * The contentStyleClass property is an input that determines the CSS class(es) for the content of the component.
+     * @defaultValue null
+     * @group Props
+     */
+    readonly _contentStyleClass: _angular_core.InputSignal<string | undefined>;
+    get contentStyleClass(): string;
+    /**
+     * The target property is an input that specifies the target element or selector for the component.
+     * @defaultValue null
+     * @group Props
+     */
+    readonly _target: _angular_core.InputSignal<string | null | undefined>;
+    get target(): string | null | undefined;
+    /**
+     * The autoZIndex determines whether to automatically manage layering. Its default value is 'false'.
+     * @defaultValue false
+     * @group Props
+     */
+    readonly _autoZIndex: _angular_core.InputSignal<boolean | undefined>;
+    get autoZIndex(): boolean;
+    /**
+     * The baseZIndex is base zIndex value to use in layering.
+     * @defaultValue null
+     * @group Props
+     */
+    readonly _baseZIndex: _angular_core.InputSignal<number | undefined>;
+    get baseZIndex(): number;
+    /**
+     * Transition options of the show or hide animation.
+     * @defaultValue .12s cubic-bezier(0, 0, 0.2, 1)
+     * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
+     */
+    readonly _showTransitionOptions: _angular_core.InputSignal<string | undefined>;
+    get showTransitionOptions(): string;
+    /**
+     * The hideTransitionOptions property is an input that determines the CSS transition options for hiding the component.
+     * @defaultValue .1s linear
+     * @group Props
+     * @deprecated since v21.0.0. Use `motionOptions` instead.
+     */
+    readonly _hideTransitionOptions: _angular_core.InputSignal<string | undefined>;
+    get hideTransitionOptions(): string;
+    /**
+     * The listener property is an input that specifies the listener object for the component.
+     * @defaultValue null
+     * @group Props
+     */
+    readonly _listener: _angular_core.InputSignal<any>;
+    get listener(): any;
+    /**
+     * It is the option used to determine in which mode it should appear according to the given media or breakpoint.
+     * @defaultValue null
+     * @group Props
+     */
+    readonly _responsive: _angular_core.InputSignal<ResponsiveOverlayOptions | undefined>;
+    get responsive(): ResponsiveOverlayOptions | undefined;
+    /**
+     * The options property is an input that specifies the overlay options for the component.
+     * @defaultValue null
+     * @group Props
+     */
+    options: _angular_core.InputSignal<OverlayOptions | undefined>;
+    /**
+     * Target element to attach the overlay, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
+     * @defaultValue 'self'
+     * @group Props
+     */
+    appendTo: _angular_core.InputSignal<any>;
+    /**
+     * Specifies whether the overlay should be rendered inline within the current component's template.
+     * @defaultValue false
+     * @group Props
+     */
+    inline: _angular_core.InputSignal<boolean>;
+    /**
+     * The motion options.
+     * @group Props
+     */
+    motionOptions: _angular_core.InputSignal<MotionOptions | undefined>;
+    computedMotionOptions: _angular_core.Signal<MotionOptions>;
+    /**
+     * This EventEmitter is used to notify changes in the visibility state of a component.
+     * @param {Boolean} boolean - Value of visibility as boolean.
+     * @group Emits
+     */
+    /**
+     * Callback to invoke before the overlay is shown.
+     * @param {OverlayOnBeforeShowEvent} event - Custom overlay before show event.
+     * @group Emits
+     */
+    onBeforeShow: _angular_core.OutputEmitterRef<OverlayOnShowEvent>;
+    /**
+     * Callback to invoke when the overlay is shown.
+     * @param {OverlayOnShowEvent} event - Custom overlay show event.
+     * @group Emits
+     */
+    onShow: _angular_core.OutputEmitterRef<OverlayOnShowEvent>;
+    /**
+     * Callback to invoke before the overlay is hidden.
+     * @param {OverlayOnBeforeHideEvent} event - Custom overlay before hide event.
+     * @group Emits
+     */
+    onBeforeHide: _angular_core.OutputEmitterRef<OverlayOnShowEvent>;
+    /**
+     * Callback to invoke when the overlay is hidden
+     * @param {OverlayOnHideEvent} event - Custom hide event.
+     * @group Emits
+     */
+    onHide: _angular_core.OutputEmitterRef<OverlayOnShowEvent>;
+    /**
+     * Callback to invoke when the animation is started.
+     * @param {AnimationEvent} event - Animation event.
+     * @group Emits
+     * @deprecated since v21.0.0. Use onOverlayBeforeEnter and onOverlayBeforeLeave instead.
+     */
+    onAnimationStart: _angular_core.OutputEmitterRef<AnimationEvent>;
+    /**
+     * Callback to invoke when the animation is done.
+     * @param {AnimationEvent} event - Animation event.
+     * @group Emits
+     * @deprecated since v21.0.0. Use onOverlayAfterEnter and onOverlayAfterLeave instead.
+     */
+    onAnimationDone: _angular_core.OutputEmitterRef<AnimationEvent>;
+    /**
+     * Callback to invoke before the overlay enters.
+     * @param {MotionEvent} event - Event before enter.
+     * @group Emits
+     */
+    onBeforeEnter: _angular_core.OutputEmitterRef<MotionEvent>;
+    /**
+     * Callback to invoke when the overlay enters.
+     * @param {MotionEvent} event - Event on enter.
+     * @group Emits
+     */
+    onEnter: _angular_core.OutputEmitterRef<MotionEvent>;
+    /**
+     * Callback to invoke after the overlay has entered.
+     * @param {MotionEvent} event - Event after enter.
+     * @group Emits
+     */
+    onAfterEnter: _angular_core.OutputEmitterRef<MotionEvent>;
+    /**
+     * Callback to invoke before the overlay leaves.
+     * @param {MotionEvent} event - Event before leave.
+     * @group Emits
+     */
+    onBeforeLeave: _angular_core.OutputEmitterRef<MotionEvent>;
+    /**
+     * Callback to invoke when the overlay leaves.
+     * @param {MotionEvent} event - Event on leave.
+     * @group Emits
+     */
+    onLeave: _angular_core.OutputEmitterRef<MotionEvent>;
+    /**
+     * Callback to invoke after the overlay has left.
+     * @param {MotionEvent} event - Event after leave.
+     * @group Emits
+     */
+    onAfterLeave: _angular_core.OutputEmitterRef<MotionEvent>;
+    readonly overlayViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    readonly contentViewChild: _angular_core.Signal<ElementRef<any> | undefined>;
+    /**
+     * Content template of the component.
+     * @param {OverlayContentTemplateContext} context - content context.
+     * @see {@link OverlayContentTemplateContext}
+     * @group Templates
+     */
+    readonly contentTemplate: _angular_core.Signal<TemplateRef<OverlayContentTemplateContext> | undefined>;
+    readonly templates: _angular_core.Signal<readonly PrimeTemplate[]>;
+    hostAttrSelector: _angular_core.InputSignal<string | undefined>;
+    $appendTo: _angular_core.Signal<any>;
+    _contentTemplate: TemplateRef<OverlayContentTemplateContext> | undefined;
+    modalVisible: boolean;
+    isOverlayClicked: boolean;
+    isOverlayContentClicked: boolean;
+    scrollHandler: any;
+    documentClickListener: any;
+    documentResizeListener: any;
+    _componentStyle: OverlayStyle;
+    bindDirectiveInstance: Bind;
+    private documentKeyboardListener;
+    private parentDragSubscription;
+    private window;
+    constructor();
+    protected transformOptions: any;
+    get modal(): boolean | undefined;
+    get overlayMode(): string;
+    get overlayOptions(): OverlayOptions;
+    get overlayResponsiveOptions(): ResponsiveOverlayOptions;
+    get overlayResponsiveDirection(): "center" | "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    get overlayEl(): any;
+    get contentEl(): any;
+    get targetEl(): any;
+    onAfterContentInit(): void;
+    onAfterViewChecked(): void;
+    show(overlay?: HTMLElement, isFocus?: boolean): void;
+    hide(overlay?: HTMLElement, isFocus?: boolean): void;
+    onVisibleChange(visible: boolean): void;
+    onOverlayClick(): void;
+    onOverlayContentClick(event: MouseEvent): void;
+    container: _angular_core.WritableSignal<any>;
+    onOverlayBeforeEnter(event: MotionEvent): void;
+    onOverlayEnter(event: MotionEvent): void;
+    onOverlayAfterEnter(event: MotionEvent): void;
+    onOverlayBeforeLeave(event: MotionEvent): void;
+    onOverlayLeave(event: MotionEvent): void;
+    onOverlayAfterLeave(event: MotionEvent): void;
+    handleEvents(name: string, params: any): void;
+    setZIndex(): void;
+    appendOverlay(): void;
+    alignOverlay(): void;
+    bindListeners(): void;
+    unbindListeners(): void;
+    bindParentDragListener(): void;
+    unbindParentDragListener(): void;
+    bindScrollListener(): void;
+    unbindScrollListener(): void;
+    bindDocumentClickListener(): void;
+    unbindDocumentClickListener(): void;
+    bindDocumentResizeListener(): void;
+    unbindDocumentResizeListener(): void;
+    bindDocumentKeyboardListener(): void;
+    unbindDocumentKeyboardListener(): void;
+    onDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Overlay, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Overlay, "p-overlay", never, { "hostName": { "alias": "hostName"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "_mode": { "alias": "mode"; "required": false; "isSignal": true; }; "_style": { "alias": "style"; "required": false; "isSignal": true; }; "_styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "_contentStyle": { "alias": "contentStyle"; "required": false; "isSignal": true; }; "_contentStyleClass": { "alias": "contentStyleClass"; "required": false; "isSignal": true; }; "_target": { "alias": "target"; "required": false; "isSignal": true; }; "_autoZIndex": { "alias": "autoZIndex"; "required": false; "isSignal": true; }; "_baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; "_showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; "isSignal": true; }; "_hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; "isSignal": true; }; "_listener": { "alias": "listener"; "required": false; "isSignal": true; }; "_responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "motionOptions": { "alias": "motionOptions"; "required": false; "isSignal": true; }; "hostAttrSelector": { "alias": "hostAttrSelector"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "onBeforeShow": "onBeforeShow"; "onShow": "onShow"; "onBeforeHide": "onBeforeHide"; "onHide": "onHide"; "onAnimationStart": "onAnimationStart"; "onAnimationDone": "onAnimationDone"; "onBeforeEnter": "onBeforeEnter"; "onEnter": "onEnter"; "onAfterEnter": "onAfterEnter"; "onBeforeLeave": "onBeforeLeave"; "onLeave": "onLeave"; "onAfterLeave": "onAfterLeave"; }, ["contentTemplate", "templates"], ["*", "*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class OverlayModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<OverlayModule, never, [typeof Overlay, typeof i2.SharedModule], [typeof Overlay, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<OverlayModule>;
+}
+
+export { Overlay, OverlayModule, OverlayStyle };

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

@@ -0,0 +1,77 @@
+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 { OverlayBadgePassThrough } from '@wawjs/ngx-prime/types/overlaybadge';
+import { BaseStyle } from '@wawjs/ngx-prime/base';
+import * as i2 from '@wawjs/ngx-prime/api';
+
+declare class OverlayBadgeStyle extends BaseStyle {
+    name: string;
+    style: string;
+    classes: {
+        root: string;
+    };
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayBadgeStyle, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<OverlayBadgeStyle>;
+}
+
+/**
+ * OverlayPanel is a container component positioned as connected to its target.
+ * @group Components
+ */
+declare class OverlayBadge extends BaseComponent<OverlayBadgePassThrough> {
+    componentName: string;
+    $pcOverlayBadge: OverlayBadge | undefined;
+    bindDirectiveInstance: Bind;
+    /**
+     * Class of the element.
+     * @group Props
+     */
+    styleClass: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Inline style of the element.
+     * @group Props
+     */
+    style: _angular_core.InputSignal<{
+        [klass: string]: any;
+    } | null | undefined>;
+    /**
+     * Size of the badge, valid options are "large" and "xlarge".
+     * @group Props
+     */
+    badgeSize: _angular_core.InputSignal<"small" | "large" | "xlarge" | null | undefined>;
+    /**
+     * Severity type of the badge.
+     * @group Props
+     */
+    severity: _angular_core.InputSignal<"secondary" | "info" | "success" | "warn" | "danger" | "contrast" | null | undefined>;
+    /**
+     * Value to display inside the badge.
+     * @group Props
+     */
+    value: _angular_core.InputSignal<string | number | null | undefined>;
+    /**
+     * When specified, disables the component.
+     * @group Props
+     */
+    badgeDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Size of the badge, valid options are "large" and "xlarge".
+     * @group Props
+     * @deprecated use badgeSize instead.
+     */
+    size: _angular_core.InputSignal<"small" | "large" | "xlarge" | null | undefined>;
+    onAfterViewChecked(): void;
+    _componentStyle: OverlayBadgeStyle;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OverlayBadge, "p-overlayBadge, p-overlay-badge, p-overlaybadge", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "badgeDisabled": { "alias": "badgeDisabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.Bind; inputs: {}; outputs: {}; }]>;
+}
+declare class OverlayBadgeModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayBadgeModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<OverlayBadgeModule, never, [typeof OverlayBadge, typeof i2.SharedModule], [typeof OverlayBadge, typeof i2.SharedModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<OverlayBadgeModule>;
+}
+
+export { OverlayBadge, OverlayBadgeModule, OverlayBadgeStyle };