@mintplayer/ng-bootstrap 14.2.0 → 14.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { Component, Inject, Input, TemplateRef } from '@angular/core';
1
+ import { Component, HostBinding, Inject, Input, TemplateRef } from '@angular/core';
2
2
  import { FadeInOutAnimation } from '@mintplayer/ng-animations';
3
3
  import { Position } from '../../../enums/position.enum';
4
4
  import { TOOLTIP_CONTENT } from '../providers/tooltip-content.provider';
@@ -8,18 +8,22 @@ export class BsTooltipComponent {
8
8
  constructor(content) {
9
9
  this.positions = Position;
10
10
  this.position = Position.bottom;
11
+ this.positionRelative = true;
11
12
  this.template = content;
12
13
  }
13
14
  }
14
15
  BsTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BsTooltipComponent, deps: [{ token: TOOLTIP_CONTENT }], target: i0.ɵɵFactoryTarget.Component });
15
- BsTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: BsTooltipComponent, selector: "bs-tooltip", inputs: { position: "position" }, ngImport: i0, template: "<div [@fadeInOut] class=\"tooltip position-relative show\"\n [class.bs-tooltip-bottom]=\"position === positions.bottom\"\n [class.bs-tooltip-top]=\"position === positions.top\"\n [class.bs-tooltip-start]=\"position === positions.left\"\n [class.bs-tooltip-end]=\"position === positions.right\">\n <div class=\"tooltip-arrow\"></div>\n <div class=\"tooltip-inner\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n </div>\n</div>\n", styles: [".tooltip.bs-tooltip-bottom .tooltip-arrow,.tooltip.bs-tooltip-top .tooltip-arrow{left:50%;transform:translate(-50%)}.tooltip.bs-tooltip-start .tooltip-arrow,.tooltip.bs-tooltip-end .tooltip-arrow{top:50%;transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [FadeInOutAnimation] });
16
+ BsTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: BsTooltipComponent, selector: "bs-tooltip", inputs: { position: "position" }, host: { properties: { "class.position-relative": "this.positionRelative" } }, ngImport: i0, template: "<div [@fadeInOut] class=\"tooltip position-absolute show\"\n [class.bs-tooltip-bottom]=\"position === positions.bottom\"\n [class.bs-tooltip-top]=\"position === positions.top\"\n [class.bs-tooltip-start]=\"position === positions.left\"\n [class.bs-tooltip-end]=\"position === positions.right\">\n <div class=\"tooltip-arrow position-absolute\"></div>\n <div class=\"tooltip-inner\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n </div>\n</div>\n", styles: [".tooltip.bs-tooltip-start{right:0}.tooltip.bs-tooltip-start,.tooltip.bs-tooltip-end{transform:translateY(-50%)}.tooltip.bs-tooltip-bottom{transform:translate(-50%)}.tooltip.bs-tooltip-top{transform:translate(-50%) translateY(-100%)}.tooltip.bs-tooltip-bottom .tooltip-arrow,.tooltip.bs-tooltip-top .tooltip-arrow{left:50%;transform:translate(-50%)}.tooltip.bs-tooltip-start .tooltip-arrow,.tooltip.bs-tooltip-end .tooltip-arrow{top:50%;transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [FadeInOutAnimation] });
16
17
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BsTooltipComponent, decorators: [{
17
18
  type: Component,
18
- args: [{ selector: 'bs-tooltip', animations: [FadeInOutAnimation], template: "<div [@fadeInOut] class=\"tooltip position-relative show\"\n [class.bs-tooltip-bottom]=\"position === positions.bottom\"\n [class.bs-tooltip-top]=\"position === positions.top\"\n [class.bs-tooltip-start]=\"position === positions.left\"\n [class.bs-tooltip-end]=\"position === positions.right\">\n <div class=\"tooltip-arrow\"></div>\n <div class=\"tooltip-inner\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n </div>\n</div>\n", styles: [".tooltip.bs-tooltip-bottom .tooltip-arrow,.tooltip.bs-tooltip-top .tooltip-arrow{left:50%;transform:translate(-50%)}.tooltip.bs-tooltip-start .tooltip-arrow,.tooltip.bs-tooltip-end .tooltip-arrow{top:50%;transform:translateY(-50%)}\n"] }]
19
+ args: [{ selector: 'bs-tooltip', animations: [FadeInOutAnimation], template: "<div [@fadeInOut] class=\"tooltip position-absolute show\"\n [class.bs-tooltip-bottom]=\"position === positions.bottom\"\n [class.bs-tooltip-top]=\"position === positions.top\"\n [class.bs-tooltip-start]=\"position === positions.left\"\n [class.bs-tooltip-end]=\"position === positions.right\">\n <div class=\"tooltip-arrow position-absolute\"></div>\n <div class=\"tooltip-inner\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n </div>\n</div>\n", styles: [".tooltip.bs-tooltip-start{right:0}.tooltip.bs-tooltip-start,.tooltip.bs-tooltip-end{transform:translateY(-50%)}.tooltip.bs-tooltip-bottom{transform:translate(-50%)}.tooltip.bs-tooltip-top{transform:translate(-50%) translateY(-100%)}.tooltip.bs-tooltip-bottom .tooltip-arrow,.tooltip.bs-tooltip-top .tooltip-arrow{left:50%;transform:translate(-50%)}.tooltip.bs-tooltip-start .tooltip-arrow,.tooltip.bs-tooltip-end .tooltip-arrow{top:50%;transform:translateY(-50%)}\n"] }]
19
20
  }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
20
21
  type: Inject,
21
22
  args: [TOOLTIP_CONTENT]
22
23
  }] }]; }, propDecorators: { position: [{
23
24
  type: Input
25
+ }], positionRelative: [{
26
+ type: HostBinding,
27
+ args: ['class.position-relative']
24
28
  }] } });
