\n
- 1 && checkDots() && isControls\">\n
- 1 && !checkDots() && isControls\">\n
{{ title }}
\n\n
\n `,\n styleUrls: ['./popover-module.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class PopoverContainerComponent implements OnInit {\n @Input() public placement: string;\n @Input() public title: string;\n public containerClass: string;\n public bodyClass: string;\n public headerClass: string;\n @HostBinding('class.show') show = '!isBs3';\n @HostBinding('attr.role') role = 'tooltip';\n\n @HostBinding('class') class: any;\n public get isBs3(): boolean {\n return isBs3();\n }\n\n public constructor(config: PopoverConfig) {\n Object.assign(this, config);\n }\n\n ngOnInit() {\n this.class =\n 'popover-fadeIn popover in popover-' +\n this.placement +\n ' ' +\n this.placement +\n ' bs-popover-' +\n this.placement +\n ' ' +\n this.containerClass;\n }\n}\n","import {\n Directive,\n Input,\n Output,\n EventEmitter,\n OnInit,\n OnDestroy,\n Renderer2,\n ElementRef,\n TemplateRef,\n ViewContainerRef,\n HostListener,\n} from '@angular/core';\nimport { PopoverConfig } from './popover.config';\nimport { ComponentLoaderFactory } from '../utils/component-loader/component-loader.factory';\nimport { ComponentLoader } from '../utils/component-loader/component-loader.class';\nimport { PopoverContainerComponent } from './popover-container.component';\nimport { PositioningService } from '../utils/positioning/positioning.service';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\n\n/**\n * A lightweight, extensible directive for fancy popover creation.\n */\n@Directive({ selector: '[mdbPopover]', exportAs: 'bs-mdbPopover' })\nexport class PopoverDirective implements OnInit, OnDestroy {\n @Input() public containerClass: string;\n @Input() public bodyClass: string;\n @Input() public headerClass: string;\n /**\n * Content to be displayed as popover.\n */\n @Input() public mdbPopover: string | TemplateRef\n
\n `,\n styleUrls: ['tooltip-module.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class TooltipContainerComponent implements AfterViewInit {\n public classMap: any;\n public placement: string;\n public popupClass: string;\n public animation: boolean;\n\n @Input() containerClass = '';\n @ViewChild('tooltipInner', { static: true }) tooltipInner: ElementRef;\n @ViewChild('tooltipArrow', { static: true }) tooltipArrow: ElementRef;\n @HostBinding('class.show') show = !this.isBs3;\n @HostBinding('class')\n get tooltipClasses() {\n return `tooltip-fadeIn tooltip in tooltip-${this.placement} bs-tooltip-${this.placement} ${this.placement} ${this.containerClass}`;\n }\n\n public get isBs3(): boolean {\n return isBs3();\n }\n\n public constructor(config: TooltipConfig, public elem: ElementRef) {\n Object.assign(this, config);\n }\n\n public ngAfterViewInit(): void {\n this.classMap = { in: false, fade: false };\n this.classMap[this.placement] = true;\n this.classMap['tooltip-' + this.placement] = true;\n\n this.classMap.in = true;\n if (this.animation) {\n this.classMap.fade = true;\n }\n\n if (this.popupClass) {\n this.classMap[this.popupClass] = true;\n }\n }\n}\n","import {\n Directive,\n ElementRef,\n EventEmitter,\n Inject,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n PLATFORM_ID,\n Renderer2,\n SimpleChanges,\n TemplateRef,\n ViewContainerRef,\n} from '@angular/core';\nimport { TooltipContainerComponent } from './tooltip.component';\nimport { TooltipConfig } from './tooltip.service';\nimport { ComponentLoaderFactory } from '../utils/component-loader/component-loader.factory';\nimport { ComponentLoader } from '../utils/component-loader/component-loader.class';\nimport { OnChange } from '../utils/decorators';\nimport { isPlatformBrowser } from '@angular/common';\nimport { PositioningService } from '../utils/positioning/positioning.service';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport {\n BooleanInput,\n coerceBooleanProperty,\n coerceNumberProperty,\n NumberInput,\n} from '@angular/cdk/coercion';\n\n@Directive({\n selector: '[mdbTooltip]',\n exportAs: 'mdb-tooltip',\n})\nexport class TooltipDirective implements OnInit, OnDestroy, OnChanges {\n /**\n * Content to be displayed as tooltip.\n */\n @OnChange()\n @Input()\n public mdbTooltip: string | TemplateRef