import { __decorate } from "tslib";
import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
import { ThemeService } from '../../../service/theme.service';
var InverseColorComponent = /** @class */ (function () {
    function InverseColorComponent(themeService) {
        this.themeService = themeService;
    }
    InverseColorComponent.prototype.ngOnInit = function () { };
    InverseColorComponent.prototype.toggleInverseColor = function () {
        this.themeService.toggleInverseColor();
    };
    InverseColorComponent.ctorParameters = function () { return [
        { 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);
    return InverseColorComponent;
}());
export { InverseColorComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW52ZXJzZS1jb2xvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9leGFtLWVuZ2luZS1saWJyYXJpZXMvIiwic291cmNlcyI6WyJsaWIvc2hhcmVkL2NvbXBvbmVudHMvY29tbW9uL2ludmVyc2UtY29sb3IvaW52ZXJzZS1jb2xvci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFROUQ7SUFHRSwrQkFBb0IsWUFBMEI7UUFBMUIsaUJBQVksR0FBWixZQUFZLENBQWM7SUFBRyxDQUFDO0lBRWxELHdDQUFRLEdBQVIsY0FBWSxDQUFDO0lBRWIsa0RBQWtCLEdBQWxCO1FBQ0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQ3pDLENBQUM7O2dCQU5pQyxZQUFZOztJQUZyQztRQUFSLEtBQUssRUFBRTsrREFBdUI7SUFEcEIscUJBQXFCO1FBTmpDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxvQkFBb0I7WUFDOUIsbWNBQTZDO1lBRTdDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOztTQUNoRCxDQUFDO09BQ1cscUJBQXFCLENBVWpDO0lBQUQsNEJBQUM7Q0FBQSxBQVZELElBVUM7U0FWWSxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE9uSW5pdCxcbiAgSW5wdXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZS90aGVtZS5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnd2txcC1pbnZlcnNlLXRoZW1lJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ludmVyc2UtY29sb3IuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnZlcnNlLWNvbG9yLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgSW52ZXJzZUNvbG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgaW52ZXJzZUNvbG9yOiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGhlbWVTZXJ2aWNlOiBUaGVtZVNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIHRvZ2dsZUludmVyc2VDb2xvcigpIHtcbiAgICB0aGlzLnRoZW1lU2VydmljZS50b2dnbGVJbnZlcnNlQ29sb3IoKTtcbiAgfVxufVxuIl19