25
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21pbnRwbGF5ZXItbmctYm9vdHN0cmFwL3NyYy9saWIvY29tcG9uZW50cy90b29sdGlwL2NvbXBvbmVudC90b29sdGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbWludHBsYXllci1uZy1ib290c3RyYXAvc3JjL2xpYi9jb21wb25lbnRzL3Rvb2x0aXAvY29tcG9uZW50L3Rvb2x0aXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7QUFReEUsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QixZQUFxQyxPQUF5QjtRQUk5RCxjQUFTLEdBQUcsUUFBUSxDQUFDO1FBQ0wsYUFBUSxHQUFhLFFBQVEsQ0FBQyxNQUFNLENBQUM7UUFKbkQsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7SUFDMUIsQ0FBQzs7K0dBSFUsa0JBQWtCLGtCQUNULGVBQWU7bUdBRHhCLGtCQUFrQixvRkNYL0IsNGRBVUEsNGJERGMsQ0FBQyxrQkFBa0IsQ0FBQzsyRkFFckIsa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLFlBQVksY0FHVixDQUFDLGtCQUFrQixDQUFDOzswQkFHbkIsTUFBTTsyQkFBQyxlQUFlOzRDQUtuQixRQUFRO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFkZUluT3V0QW5pbWF0aW9uIH0gZnJvbSAnQG1pbnRwbGF5ZXIvbmctYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBQb3NpdGlvbiB9IGZyb20gJy4uLy4uLy4uL2VudW1zL3Bvc2l0aW9uLmVudW0nO1xuaW1wb3J0IHsgVE9PTFRJUF9DT05URU5UIH0gZnJvbSAnLi4vcHJvdmlkZXJzL3Rvb2x0aXAtY29udGVudC5wcm92aWRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JzLXRvb2x0aXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vdG9vbHRpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Rvb2x0aXAuY29tcG9uZW50LnNjc3MnXSxcbiAgYW5pbWF0aW9uczogW0ZhZGVJbk91dEFuaW1hdGlvbl1cbn0pXG5leHBvcnQgY2xhc3MgQnNUb29sdGlwQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IoQEluamVjdChUT09MVElQX0NPTlRFTlQpIGNvbnRlbnQ6IFRlbXBsYXRlUmVmPGFueT4pIHtcbiAgICB0aGlzLnRlbXBsYXRlID0gY29udGVudDsgIFxuICB9XG5cbiAgcG9zaXRpb25zID0gUG9zaXRpb247XG4gIEBJbnB1dCgpIHB1YmxpYyBwb3NpdGlvbjogUG9zaXRpb24gPSBQb3NpdGlvbi5ib3R0b207XG4gIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG5cbn1cbiIsIjxkaXYgW0BmYWRlSW5PdXRdIGNsYXNzPVwidG9vbHRpcCBwb3NpdGlvbi1yZWxhdGl2ZSBzaG93XCJcbiAgICBbY2xhc3MuYnMtdG9vbHRpcC1ib3R0b21dPVwicG9zaXRpb24gPT09IHBvc2l0aW9ucy5ib3R0b21cIlxuICAgIFtjbGFzcy5icy10b29sdGlwLXRvcF09XCJwb3NpdGlvbiA9PT0gcG9zaXRpb25zLnRvcFwiXG4gICAgW2NsYXNzLmJzLXRvb2x0aXAtc3RhcnRdPVwicG9zaXRpb24gPT09IHBvc2l0aW9ucy5sZWZ0XCJcbiAgICBbY2xhc3MuYnMtdG9vbHRpcC1lbmRdPVwicG9zaXRpb24gPT09IHBvc2l0aW9ucy5yaWdodFwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0b29sdGlwLWFycm93XCI+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInRvb2x0aXAtaW5uZXJcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
29
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL21pbnRwbGF5ZXItbmctYm9vdHN0cmFwL3NyYy9saWIvY29tcG9uZW50cy90b29sdGlwL2NvbXBvbmVudC90b29sdGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbWludHBsYXllci1uZy1ib290c3RyYXAvc3JjL2xpYi9jb21wb25lbnRzL3Rvb2x0aXAvY29tcG9uZW50L3Rvb2x0aXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7O0FBUXhFLE1BQU0sT0FBTyxrQkFBa0I7SUFDN0IsWUFBcUMsT0FBeUI7UUFJOUQsY0FBUyxHQUFHLFFBQVEsQ0FBQztRQUNMLGFBQVEsR0FBYSxRQUFRLENBQUMsTUFBTSxDQUFDO1FBR2IscUJBQWdCLEdBQUcsSUFBSSxDQUFDO1FBUDlELElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO0lBQzFCLENBQUM7OytHQUhVLGtCQUFrQixrQkFDVCxlQUFlO21HQUR4QixrQkFBa0Isa0tDWC9CLDhlQVVBLG9xQkREYyxDQUFDLGtCQUFrQixDQUFDOzJGQUVyQixrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsWUFBWSxjQUdWLENBQUMsa0JBQWtCLENBQUM7OzBCQUduQixNQUFNOzJCQUFDLGVBQWU7NENBS25CLFFBQVE7c0JBQXZCLEtBQUs7Z0JBR2tDLGdCQUFnQjtzQkFBdkQsV0FBVzt1QkFBQyx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbmplY3QsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFkZUluT3V0QW5pbWF0aW9uIH0gZnJvbSAnQG1pbnRwbGF5ZXIvbmctYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBQb3NpdGlvbiB9IGZyb20gJy4uLy4uLy4uL2VudW1zL3Bvc2l0aW9uLmVudW0nO1xuaW1wb3J0IHsgVE9PTFRJUF9DT05URU5UIH0gZnJvbSAnLi4vcHJvdmlkZXJzL3Rvb2x0aXAtY29udGVudC5wcm92aWRlcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JzLXRvb2x0aXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vdG9vbHRpcC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Rvb2x0aXAuY29tcG9uZW50LnNjc3MnXSxcbiAgYW5pbWF0aW9uczogW0ZhZGVJbk91dEFuaW1hdGlvbl1cbn0pXG5leHBvcnQgY2xhc3MgQnNUb29sdGlwQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IoQEluamVjdChUT09MVElQX0NPTlRFTlQpIGNvbnRlbnQ6IFRlbXBsYXRlUmVmPGFueT4pIHtcbiAgICB0aGlzLnRlbXBsYXRlID0gY29udGVudDsgIFxuICB9XG5cbiAgcG9zaXRpb25zID0gUG9zaXRpb247XG4gIEBJbnB1dCgpIHB1YmxpYyBwb3NpdGlvbjogUG9zaXRpb24gPSBQb3NpdGlvbi5ib3R0b207XG4gIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MucG9zaXRpb24tcmVsYXRpdmUnKSBwb3NpdGlvblJlbGF0aXZlID0gdHJ1ZTtcblxufVxuIiwiPGRpdiBbQGZhZGVJbk91dF0gY2xhc3M9XCJ0b29sdGlwIHBvc2l0aW9uLWFic29sdXRlIHNob3dcIlxuICAgIFtjbGFzcy5icy10b29sdGlwLWJvdHRvbV09XCJwb3NpdGlvbiA9PT0gcG9zaXRpb25zLmJvdHRvbVwiXG4gICAgW2NsYXNzLmJzLXRvb2x0aXAtdG9wXT1cInBvc2l0aW9uID09PSBwb3NpdGlvbnMudG9wXCJcbiAgICBbY2xhc3MuYnMtdG9vbHRpcC1zdGFydF09XCJwb3NpdGlvbiA9PT0gcG9zaXRpb25zLmxlZnRcIlxuICAgIFtjbGFzcy5icy10b29sdGlwLWVuZF09XCJwb3NpdGlvbiA9PT0gcG9zaXRpb25zLnJpZ2h0XCI+XG4gICAgPGRpdiBjbGFzcz1cInRvb2x0aXAtYXJyb3cgcG9zaXRpb24tYWJzb2x1dGVcIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwidG9vbHRpcC1pbm5lclwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
@@ -4865,14 +4865,15 @@ class BsTooltipComponent {
4865
4865
  constructor(content) {
4866
4866
  this.positions = Position;
4867
4867
  this.position = Position.bottom;
4868
+ this.positionRelative = true;
4868
4869
  this.template = content;
4869
4870
  }
4870
4871
  }
