/** Angular2 */ import * as ng from "@angular/core"; /** Core */ import { CoreComponent } from "cmf.core/src/core"; /** * @whatItDoes * * PopUp is a component to show something in a overlay div that is above all elements in a page * * @howToUse * * Just instantiate a popup component inside another component and project content to it. Then specify the coordinates of the popup in the * screen and if it is opened or not. Also you can specify the open and close time * This component is used with the inputs and outputs mentioned below: * * ### Inputs * `boolean` : **toggle** - Toggle the popup ; * `number` : **offsetX** - Popup offset X ; * `number` : **offsetY** - Popup offset Y ; * `number` : **millisecondsToOpen** - Milliseconds to open the popup . * `boolean` : **popoverLikeAppearance** - If popup will have a 'popover' like appearance and open always above the mouse pointer * `boolean` : **forceHide** - Avoid showing the popup even when "openPopup" is called * `boolean` : **forceHideOnMouseMove** - Force hide of popup on mouse move * * ### Outputs * _This component has no outputs_ * * ### Example * To use the component, assume this HTML Template as an example: * * ```html * * ... your content here * * * ``` * * @description * * ## PopUp Component * * ### Dependencies * * #### Components * _This component does not depend on any other component_ * * #### Services * _This component does not depend on any service_ * * #### Directives * _This component does not depend on any directive_ * */ export declare class PopUp extends CoreComponent implements ng.AfterViewInit, ng.OnChanges, ng.OnDestroy { private _elementRef; private _ngZone; /** * Popup JQuery reference */ private _popupJQ; /** * Mouse x position */ private _mouseX; /** * Mouse y position */ private _mouseY; /** * Popup width */ private _popupWidth; /** * Popup height */ private _popupHeight; /** * Animation seconds */ _animationSeconds: number; /** * If popup is opened */ _popupOpened: boolean; /** * If popup ui is opened */ _popupUIOpened: boolean; /** * Popup page X coordinate */ _popupPositionX: number; /** * Popup page Y coordinate */ _popupPositionY: number; /** * Toggle the popup */ toggle: { open: boolean; }; /** * Popup offset X */ offsetX: number; /** * Popup offset Y */ offsetY: number; /** * Milliseconds to open popup */ millisecondsToOpen: number; /** * If popup will have a 'popover' like appearance and open always above the mouse pointer */ popoverLikeAppearance: boolean; /** * Avoid showing the popup even when "openPopup" is called */ forceHide: boolean; /** * Hide on mouse move */ forceHideOnMouseMove: boolean; /** * Constructor */ constructor(_elementRef: ng.ElementRef, _ngZone: ng.NgZone); /** * Mouse move event * @param event */ private mouseMove; /** * Calculate popup position */ private calculatePopupPosition; /** * Show popup */ private showPopup; /** * Open popup */ private openPopup; /** * Close popup */ private closePopup; /** * After view init */ ngAfterViewInit(): void; /** * On destroy */ ngOnDestroy(): void; /** * On changes */ ngOnChanges(changes: ng.SimpleChanges): void; } export declare class PopUpModule { }