import { __decorate } from "tslib";
import { Component, Input, EventEmitter, Output } from '@angular/core';
import { LapValues } from './../../../models/index';
let LabValuesComponent = class LabValuesComponent {
    constructor() {
        this.labValueEnum = LapValues;
        this.lapValue = this.labValueEnum.blood;
        this.updateResetValue = new EventEmitter();
    }
    ngOnChanges(changes) {
        if (this.resetFeature) {
            this.canShowLabValues = false;
        }
    }
    ngOnInit() { }
    /**
     * to show lab values dialog box
     */
    showLabValueDialogBox() {
        this.updateResetValue.emit();
        this.canShowLabValues = !this.canShowLabValues;
    }
};
__decorate([
    Input()
], LabValuesComponent.prototype, "resetFeature", void 0);
__decorate([
    Output()
], LabValuesComponent.prototype, "updateResetValue", void 0);
LabValuesComponent = __decorate([
    Component({
        selector: 'wkqp-lab-values',
        template: "<div class=\"qp-feature-menu\">\n  <div class=\"labvalues-menu\">\n    <button (click)=\"showLabValueDialogBox()\">\n      <span>\n        <img\n          alt=\"Lab values Details\"\n          class=\"examTaker-nav-button-icon\"\n          src=\"assets/engine-icons/labvalues-icon.png\"\n        />\n      </span>\n      <span class=\"pt3\">Lab Values</span>\n    </button>\n\n    <!-- Lab Value Content-->\n    <div *ngIf=\"canShowLabValues && !resetFeature\" class=\"lap-value-modal\">\n      <div class=\"ember-view examLabValues\">\n        <a\n          tabindex=\"0\"\n          (keypress)=\"canShowLabValues = false\"\n          (click)=\"canShowLabValues = false\"\n          class=\"examLabValues-close\"\n          data-ember-action=\"1550\"\n        >\n          <img alt=\"Dialog-close\" src=\"assets/engine-icons/close-icon.gif\" />\n        </a>\n        <h2 class=\"examLabValues-header\">Lab Values</h2>\n        <div class=\"ember-view\">\n          <div class=\"examLabValues-navigation\">\n            <div\n              tabindex=\"0\"\n              class=\"examLabValues-navigation-link ember-view\"\n              [ngClass]=\"{ active: lapValue == labValueEnum.blood }\"\n              (click)=\"lapValue = labValueEnum.blood\"\n            >\n              <a\n                (click)=\"lapValue = labValueEnum.blood\"\n                (keypress)=\"lapValue = labValueEnum.blood\"\n                data-toggle=\"tab\"\n                >{{ labValueEnum.blood }}</a\n              >\n            </div>\n            <div\n              tabindex=\"0\"\n              class=\"examLabValues-navigation-link ember-view\"\n              [ngClass]=\"{ active: lapValue == labValueEnum.hematologic }\"\n              (click)=\"lapValue = labValueEnum.hematologic\"\n            >\n              <a\n                (click)=\"lapValue = labValueEnum.hematologic\"\n                (keypress)=\"lapValue = labValueEnum.hematologic\"\n                data-toggle=\"tab\"\n                >{{ labValueEnum.hematologic }}</a\n              >\n            </div>\n            <div\n              tabindex=\"0\"\n              class=\"examLabValues-navigation-link ember-view\"\n              [ngClass]=\"{ active: lapValue == labValueEnum.cerebrospinal }\"\n              (click)=\"lapValue = labValueEnum.cerebrospinal\"\n            >\n              <a\n                (click)=\"lapValue = labValueEnum.cerebrospinal\"\n                (keypress)=\"lapValue = labValueEnum.cerebrospinal\"\n                data-toggle=\"tab\"\n                >{{ labValueEnum.cerebrospinal }}</a\n              >\n            </div>\n            <div\n              tabindex=\"0\"\n              class=\"examLabValues-navigation-link ember-view\"\n              [ngClass]=\"{ active: lapValue == labValueEnum.sub }\"\n              (click)=\"lapValue = labValueEnum.sub\"\n            >\n              <a\n                (click)=\"lapValue = labValueEnum.sub\"\n                (keypress)=\"lapValue = labValueEnum.sub\"\n                data-toggle=\"tab\"\n                >Sweet,Urine,BMI</a\n              >\n            </div>\n\n            <!-- Tab panes -->\n            <div class=\"examLabValues-content\">\n              <div\n                *ngIf=\"lapValue == labValueEnum.blood\"\n                class=\"tab-pane active\"\n                id=\"blood\"\n              >\n                <lib-blood-lap-values></lib-blood-lap-values>\n              </div>\n              <div\n                *ngIf=\"lapValue == labValueEnum.hematologic\"\n                class=\"tab-pane active\"\n                id=\"labValueEnum.hematologic\"\n              >\n                <lib-hematologic-lap-values></lib-hematologic-lap-values>\n              </div>\n              <div\n                *ngIf=\"lapValue == labValueEnum.cerebrospinal\"\n                class=\"tab-pane active\"\n                id=\"labValueEnum.cerebrospinal\"\n              >\n                <lib-cerebrospinal-lap-values></lib-cerebrospinal-lap-values>\n              </div>\n              <div\n                *ngIf=\"lapValue == labValueEnum.sub\"\n                class=\"tab-pane active\"\n                id=\"sweet\"\n              >\n                <lib-s-u-b-lap-values></lib-s-u-b-lap-values>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n",
        styles: [".examTaker-header-region-right-inner .examTaker-nav-button._calc .examTaker-nav-button-icon,.examTaker-header-region-right-inner .examTaker-nav-button._lab .examTaker-nav-button-icon,.examTaker-header-region-right-inner .examTaker-nav-button._notes .examTaker-nav-button-icon,.examTaker-header-region-right-inner .examTaker-nav-button._reverse .examTaker-nav-button-icon,.examTaker-header-region-right-inner .examTaker-nav-button._text_zoom .examTaker-nav-button-icon{margin-bottom:3px}button.examTaker-nav-button_direction_next:hover span.examTaker-nav-button-text{color:#fff!important}.examTaker-header-region-right-inner .examTaker-nav-button .examTaker-nav-button-text{white-space:nowrap}.examLabValues-header{margin-top:5px;margin-bottom:5px;font-size:15px;text-align:center}.examLabValues-content{overflow-y:auto;overflow-x:hidden;float:left;clear:both;width:100%;padding-right:0;background-color:var(--secondary-color);color:#000}.examLabValues .examLabValues-close{position:absolute;top:0;right:5px}.examLabValues-close{position:absolute;top:0;right:0}.examLabValues-content>.active{max-height:450px;overflow:auto}.examLabValues-content-table{background:#d7dced;width:402px}table{border-collapse:collapse;border-spacing:0}.examTaker{font-family:arial,sans-serif}.examLabValues-content-table td{padding:4px 25px 4px 20px;width:180px;border-bottom:1px solid #aab}.examLabValues-navigation{padding-top:0;padding-left:0;display:inherit;display:inherit;display:inherit;float:left;width:100%}.examLabValues-navigation-link{text-decoration:none;background-color:var(--secondary-color);color:#000;border:1px solid #141548;cursor:pointer;padding:3px 6px;line-height:11px;float:left}.examLabValues-navigation-link a{font-size:12px}.examLabValues-navigation .examLabValues-navigation-link:not(:last-child){margin-right:4px}.examLabValues-navigation-link.active,.examLabValues-navigation-link:hover{background-color:var(--primary-color);color:#fff}body>.ember-view:not(.liquid-target-container){min-height:100vh;min-width:768px}.labvalues-menu{position:relative}.lap-value-modal{position:absolute;background-color:#fff;padding:0;border:1px solid #a3a3b4;z-index:100000;width:380px;top:49px}.labvalues-menu button{background-color:transparent;padding:0;color:#474747;text-align:center}.labvalues-menu button span{color:#474747;text-align:center;display:block;font-size:14px}.pt3{padding-top:3px}"]
    })
], LabValuesComponent);
export { LabValuesComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiLXZhbHVlcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9leGFtLWVuZ2luZS1saWJyYXJpZXMvIiwic291cmNlcyI6WyJsaWIvc2hhcmVkL2NvbXBvbmVudHMvY29tbW9uL2xhYi12YWx1ZXMvbGFiLXZhbHVlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUdMLFlBQVksRUFDWixNQUFNLEVBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBTXBELElBQWEsa0JBQWtCLEdBQS9CLE1BQWEsa0JBQWtCO0lBTTdCO1FBTEEsaUJBQVksR0FBRyxTQUFTLENBQUM7UUFDekIsYUFBUSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDO1FBR3pCLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFDdEMsQ0FBQztJQUVoQixXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3JCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUM7U0FDL0I7SUFDSCxDQUFDO0lBRUQsUUFBUSxLQUFJLENBQUM7SUFFYjs7T0FFRztJQUNILHFCQUFxQjtRQUNuQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDN0IsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQ2pELENBQUM7Q0FDRixDQUFBO0FBbkJVO0lBQVIsS0FBSyxFQUFFO3dEQUFjO0FBQ1o7SUFBVCxNQUFNLEVBQUU7NERBQTRDO0FBTDFDLGtCQUFrQjtJQUw5QixTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsaUJBQWlCO1FBQzNCLGkwSUFBMEM7O0tBRTNDLENBQUM7R0FDVyxrQkFBa0IsQ0F1QjlCO1NBdkJZLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxuICBJbnB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgT25DaGFuZ2VzLFxuICBFdmVudEVtaXR0ZXIsXG4gIE91dHB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IExhcFZhbHVlcyB9IGZyb20gJy4vLi4vLi4vLi4vbW9kZWxzL2luZGV4JztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3drcXAtbGFiLXZhbHVlcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWItdmFsdWVzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbGFiLXZhbHVlcy5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTGFiVmFsdWVzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBsYWJWYWx1ZUVudW0gPSBMYXBWYWx1ZXM7XG4gIGxhcFZhbHVlID0gdGhpcy5sYWJWYWx1ZUVudW0uYmxvb2Q7XG4gIGNhblNob3dMYWJWYWx1ZXM6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHJlc2V0RmVhdHVyZTtcbiAgQE91dHB1dCgpIHVwZGF0ZVJlc2V0VmFsdWUgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5yZXNldEZlYXR1cmUpIHtcbiAgICAgIHRoaXMuY2FuU2hvd0xhYlZhbHVlcyA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIG5nT25Jbml0KCkge31cblxuICAvKipcbiAgICogdG8gc2hvdyBsYWIgdmFsdWVzIGRpYWxvZyBib3hcbiAgICovXG4gIHNob3dMYWJWYWx1ZURpYWxvZ0JveCgpIHtcbiAgICB0aGlzLnVwZGF0ZVJlc2V0VmFsdWUuZW1pdCgpO1xuICAgIHRoaXMuY2FuU2hvd0xhYlZhbHVlcyA9ICF0aGlzLmNhblNob3dMYWJWYWx1ZXM7XG4gIH1cbn1cbiJdfQ==