atinc / ngx-tethys / d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Component, Input, HostBinding, NgZone } from '@angular/core';

import { trigger, state, style, animate, transition } from '@angular/animations';

import { ThyMessageConfig } from './message.config';

import { ThyMessageQueue } from './message-queue.service';

import { ANIMATION_IN_DURATION, ANIMATION_OUT_DURATION, HIDE_STYLE, ThyAbstractMessageComponent } from './abstract';

import { ThyStringOrTemplateOutletDirective } from 'ngx-tethys/shared';

import { ThyIconComponent } from 'ngx-tethys/icon';

import { NgIf } from '@angular/common';

/**

 * @internal

 */

    selector: 'thy-message',

    host: {

        '[class]': "'thy-message thy-message-' + config.type"

        trigger('flyInOut', [

            transition('void => flyIn', [

                style({ transform: 'translateY(-100%)', opacity: 0, height: '*' }),

                animate(ANIMATION_IN_DURATION)

            transition('flyIn => componentHide', [animate(ANIMATION_OUT_DURATION, style(HIDE_STYLE))]),

            state('componentHide', style(HIDE_STYLE))

        ])

    ],

    imports: [NgIf, ThyIconComponent, ThyStringOrTemplateOutletDirective]

})

export class ThyMessageComponent extends ThyAbstractMessageComponent<ThyMessageConfig> {

    @HostBinding('@flyInOut') animationState = 'flyIn';

    config: ThyMessageConfig;

    @Input()

    set thyConfig(value: ThyMessageConfig) {

        this.config = value;

    }

    constructor(ngZone: NgZone, messageQueue: ThyMessageQueue) {

        super(ngZone, messageQueue);

    }

}