4871
4872
  BsTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BsTooltipComponent, deps: [{ token: TOOLTIP_CONTENT }], target: i0.ɵɵFactoryTarget.Component });
4872
- BsTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: BsTooltipComponent, selector: "bs-tooltip", inputs: { position: "position" }, ngImport: i0, template: "<div [@fadeInOut] class=\"tooltip position-relative show\"\n [class.bs-tooltip-bottom]=\"position === positions.bottom\"\n [class.bs-tooltip-top]=\"position === positions.top\"\n [class.bs-tooltip-start]=\"position === positions.left\"\n [class.bs-tooltip-end]=\"position === positions.right\">\n <div class=\"tooltip-arrow\"></div>\n <div class=\"tooltip-inner\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n </div>\n</div>\n", styles: [".tooltip.bs-tooltip-bottom .tooltip-arrow,.tooltip.bs-tooltip-top .tooltip-arrow{left:50%;transform:translate(-50%)}.tooltip.bs-tooltip-start .tooltip-arrow,.tooltip.bs-tooltip-end .tooltip-arrow{top:50%;transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [FadeInOutAnimation] });
4873
+ BsTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: BsTooltipComponent, selector: "bs-tooltip", inputs: { position: "position" }, host: { properties: { "class.position-relative": "this.positionRelative" } }, ngImport: i0, template: "<div [@fadeInOut] class=\"tooltip position-absolute show\"\n [class.bs-tooltip-bottom]=\"position === positions.bottom\"\n [class.bs-tooltip-top]=\"position === positions.top\"\n [class.bs-tooltip-start]=\"position === positions.left\"\n [class.bs-tooltip-end]=\"position === positions.right\">\n <div class=\"tooltip-arrow position-absolute\"></div>\n <div class=\"tooltip-inner\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n </div>\n</div>\n", styles: [".tooltip.bs-tooltip-start{right:0}.tooltip.bs-tooltip-start,.tooltip.bs-tooltip-end{transform:translateY(-50%)}.tooltip.bs-tooltip-bottom{transform:translate(-50%)}.tooltip.bs-tooltip-top{transform:translate(-50%) translateY(-100%)}.tooltip.bs-tooltip-bottom .tooltip-arrow,.tooltip.bs-tooltip-top .tooltip-arrow{left:50%;transform:translate(-50%)}.tooltip.bs-tooltip-start .tooltip-arrow,.tooltip.bs-tooltip-end .tooltip-arrow{top:50%;transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [FadeInOutAnimation] });
4873
4874
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BsTooltipComponent, decorators: [{
4874
4875
  type: Component,
4875
- args: [{ selector: 'bs-tooltip', animations: [FadeInOutAnimation], template: "<div [@fadeInOut] class=\"tooltip position-relative show\"\n [class.bs-tooltip-bottom]=\"position === positions.bottom\"\n [class.bs-tooltip-top]=\"position === positions.top\"\n [class.bs-tooltip-start]=\"position === positions.left\"\n [class.bs-tooltip-end]=\"position === positions.right\">\n <div class=\"tooltip-arrow\"></div>\n <div class=\"tooltip-inner\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n </div>\n</div>\n", styles: [".tooltip.bs-tooltip-bottom .tooltip-arrow,.tooltip.bs-tooltip-top .tooltip-arrow{left:50%;transform:translate(-50%)}.tooltip.bs-tooltip-start .tooltip-arrow,.tooltip.bs-tooltip-end .tooltip-arrow{top:50%;transform:translateY(-50%)}\n"] }]
4876
+ args: [{ selector: 'bs-tooltip', animations: [FadeInOutAnimation], template: "<div [@fadeInOut] class=\"tooltip position-absolute show\"\n [class.bs-tooltip-bottom]=\"position === positions.bottom\"\n [class.bs-tooltip-top]=\"position === positions.top\"\n [class.bs-tooltip-start]=\"position === positions.left\"\n [class.bs-tooltip-end]=\"position === positions.right\">\n <div class=\"tooltip-arrow position-absolute\"></div>\n <div class=\"tooltip-inner\">\n <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n </div>\n</div>\n", styles: [".tooltip.bs-tooltip-start{right:0}.tooltip.bs-tooltip-start,.tooltip.bs-tooltip-end{transform:translateY(-50%)}.tooltip.bs-tooltip-bottom{transform:translate(-50%)}.tooltip.bs-tooltip-top{transform:translate(-50%) translateY(-100%)}.tooltip.bs-tooltip-bottom .tooltip-arrow,.tooltip.bs-tooltip-top .tooltip-arrow{left:50%;transform:translate(-50%)}.tooltip.bs-tooltip-start .tooltip-arrow,.tooltip.bs-tooltip-end .tooltip-arrow{top:50%;transform:translateY(-50%)}\n"] }]
4876
4877
  }], ctorParameters: function () {
4877
4878
  return [{ type: i0.TemplateRef, decorators: [{
4878
4879
  type: Inject,
@@ -4880,6 +4881,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
4880
4881
  }] }];
4881
4882
  }, propDecorators: { position: [{
4882
4883
  type: Input
4884
+ }], positionRelative: [{
4885
+ type: HostBinding,
4886
+ args: ['class.position-relative']
4883
4887
  }] } });
4884
4888
 
4885
4889
  class BsTooltipDirective {