import { __decorate } from "tslib";
import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
import { ThemeService } from '../../../service/theme.service';
let InverseColorComponent = class InverseColorComponent {
    constructor(themeService) {
        this.themeService = themeService;
    }
    ngOnInit() { }
    toggleInverseColor() {
        this.themeService.toggleInverseColor();
    }
};
InverseColorComponent.ctorParameters = () => [
    { type: ThemeService }
];
__decorate([
    Input()
], InverseColorComponent.prototype, "inverseColor", void 0);
InverseColorComponent = __decorate([
    Component({
        selector: 'wkqp-inverse-theme',
        template: "<div class=\"qp-feature-menu\" [ngClass]=\"{ 'menu-selected': inverseColor }\">\n  <div class=\"reverse-menu\">\n    <button (click)=\"toggleInverseColor()\">\n      <span>\n        <img\n          alt=\"Reversing Color\"\n          class=\"examTaker-nav-button-icon\"\n          src=\"assets/engine-icons/theme-color-icon.png\"\n        />\n      </span>\n      <span class=\"pt3\">Reverse Colour</span>\n    </button>\n  </div>\n</div>\n",
        changeDetection: ChangeDetectionStrategy.OnPush,
        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}.reverse-menu button{background-color:transparent;color:#474747;text-align:center;padding:0}.reverse-menu button span{display:block;color:#474747;text-align:center;font-size:14px}.pt3{padding-top:3px}"]
    })
], InverseColorComponent);
export { InverseColorComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW52ZXJzZS1jb2xvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9leGFtLWVuZ2luZS1saWJyYXJpZXMvIiwic291cmNlcyI6WyJsaWIvc2hhcmVkL2NvbXBvbmVudHMvY29tbW9uL2ludmVyc2UtY29sb3IvaW52ZXJzZS1jb2xvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFROUQsSUFBYSxxQkFBcUIsR0FBbEMsTUFBYSxxQkFBcUI7SUFHaEMsWUFBb0IsWUFBMEI7UUFBMUIsaUJBQVksR0FBWixZQUFZLENBQWM7SUFBRyxDQUFDO0lBRWxELFFBQVEsS0FBSSxDQUFDO0lBRWIsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxZQUFZLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0NBQ0YsQ0FBQTs7WUFQbUMsWUFBWTs7QUFGckM7SUFBUixLQUFLLEVBQUU7MkRBQXVCO0FBRHBCLHFCQUFxQjtJQU5qQyxTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsb0JBQW9CO1FBQzlCLG1jQUE2QztRQUU3QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7S0FDaEQsQ0FBQztHQUNXLHFCQUFxQixDQVVqQztTQVZZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxuICBJbnB1dCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3lcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlL3RoZW1lLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3a3FwLWludmVyc2UtdGhlbWUnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW52ZXJzZS1jb2xvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ludmVyc2UtY29sb3IuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBJbnZlcnNlQ29sb3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBpbnZlcnNlQ29sb3I6IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0aGVtZVNlcnZpY2U6IFRoZW1lU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgdG9nZ2xlSW52ZXJzZUNvbG9yKCkge1xuICAgIHRoaXMudGhlbWVTZXJ2aWNlLnRvZ2dsZUludmVyc2VDb2xvcigpO1xuICB9XG59XG4iXX0=