import { __decorate } from "tslib";
import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
import { ThemeService } from '../../../service/theme.service';
import { FontSizeEnum } from '../../../models';
var TextZoomComponent = /** @class */ (function () {
    function TextZoomComponent(themeService) {
        this.themeService = themeService;
        this.fontSizeEnum = FontSizeEnum;
    }
    TextZoomComponent.prototype.ngOnInit = function () { };
    TextZoomComponent.prototype.updateFontSize = function (fontSizeInPx) {
        this.themeService.setFontSize(fontSizeInPx);
    };
    TextZoomComponent.ctorParameters = function () { return [
        { type: ThemeService }
    ]; };
    __decorate([
        Input()
    ], TextZoomComponent.prototype, "fontSize", void 0);
    TextZoomComponent = __decorate([
        Component({
            selector: 'wkqp-text-zoom',
            template: "<div class=\"qp-feature-menu\">\n  <!--Text Zoom-->\n  <div class=\"examTaker-nav-button _text_zoom textzoom-menu\">\n    <div class=\"examTaker-nav-button-text-zoom\">\n      <button\n        [ngClass]=\"{\n          'font-active': fontSize === fontSizeEnum.SmallFont\n        }\"\n        (click)=\"updateFontSize(fontSizeEnum.SmallFont)\"\n        class=\"examTaker-nav-button-text-zoom-button fontsize-small\"\n      >\n        A\n      </button>\n      <button\n        [ngClass]=\"{\n          'font-active': fontSize === fontSizeEnum.MediumFont\n        }\"\n        (click)=\"updateFontSize(fontSizeEnum.MediumFont)\"\n        class=\"examTaker-nav-button-text-zoom-button fontsize-medium\"\n      >\n        A\n      </button>\n      <button\n        [ngClass]=\"{\n          'font-active': fontSize === fontSizeEnum.LargeFont\n        }\"\n        (click)=\"updateFontSize(fontSizeEnum.LargeFont)\"\n        class=\"examTaker-nav-button-text-zoom-button fontsize-large\"\n      >\n        A\n      </button>\n    </div>\n    <span>Text Zoom</span>\n  </div>\n</div>\n",
            changeDetection: ChangeDetectionStrategy.OnPush,
            styles: [".textzoom-menu span{display:block;color:#474747;text-align:center;font-size:14px}.fontsize-small{font-size:10px}.fontsize-medium{font-size:13px}.fontsize-large{font-size:16px}.examTaker-nav-button button.font-active{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.route-sessionsSessionBlockTake:not(._font-big):not(._font-medium) .examTaker-nav-button-text-zoom-button._small{background-color:#fcfcfc;border-color:#fff!important;color:#000}.examTaker-header-region-right-inner .examTaker-nav-button._text_zoom .examTaker-nav-button-text-zoom .examTaker-nav-button-text-zoom-button{min-width:22px;max-width:22px;line-height:18pt;text-align:center;padding:0;margin:0;background-color:transparent;vertical-align:middle;border:2px solid;outline:0}.examTaker-header-region-right-inner .examTaker-nav-button._text_zoom .examTaker-nav-button-text-zoom{display:flex;margin-bottom:3px}.examTaker-nav-button._text_zoom{padding:3px 0 0}.examTaker-nav-button button{padding:0 2px;margin-left:3px;border:1px solid #ccc;background-color:var(--secondary-color);color:var(--primary-color);width:18px;height:18px;line-height:normal;vertical-align:bottom}.examTaker-nav-button{display:inline-flex;flex-direction:column;align-items:center;padding:0;text-align:center;text-decoration:none;font-size:14px;color:#fff;border-width:0;background-color:transparent}.examTaker-nav-button:not(._direction){font-size:.7em}.examTaker-header-region-right-inner .examTaker-nav-button:not(:last-child){margin-right:33px}.examTaker-header-region-right-inner .examTaker-nav-button._calc,.examTaker-header-region-right-inner .examTaker-nav-button._lab,.examTaker-header-region-right-inner .examTaker-nav-button._notes,.examTaker-header-region-right-inner .examTaker-nav-button._reverse,.examTaker-header-region-right-inner .examTaker-nav-button._text_zoom{display:inline-block}.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}.examTaker-header-region-right-inner .examTaker-nav-button .examTaker-nav-button-text{white-space:nowrap}.examTaker-header-region._center .examTaker-nav-button._direction._next,.examTaker-header-region._center .examTaker-nav-button._direction._prev{display:inline-block}.examTaker-nav-button[disabled]{pointer-events:none;opacity:.5;cursor:default}.examTaker-nav .examTaker-nav-button:not(:last-child){margin-right:33px}button.examTaker-nav-button_direction_prev:hover span.examTaker-nav-button-text{color:#fff!important}.examTaker-nav-button._finish,.examTaker-nav-button._pause{display:inline-block}.examTaker-nav-button._finish .examTaker-nav-button-icon{margin-bottom:3px}@media only screen and (min-width:992px) and (max-width:1024px){.examTaker-header .examTaker-header-region._center{padding-left:0}.examTaker-header-region-right-inner .examTaker-nav-button:not(:last-child),.examTaker-nav .examTaker-nav-button:not(:last-child){margin-right:10px}}@media only screen and (min-width:768px) and (max-width:991px){.examTaker-header .examTaker-header-region._center{padding-left:0}.examTaker-header-region-right-inner .examTaker-nav-button:not(:last-child),.examTaker-nav .examTaker-nav-button:not(:last-child){margin-right:10px}}@media only screen and (min-width:480px) and (max-width:767px){.examTaker-header .examTaker-header-region._center{padding-left:0}.examTaker-header-region-right-inner .examTaker-nav-button:not(:last-child),.examTaker-nav .examTaker-nav-button:not(:last-child){margin-right:10px}}"]
        })
    ], TextZoomComponent);
    return TextZoomComponent;
}());
export { TextZoomComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC16b29tLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2V4YW0tZW5naW5lLWxpYnJhcmllcy8iLCJzb3VyY2VzIjpbImxpYi9zaGFyZWQvY29tcG9uZW50cy9jb21tb24vdGV4dC16b29tL3RleHQtem9vbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUNMLHVCQUF1QixFQUN4QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDOUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBUS9DO0lBS0UsMkJBQW1CLFlBQTBCO1FBQTFCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBRjdDLGlCQUFZLEdBQUcsWUFBWSxDQUFDO0lBRW9CLENBQUM7SUFFakQsb0NBQVEsR0FBUixjQUFZLENBQUM7SUFFYiwwQ0FBYyxHQUFkLFVBQWUsWUFBWTtRQUN6QixJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUM5QyxDQUFDOztnQkFOZ0MsWUFBWTs7SUFKcEM7UUFBUixLQUFLLEVBQUU7dURBQWtCO0lBRGYsaUJBQWlCO1FBTjdCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxnQkFBZ0I7WUFDMUIsaWtDQUF5QztZQUV6QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7U0FDaEQsQ0FBQztPQUNXLGlCQUFpQixDQVk3QjtJQUFELHdCQUFDO0NBQUEsQUFaRCxJQVlDO1NBWlksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBPbkluaXQsXG4gIElucHV0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneVxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRoZW1lU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2UvdGhlbWUuc2VydmljZSc7XG5pbXBvcnQgeyBGb250U2l6ZUVudW0gfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3a3FwLXRleHQtem9vbScsXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0LXpvb20uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ZXh0LXpvb20uY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBUZXh0Wm9vbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGZvbnRTaXplOiBzdHJpbmc7XG5cbiAgZm9udFNpemVFbnVtID0gRm9udFNpemVFbnVtO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB0aGVtZVNlcnZpY2U6IFRoZW1lU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgdXBkYXRlRm9udFNpemUoZm9udFNpemVJblB4KSB7XG4gICAgdGhpcy50aGVtZVNlcnZpY2Uuc2V0Rm9udFNpemUoZm9udFNpemVJblB4KTtcbiAgfVxufVxuIl19