/** Core */ import { CoreComponent } from "cmf.core/src/core"; import { FontSize } from "../../pipes/convertFontSize/convertFontSize"; /** Angular2 */ import * as ng from "@angular/core"; /** * @whatItDoes * Uses PopOver Component were the content will the message of a resultMessage. * * @howToUse * This component will display 3 types of result messages as these reflect the result of a step validation: error, warning and info. * It is used with the inputs and outputs mentioned below. * * ### Inputs * `Array` : **resultMessage** - Result Messages that should be displayed by the component ; * `boolean` : **showPopOverOnChanges** - Defines if the popover will open when the result messages changes . * `boolean`: **showPopOverForAllMsgTypes** - Defines if the popover will open for warning and info messages also. * `string` : **trigger** - PopOver widget trigger events (click, hover, focus - To pass multiple values, separate them with a space) ; * `FontSize` : **fontSize** - The size of the fount used in the popover icon (by default is _FontSize.ExtraLarge_) ; * * ### Example * To use the component, assume this HTML Template as an example: * * ```HTML * * (...) * * ``` * */ export declare class PopOverResultMessage extends CoreComponent implements ng.OnChanges { private _elementRef; /** * Inner popover component */ private _nestedPopOver; /** * Result Messages that should be displayed by the component */ private _resultMessageBag; /** * Defines if the popover will open when the result messages changes */ showPopOverOnChanges: boolean; /** * Mobile mode */ mobileMode: boolean; /** * Defines if the popover will open for warning and info messages also. */ showPopOverForAllMsgTypes: boolean; /** * PopOver widget trigger events. * Possible values 'click', 'hover', 'focus', 'manual'. * To pass multiple values, separate them with a space * Default is 'click'. * @see PopOverModule trigger input */ trigger: string; /** * The font PopOver to be used the icon, by default is the x-large option * The component `cmf-core-controls-popover-content` is affected by this option * @see FontSize */ fontSize: FontSize; /** * Just an auxiliary object to represent the different types of result messages will gonna be displayed * (since the html structure is the same) */ _resultMessageTypeSettings: { icon: string; type: string; iconButton: string; content: string; name: string; title: string; messageArray: any[]; }[]; /** * Result message type settings available */ _resultMessageTypeSettingsAvailable: any[]; /** * Total messages */ _totalMessages: number; constructor(_elementRef: ng.ElementRef); /** * On changes method */ ngOnChanges(changes: any): void; /** * Explicitly open popOver */ openPopOver(): void; closePopUp(event: Event): void; } export declare class PopOverResultMessageModule { }