import { __decorate } from "tslib";
import { Component, Input, EventEmitter, Output } from '@angular/core';
import { LapValues } from './../../../models/index';
var LabValuesComponent = /** @class */ (function () {
    function LabValuesComponent() {
        this.labValueEnum = LapValues;
        this.lapValue = this.labValueEnum.blood;
        this.updateResetValue = new EventEmitter();
    }
    LabValuesComponent.prototype.ngOnChanges = function (changes) {
        if (this.resetFeature) {
            this.canShowLabValues = false;
        }
    };
    LabValuesComponent.prototype.ngOnInit = function () { };
    /**
     * to show lab values dialog box
     */
    LabValuesComponent.prototype.showLabValueDialogBox = function () {
        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);
    return LabValuesComponent;
}());
export { LabValuesComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiLXZhbHVlcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9leGFtLWVuZ2luZS1saWJyYXJpZXMvIiwic291cmNlcyI6WyJsaWIvc2hhcmVkL2NvbXBvbmVudHMvY29tbW9uL2xhYi12YWx1ZXMvbGFiLXZhbHVlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUdMLFlBQVksRUFDWixNQUFNLEVBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBTXBEO0lBTUU7UUFMQSxpQkFBWSxHQUFHLFNBQVMsQ0FBQztRQUN6QixhQUFRLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUM7UUFHekIscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUN0QyxDQUFDO0lBRWhCLHdDQUFXLEdBQVgsVUFBWSxPQUFzQjtRQUNoQyxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDckIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztTQUMvQjtJQUNILENBQUM7SUFFRCxxQ0FBUSxHQUFSLGNBQVksQ0FBQztJQUViOztPQUVHO0lBQ0gsa0RBQXFCLEdBQXJCO1FBQ0UsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqRCxDQUFDO0lBbEJRO1FBQVIsS0FBSyxFQUFFOzREQUFjO0lBQ1o7UUFBVCxNQUFNLEVBQUU7Z0VBQTRDO0lBTDFDLGtCQUFrQjtRQUw5QixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsaUJBQWlCO1lBQzNCLGkwSUFBMEM7O1NBRTNDLENBQUM7T0FDVyxrQkFBa0IsQ0F1QjlCO0lBQUQseUJBQUM7Q0FBQSxBQXZCRCxJQXVCQztTQXZCWSxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE9uSW5pdCxcbiAgSW5wdXQsXG4gIFNpbXBsZUNoYW5nZXMsXG4gIE9uQ2hhbmdlcyxcbiAgRXZlbnRFbWl0dGVyLFxuICBPdXRwdXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBMYXBWYWx1ZXMgfSBmcm9tICcuLy4uLy4uLy4uL21vZGVscy9pbmRleCc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3a3FwLWxhYi12YWx1ZXMnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGFiLXZhbHVlcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xhYi12YWx1ZXMuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIExhYlZhbHVlc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcbiAgbGFiVmFsdWVFbnVtID0gTGFwVmFsdWVzO1xuICBsYXBWYWx1ZSA9IHRoaXMubGFiVmFsdWVFbnVtLmJsb29kO1xuICBjYW5TaG93TGFiVmFsdWVzOiBib29sZWFuO1xuICBASW5wdXQoKSByZXNldEZlYXR1cmU7XG4gIEBPdXRwdXQoKSB1cGRhdGVSZXNldFZhbHVlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKHRoaXMucmVzZXRGZWF0dXJlKSB7XG4gICAgICB0aGlzLmNhblNob3dMYWJWYWx1ZXMgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgLyoqXG4gICAqIHRvIHNob3cgbGFiIHZhbHVlcyBkaWFsb2cgYm94XG4gICAqL1xuICBzaG93TGFiVmFsdWVEaWFsb2dCb3goKSB7XG4gICAgdGhpcy51cGRhdGVSZXNldFZhbHVlLmVtaXQoKTtcbiAgICB0aGlzLmNhblNob3dMYWJWYWx1ZXMgPSAhdGhpcy5jYW5TaG93TGFiVmFsdWVzO1xuICB9XG59XG4iXX0=