import { AfterViewInit , Component , ChangeDetectionStrategy , HostBinding } from '@angular/core' ; import { TooltipConfig } from './tooltip.service' ; import { isBs3 } from '../utils/ng2-bootstrap-config' ; @ Component ( { selector : 'mdb-tooltip-container' , changeDetection : ChangeDetectionStrategy . OnPush , host : { '[class]' : '"tooltip-fadeIn tooltip in tooltip-" + placement' } , template : `
  <div class="tooltip-arrow"></div>
  <div class="tooltip-inner"><ng-content></ng-content></div>
  ` } ) export class TooltipContainerComponent implements AfterViewInit { public classMap : any ; public placement : string ; public popupClass : string ; public animation : boolean ; @ HostBinding ( 'class.show' ) show = ! this . isBs3 ; public get isBs3 ( ) : boolean { return isBs3 ( ) ; } public constructor ( config ) { Object . assign ( this , config ) ; } public ngAfterViewInit ( ) { this . classMap = { in : false , fade : false } ; this . classMap [ this . placement ] = true ; this . classMap [ 'tooltip-' + this . placement ] = true ; this . classMap . in = true ; if ( this . animation ) { this . classMap . fade = true ; } if ( this . popupClass ) { this . classMap [ this . popupClass ] = true ; } } }