@covalent/core/message/message.component.d.ts

Core Teradata UI Platform for layouts, icons, custom components and themes. This should be added as a dependency for any project that wants to use layouts, icons and themes for Angular Material.

import { Renderer2, ElementRef, AfterViewInit, ViewContainerRef, TemplateRef, ChangeDetectorRef } from '@angular/core';
import * as i0 from "@angular/core";
export declare class TdMessageContainerDirective {
    viewContainer: ViewContainerRef;
    constructor(viewContainer: ViewContainerRef);
    static ɵfac: i0.ɵɵFactoryDeclaration<TdMessageContainerDirective, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<TdMessageContainerDirective, "[tdMessageContainer]", never, {}, {}, never, never, false, never>;
}
export declare class TdMessageComponent implements AfterViewInit {
    private _renderer;
    private _changeDetectorRef;
    private _elementRef;
    private _color;
    private _opened;
    private _hidden;
    private _animating;
    private _initialized;
    _childElement?: TdMessageContainerDirective;
    _template: TemplateRef<any>;
    /**
     * Binding host to tdCollapse animation
     */
    get collapsedAnimation(): any;
    /**
     * Binding host to display style when hidden
     */
    get hidden(): string;
    /**
     * label: string
     *
     * Sets the label of the message.
     */
    label?: string;
    /**
     * sublabel?: string
     *
     * Sets the sublabel of the message.
     */
    sublabel?: string;
    /**
     * icon?: string
     *
     * The icon to be displayed before the title.
     * Defaults to `info_outline` icon
     */
    icon?: string;
    /**
     * color?: primary | accent | warn
     *
     * Sets the color of the message.
     * Can also use any material color: purple | light-blue, etc.
     */
    set color(color: string);
    get color(): string;
    /**
     * opened?: boolean
     *
     * Shows or hiddes the message depending on its value.
     * Defaults to 'true'.
     */
    set opened(opened: boolean);
    get opened(): boolean;
    constructor(_renderer: Renderer2, _changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef);
    /**
     * Detach element when close animation is finished to set animating state to false
     * hidden state to true and detach element from DOM
     */
    animationDoneListener(): void;
    /**
     * Initializes the component and attaches the content.
     */
    ngAfterViewInit(): void;
    /**
     * Renders the message on screen
     * Validates if there is an animation currently and if its already opened
     */
    open(): void;
    /**
     * Removes the message content from screen.
     * Validates if there is an animation currently and if its already closed
     */
    close(): void;
    /**
     * Toggles between open and close depending on state.
     */
    toggle(): void;
    /**
     * Method to set the state before starting an animation
     */
    private _startAnimationState;
    /**
     * Method to attach template to DOM
     */
    private _attach;
    /**
     * Method to detach template from DOM
     */
    private _detach;
    static ɵfac: i0.ɵɵFactoryDeclaration<TdMessageComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<TdMessageComponent, "td-message", never, { "label": { "alias": "label"; "required": false; }; "sublabel": { "alias": "sublabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; }, {}, never, ["[td-message-actions]"], false, never>;
}