angular-bootstrap-md
Version:
<a href="http://mdbootstrap.com/docs/angular/getting-started/download/"><img src="https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-angular2.png"></a> # Angular Bootstrap with Material Design
49 lines • 7.82 kB
JavaScript
import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
import { PopoverConfig } from './popover.config';
import { isBs3 } from '../utils/ng2-bootstrap-config';
export class PopoverContainerComponent {
constructor(config) {
this.show = '!isBs3';
this.role = 'tooltip';
Object.assign(this, config);
}
get isBs3() {
return isBs3();
}
ngOnInit() {
this.class =
'popover-fadeIn popover in popover-' +
this.placement +
' ' +
this.placement +
' bs-popover-' +
this.placement +
' ' +
this.containerClass;
}
}
PopoverContainerComponent.decorators = [
{ type: Component, args: [{
selector: 'mdb-popover-container',
changeDetection: ChangeDetectionStrategy.OnPush,
template: `
<h3 class="popover-header" [ngClass]="headerClass" *ngIf="title">{{ title }}</h3>
<div class="popover-body" [ngClass]="bodyClass">
<ng-content></ng-content>
</div>
`,
encapsulation: ViewEncapsulation.None,
styles: [".popover.popover-top,.popover.bs-tether-element-attached-bottom{margin-top:-10px}.popover.popover-top:before,.popover.popover-top:after,.popover.bs-tether-element-attached-bottom:before,.popover.bs-tether-element-attached-bottom:after{left:50%;border-bottom-width:0}.popover.popover-top:before,.popover.bs-tether-element-attached-bottom:before{bottom:-11px;margin-left:-11px;border-top-color:#00000040}.popover.popover-top:after,.popover.bs-tether-element-attached-bottom:after{bottom:-10px;margin-left:-10px;border-top-color:#fff}.popover.popover-right,.popover.bs-tether-element-attached-left{margin-left:10px}.popover.popover-right:before,.popover.popover-right:after,.popover.bs-tether-element-attached-left:before,.popover.bs-tether-element-attached-left:after{top:50%;border-left-width:0}.popover.popover-right:before,.popover.bs-tether-element-attached-left:before{left:-11px;margin-top:-11px;border-right-color:#00000040}.popover.popover-right:after,.popover.bs-tether-element-attached-left:after{left:-10px;margin-top:-10px;border-right-color:#fff}.popover.popover-bottom,.popover.bs-tether-element-attached-top{margin-top:10px}.popover.popover-bottom:before,.popover.popover-bottom:after,.popover.bs-tether-element-attached-top:before,.popover.bs-tether-element-attached-top:after{left:50%;border-top-width:0}.popover.popover-bottom:before,.popover.bs-tether-element-attached-top:before{top:-11px;margin-left:-11px;border-bottom-color:#00000040}.popover.popover-bottom:after,.popover.bs-tether-element-attached-top:after{top:-10px;margin-left:-10px;border-bottom-color:#f7f7f7}.popover.popover-bottom .popover-title:before,.popover.bs-tether-element-attached-top .popover-title:before{position:absolute;top:0;left:50%;display:block;width:20px;margin-left:-10px;content:\"\";border-bottom:1px solid #f7f7f7}.popover.popover-left,.popover.bs-tether-element-attached-right{margin-left:-10px}.popover.popover-left:before,.popover.popover-left:after,.popover.bs-tether-element-attached-right:before,.popover.bs-tether-element-attached-right:after{top:50%;border-right-width:0}.popover.popover-left:before,.popover.bs-tether-element-attached-right:before{right:-11px;margin-top:-11px;border-left-color:#00000040}.popover.popover-left:after,.popover.bs-tether-element-attached-right:after{right:-10px;margin-top:-10px;border-left-color:#fff}.popover:before,.popover:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover:before{content:\"\";border-width:11px}.popover:after{content:\"\";border-width:10px}@-webkit-keyframes fadeInPopover{0%{opacity:0}to{opacity:1}}@keyframes fadeInPopover{0%{opacity:0}to{opacity:1}}.popover-fadeIn{-webkit-animation-name:fadeInPopover;animation-name:fadeInPopover;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}\n"]
},] }
];
PopoverContainerComponent.ctorParameters = () => [
{ type: PopoverConfig }
];
PopoverContainerComponent.propDecorators = {
placement: [{ type: Input }],
title: [{ type: Input }],
show: [{ type: HostBinding, args: ['class.show',] }],
role: [{ type: HostBinding, args: ['attr.role',] }],
class: [{ type: HostBinding, args: ['class',] }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1ib290c3RyYXAtbWQvc3JjL2xpYi9mcmVlL3BvcG92ZXIvcG9wb3Zlci1jb250YWluZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEVBRUwsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFjdEQsTUFBTSxPQUFPLHlCQUF5QjtJQWNwQyxZQUFtQixNQUFxQjtRQVJiLFNBQUksR0FBRyxRQUFRLENBQUM7UUFDakIsU0FBSSxHQUFHLFNBQVMsQ0FBQztRQVF6QyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBTkQsSUFBVyxLQUFLO1FBQ2QsT0FBTyxLQUFLLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBTUQsUUFBUTtRQUNOLElBQUksQ0FBQyxLQUFLO1lBQ1Isb0NBQW9DO2dCQUNwQyxJQUFJLENBQUMsU0FBUztnQkFDZCxHQUFHO2dCQUNILElBQUksQ0FBQyxTQUFTO2dCQUNkLGNBQWM7Z0JBQ2QsSUFBSSxDQUFDLFNBQVM7Z0JBQ2QsR0FBRztnQkFDSCxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQ3hCLENBQUM7OztZQXhDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtnQkFDakMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07Z0JBQy9DLFFBQVEsRUFBRTs7Ozs7R0FLVDtnQkFFRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTs7YUFDdEM7OztZQWRRLGFBQWE7Ozt3QkFnQm5CLEtBQUs7b0JBQ0wsS0FBSzttQkFJTCxXQUFXLFNBQUMsWUFBWTttQkFDeEIsV0FBVyxTQUFDLFdBQVc7b0JBRXZCLFdBQVcsU0FBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBvcG92ZXJDb25maWcgfSBmcm9tICcuL3BvcG92ZXIuY29uZmlnJztcbmltcG9ydCB7IGlzQnMzIH0gZnJvbSAnLi4vdXRpbHMvbmcyLWJvb3RzdHJhcC1jb25maWcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtZGItcG9wb3Zlci1jb250YWluZXInLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aDMgY2xhc3M9XCJwb3BvdmVyLWhlYWRlclwiIFtuZ0NsYXNzXT1cImhlYWRlckNsYXNzXCIgKm5nSWY9XCJ0aXRsZVwiPnt7IHRpdGxlIH19PC9oMz5cbiAgICA8ZGl2IGNsYXNzPVwicG9wb3Zlci1ib2R5XCIgW25nQ2xhc3NdPVwiYm9keUNsYXNzXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3BvcG92ZXItbW9kdWxlLnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgUG9wb3ZlckNvbnRhaW5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBwbGFjZW1lbnQ6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHRpdGxlOiBzdHJpbmc7XG4gIHB1YmxpYyBjb250YWluZXJDbGFzczogc3RyaW5nO1xuICBwdWJsaWMgYm9keUNsYXNzOiBzdHJpbmc7XG4gIHB1YmxpYyBoZWFkZXJDbGFzczogc3RyaW5nO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNob3cnKSBzaG93ID0gJyFpc0JzMyc7XG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZSA9ICd0b29sdGlwJztcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3M6IGFueTtcbiAgcHVibGljIGdldCBpc0JzMygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gaXNCczMoKTtcbiAgfVxuXG4gIHB1YmxpYyBjb25zdHJ1Y3Rvcihjb25maWc6IFBvcG92ZXJDb25maWcpIHtcbiAgICBPYmplY3QuYXNzaWduKHRoaXMsIGNvbmZpZyk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNsYXNzID1cbiAgICAgICdwb3BvdmVyLWZhZGVJbiBwb3BvdmVyIGluIHBvcG92ZXItJyArXG4gICAgICB0aGlzLnBsYWNlbWVudCArXG4gICAgICAnICcgK1xuICAgICAgdGhpcy5wbGFjZW1lbnQgK1xuICAgICAgJyBicy1wb3BvdmVyLScgK1xuICAgICAgdGhpcy5wbGFjZW1lbnQgK1xuICAgICAgJyAnICtcbiAgICAgIHRoaXMuY29udGFpbmVyQ2xhc3M7XG4gIH1cbn1cbiJdfQ==