ng2-multi-modal
Version:
Multi Modal Component for Angular 19+
112 lines (111 loc) • 8.79 kB
TypeScript
import { AfterViewInit, ElementRef, OnDestroy, TemplateRef } from '@angular/core';
import { Ng2MultiModalService } from "./ng2-multi-modal.service";
import * as i0 from "@angular/core";
interface ModalSize {
offsetY: number;
offsetX: number;
align: 'leftTop' | 'rightTop' | 'leftBottom' | 'rightBottom';
width: number;
height: number;
}
export declare class Ng2MultiModalComponent implements AfterViewInit, OnDestroy {
private modalService;
readonly modalId: import("@angular/core").WritableSignal<string>;
readonly titleHeight: import("@angular/core").WritableSignal<number>;
readonly position: import("@angular/core").WritableSignal<{
[key: string]: string;
}>;
readonly dragging: import("@angular/core").WritableSignal<boolean>;
readonly windowMouseEnterFlag: import("@angular/core").WritableSignal<boolean>;
readonly windowMouseDownFlag: import("@angular/core").WritableSignal<boolean>;
readonly windowMouseLeaveFlag: import("@angular/core").WritableSignal<boolean>;
readonly clickedX: import("@angular/core").WritableSignal<number>;
readonly clickedY: import("@angular/core").WritableSignal<number>;
readonly mouseEventSignal: import("@angular/core").WritableSignal<MouseEvent | null>;
readonly mouseEnteredSignal: import("@angular/core").WritableSignal<MouseEvent | null>;
readonly borderWidth: import("@angular/core").WritableSignal<number>;
readonly cursorStyle: import("@angular/core").WritableSignal<string>;
readonly display: import("@angular/core").WritableSignal<string>;
readonly border: import("@angular/core").WritableSignal<{
isLeft?: boolean;
isRight?: boolean;
isTop?: boolean;
isBottom?: boolean;
}>;
readonly propertyBeforeMaximize: import("@angular/core").WritableSignal<ModalSize | null>;
readonly title: import("@angular/core").InputSignal<string | TemplateRef<any>>;
readonly icon: import("@angular/core").InputSignal<string | TemplateRef<any> | null>;
readonly align: import("@angular/core").InputSignal<"leftTop" | "rightTop" | "leftBottom" | "rightBottom">;
readonly bodyStyle: import("@angular/core").InputSignal<{
[key: string]: any;
}>;
readonly closeOnNavigation: import("@angular/core").InputSignal<boolean>;
readonly closable: import("@angular/core").InputSignal<boolean>;
readonly content: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
readonly minHeight: import("@angular/core").InputSignal<number>;
readonly minWidth: import("@angular/core").InputSignal<number>;
readonly maximizable: import("@angular/core").InputSignal<boolean>;
readonly minimizable: import("@angular/core").InputSignal<boolean>;
readonly resizable: import("@angular/core").InputSignal<boolean>;
readonly outOfBounds: import("@angular/core").InputSignal<boolean>;
readonly loadingTip: import("@angular/core").InputSignal<string | TemplateRef<any>>;
readonly height: import("@angular/core").ModelSignal<number>;
readonly width: import("@angular/core").ModelSignal<number>;
readonly zIndex: import("@angular/core").ModelSignal<number>;
readonly offsetY: import("@angular/core").ModelSignal<number>;
readonly offsetX: import("@angular/core").ModelSignal<number>;
readonly loading: import("@angular/core").ModelSignal<boolean>;
readonly theme: import("@angular/core").ModelSignal<"light" | "dark">;
readonly draggable: import("@angular/core").ModelSignal<boolean>;
readonly contentScrollable: import("@angular/core").ModelSignal<boolean>;
readonly minimized: import("@angular/core").ModelSignal<boolean>;
readonly maximized: import("@angular/core").ModelSignal<boolean>;
readonly onReady: import("@angular/core").OutputEmitterRef<Ng2MultiModalComponent>;
readonly onClose: import("@angular/core").OutputEmitterRef<string>;
readonly onResize: import("@angular/core").OutputEmitterRef<ModalSize>;
readonly onMaximize: import("@angular/core").OutputEmitterRef<ModalSize>;
readonly onMaximizeRestore: import("@angular/core").OutputEmitterRef<ModalSize>;
readonly onMinimize: import("@angular/core").OutputEmitterRef<ModalSize>;
readonly onMinimizeRestore: import("@angular/core").OutputEmitterRef<ModalSize>;
readonly onSelected: import("@angular/core").OutputEmitterRef<string>;
readonly onMove: import("@angular/core").OutputEmitterRef<ModalSize>;
constructor(modalService: Ng2MultiModalService);
get language(): "es" | "en";
readonly windowSizeSignal: import("@angular/core").Signal<{
offsetX: number;
offsetY: number;
align: "leftTop" | "rightTop" | "leftBottom" | "rightBottom";
width: number;
height: number;
}>;
readonly leftSignal: import("@angular/core").Signal<number>;
readonly rightSignal: import("@angular/core").Signal<number>;
readonly topSignal: import("@angular/core").Signal<number>;
readonly bottomSignal: import("@angular/core").Signal<number>;
readonly selectedSignal: import("@angular/core").Signal<boolean>;
readonly titleBarElement: import("@angular/core").WritableSignal<ElementRef<any> | null>;
set titleBar(titleBar: ElementRef);
getLocaleText(text: 'loading' | 'close' | 'maximize' | 'minimize' | 'windowMode'): string;
updateOffsetX(offsetX: number): void;
updateOffsetY(offsetY: number): void;
private preventTextSelection;
documentMouseLeave(): void;
onMouseMove(event: MouseEvent): void;
resizeWindow(event: MouseEvent): void;
titleBarMouseDown(event: MouseEvent): void;
titleBarMouseUp(event: MouseEvent): void;
handleEscapeKey(event: KeyboardEvent): void;
windowMouseEnter(event: MouseEvent): void;
windowMouseDown(event: MouseEvent): void;
windowMouseLeave(event: MouseEvent): void;
close(): void;
minimize(): void;
maximize(): Promise<boolean>;
resizeListener(event: Event): void;
toggleBodyScrollable(scrollable?: boolean): void;
ngOnDestroy(): void;
ngAfterViewInit(): Promise<void>;
static ɵfac: i0.ɵɵFactoryDeclaration<Ng2MultiModalComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<Ng2MultiModalComponent, "ng2-multi-modal", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "bodyStyle": { "alias": "bodyStyle"; "required": false; "isSignal": true; }; "closeOnNavigation": { "alias": "closeOnNavigation"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maximizable": { "alias": "maximizable"; "required": false; "isSignal": true; }; "minimizable": { "alias": "minimizable"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "outOfBounds": { "alias": "outOfBounds"; "required": false; "isSignal": true; }; "loadingTip": { "alias": "loadingTip"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "offsetY": { "alias": "offsetY"; "required": false; "isSignal": true; }; "offsetX": { "alias": "offsetX"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "contentScrollable": { "alias": "contentScrollable"; "required": false; "isSignal": true; }; "minimized": { "alias": "minimized"; "required": false; "isSignal": true; }; "maximized": { "alias": "maximized"; "required": false; "isSignal": true; }; }, { "height": "heightChange"; "width": "widthChange"; "zIndex": "zIndexChange"; "offsetY": "offsetYChange"; "offsetX": "offsetXChange"; "loading": "loadingChange"; "theme": "themeChange"; "draggable": "draggableChange"; "contentScrollable": "contentScrollableChange"; "minimized": "minimizedChange"; "maximized": "maximizedChange"; "onReady": "onReady"; "onClose": "onClose"; "onResize": "onResize"; "onMaximize": "onMaximize"; "onMaximizeRestore": "onMaximizeRestore"; "onMinimize": "onMinimize"; "onMinimizeRestore": "onMinimizeRestore"; "onSelected": "onSelected"; "onMove": "onMove"; }, never, ["*"], true, never>;
}
export {};