import { Component, Input, ViewChild, ViewEncapsulation } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class QMSToolTipComponent {
    constructor(ele) {
        this.ele = ele;
    }
    ngAfterViewInit() {
        if (this.mode == 'dark') {
            this.qmsTooltipContainer.nativeElement.classList.add('qms-tooltip-container-dark');
        }
    }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSToolTipComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSToolTipComponent, selector: "qms-tooltip", inputs: { text: "text", mode: "mode", contentTemplate: "contentTemplate" }, viewQueries: [{ propertyName: "qmsTooltipContainer", first: true, predicate: ["qmsTooltipContainer"], descendants: true }], ngImport: i0, template: "<div class=\"qms-tooltip-container\" #qmsTooltipContainer>\n  <div>\n    <ng-template #simpleText>\n      <div class=\"qms-tooltip-conatainer-text\">{{text}}</div>\n    </ng-template>\n    <ng-container \n      *ngTemplateOutlet=\"contentTemplate || simpleText\">\n    </ng-container>\n  </div>\n</div>", styles: [".qms-tooltip-container{background:#fafafa;border-radius:.25rem;font-family:Open Sans,Arial,Sans-Serif}.qms-tooltip-container .qms-text-block .content{font-size:14px}.qms-tooltip-container.qms-tooltip-container-dark{background:#323232;color:#fff}.qms-tooltip-container.qms-tooltip-container-dark div{color:#fff}.qms-tooltip-container .qms-tooltip-conatainer-text{padding:4px 10px;font-size:.75em;text-align:center}.qms-tooltip-container .qms-tooltip-conatainer-template{padding:16px}.qms-tooltip-container .qms-tooltip-image.image-circle,.qms-tooltip-container .qms-tooltip-image.image-circle img{width:40px;height:40px;border-radius:50%}.qms-tooltip-container .qms-tooltip-image.image-rect,.qms-tooltip-container .qms-tooltip-image.image-rect img{width:100px;height:56px;border-radius:2px}.qms-tooltip-container .qms-tooltip-image.image-square,.qms-tooltip-container .qms-tooltip-image.image-square img{width:56px;height:56px;border-radius:2px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSToolTipComponent, decorators: [{
            type: Component,
            args: [{ selector: 'qms-tooltip', encapsulation: ViewEncapsulation.None, template: "<div class=\"qms-tooltip-container\" #qmsTooltipContainer>\n  <div>\n    <ng-template #simpleText>\n      <div class=\"qms-tooltip-conatainer-text\">{{text}}</div>\n    </ng-template>\n    <ng-container \n      *ngTemplateOutlet=\"contentTemplate || simpleText\">\n    </ng-container>\n  </div>\n</div>", styles: [".qms-tooltip-container{background:#fafafa;border-radius:.25rem;font-family:Open Sans,Arial,Sans-Serif}.qms-tooltip-container .qms-text-block .content{font-size:14px}.qms-tooltip-container.qms-tooltip-container-dark{background:#323232;color:#fff}.qms-tooltip-container.qms-tooltip-container-dark div{color:#fff}.qms-tooltip-container .qms-tooltip-conatainer-text{padding:4px 10px;font-size:.75em;text-align:center}.qms-tooltip-container .qms-tooltip-conatainer-template{padding:16px}.qms-tooltip-container .qms-tooltip-image.image-circle,.qms-tooltip-container .qms-tooltip-image.image-circle img{width:40px;height:40px;border-radius:50%}.qms-tooltip-container .qms-tooltip-image.image-rect,.qms-tooltip-container .qms-tooltip-image.image-rect img{width:100px;height:56px;border-radius:2px}.qms-tooltip-container .qms-tooltip-image.image-square,.qms-tooltip-container .qms-tooltip-image.image-square img{width:56px;height:56px;border-radius:2px}\n"] }]
        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { text: [{
                type: Input
            }], mode: [{
                type: Input
            }], contentTemplate: [{
                type: Input
            }], qmsTooltipContainer: [{
                type: ViewChild,
                args: ['qmsTooltipContainer', { static: false }]
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Ftcy1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy90b29sdGlwL3Rvb2x0aXAudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9xbXMtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvdG9vbHRpcC90b29sdGlwLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQTRCLEtBQUssRUFBdUIsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRN0ksTUFBTSxPQUFPLG1CQUFtQjtJQWlCNUIsWUFBb0IsR0FBZTtRQUFmLFFBQUcsR0FBSCxHQUFHLENBQVk7SUFBSSxDQUFDO0lBQ3hDLGVBQWU7UUFDWCxJQUFHLElBQUksQ0FBQyxJQUFJLElBQUksTUFBTSxFQUFDLENBQUM7WUFDcEIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLDRCQUE0QixDQUFDLENBQUE7UUFDdEYsQ0FBQztJQUNMLENBQUM7SUFFRCxRQUFRO0lBRVIsQ0FBQzsrR0ExQlEsbUJBQW1CO21HQUFuQixtQkFBbUIsMlBDUmhDLGdUQVNNOzs0RkRETyxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0ksYUFBYSxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJOytFQU81QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQVNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQzZDLG1CQUFtQjtzQkFBckUsU0FBUzt1QkFBQyxxQkFBcUIsRUFBRSxFQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Ftcy10b29sdGlwJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdG9vbHRpcC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90b29sdGlwLnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG4gIH0pXG5leHBvcnQgY2xhc3MgUU1TVG9vbFRpcENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgICAvKipcbiAgICAgKiBUaGlzIGlzIHNpbXBsZSB0ZXh0IHdoaWNoIGlzIHRvIGJlIHNob3duIGluIHRoZSB0b29sdGlwXG4gICAgICovXG4gICAgQElucHV0KCkgdGV4dDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIG1vZGU6IHN0cmluZztcblxuICAgIC8qKlxuICAgICAqIFRoaXMgcHJvdmlkZXMgZmluZXIgY29udHJvbCBvbiB0aGUgY29udGVudCB0byBiZSB2aXNpYmxlIG9uIHRoZSB0b29sdGlwXG4gICAgICogVGhpcyB0ZW1wbGF0ZSB3aWxsIGJlIGluamVjdGVkIGluIE1jVG9vbFRpcFJlbmRlcmVyIGRpcmVjdGl2ZSBpbiB0aGUgY29uc3VtZXIgdGVtcGxhdGVcbiAgICAgKiA8bmctdGVtcGxhdGUgI3RlbXBsYXRlPlxuICAgICAqICBjb250ZW50Li4uLi5cbiAgICAgKiA8L25nLXRlbXBsYXRlPlxuICAgICAqL1xuICAgIEBJbnB1dCgpIGNvbnRlbnRUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcbiAgICBAVmlld0NoaWxkKCdxbXNUb29sdGlwQ29udGFpbmVyJywge3N0YXRpYzogZmFsc2V9KSBxbXNUb29sdGlwQ29udGFpbmVyOiBFbGVtZW50UmVmO1xuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlOiBFbGVtZW50UmVmKSB7IH1cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIGlmKHRoaXMubW9kZSA9PSAnZGFyaycpe1xuICAgICAgICAgICAgdGhpcy5xbXNUb29sdGlwQ29udGFpbmVyLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZCgncW1zLXRvb2x0aXAtY29udGFpbmVyLWRhcmsnKVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgXG4gICAgfVxuXG59IiwiPGRpdiBjbGFzcz1cInFtcy10b29sdGlwLWNvbnRhaW5lclwiICNxbXNUb29sdGlwQ29udGFpbmVyPlxuICA8ZGl2PlxuICAgIDxuZy10ZW1wbGF0ZSAjc2ltcGxlVGV4dD5cbiAgICAgIDxkaXYgY2xhc3M9XCJxbXMtdG9vbHRpcC1jb25hdGFpbmVyLXRleHRcIj57e3RleHR9fTwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLWNvbnRhaW5lciBcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFRlbXBsYXRlIHx8IHNpbXBsZVRleHRcIj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=