// Copyright (c) Laserfiche.
// Licensed under the MIT License. See LICENSE in the project root for license information.
import { Component, EventEmitter, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@laserfiche/lf-ui-components/internal-shared";
import * as i2 from "@angular/common";
/** @internal */
export class FeedbackSuggestionSelectionComponent {
    constructor(localizationService) {
        this.localizationService = localizationService;
        this.feedbackClicked = new EventEmitter();
        this.suggestionClicked = new EventEmitter();
        this.localizedStrings = {
            YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT: this.localizationService.getStringComponentsObservable('YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT'),
            TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP: this.localizationService.getStringComponentsObservable('TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP'),
            I_HAVE_FEEDBACK: this.localizationService.getStringComponentsObservable('I_HAVE_FEEDBACK'),
            I_HAVE_SUGGESTION: this.localizationService.getStringComponentsObservable('I_HAVE_SUGGESTION'),
        };
    }
    onClickFeedback() {
        this.feedbackClicked.emit();
    }
    onClickSuggestion() {
        this.suggestionClicked.emit();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FeedbackSuggestionSelectionComponent, deps: [{ token: i1.AppLocalizationService }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FeedbackSuggestionSelectionComponent, selector: "lf-feedback-suggestion-selection", outputs: { feedbackClicked: "feedbackClicked", suggestionClicked: "suggestionClicked" }, ngImport: i0, template: "<!--Copyright (c) Laserfiche.\r\nLicensed under the MIT License. See LICENSE in the project root for license information.-->\r\n\r\n<div class=\"lf-text-body lf-user-feedback-description\">{{localizedStrings.YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT | async}}</div>\r\n<div class=\"lf-text-body lf-user-feedback-description\">{{localizedStrings.TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP | async}}</div>\r\n<button id=\"lf-user-feedback-feedback-mode-button\" class=\"lf-button feedback-suggestion-button\"\r\n    (click)=\"onClickFeedback()\">{{localizedStrings.I_HAVE_FEEDBACK | async}}</button>\r\n<button id=\"lf-user-feedback-suggestion-mode-button\" class=\"lf-button feedback-suggestion-button\"\r\n    (click)=\"onClickSuggestion()\">{{localizedStrings.I_HAVE_SUGGESTION | async}}</button>\r\n", styles: ["", ".lf-close-button{cursor:pointer;display:flex;height:24px;width:24px;align-items:center;border:none;background:inherit;justify-content:center;color:#646464}.lf-textarea{width:100%;display:block;border:1px solid #aaaaaa;border-radius:2px;padding:7px 10px 8px;box-sizing:border-box}.lf-textarea::-webkit-scrollbar{width:8px}.lf-textarea::-webkit-scrollbar-track{margin:1px}.lf-textarea::-webkit-scrollbar-thumb{background:#6d6d6d;border-radius:10px}.dialog-button{margin-left:10px}.character-count{width:100%;text-align:right;font-size:12px;margin-top:2px}.feedback-suggestion-textbox{resize:none}.lf-user-feedback-description{margin-bottom:10px}.feedback-suggestion-button{margin-left:auto;margin-right:auto;font-weight:600;cursor:pointer;display:block;width:80%;height:60px;background-color:inherit;border:1px solid #cfcfcf;border-radius:4px;line-height:16px}#lf-user-feedback-suggestion-mode-button{margin-top:5px}.feedback-suggestion-button:hover{background-color:#e0e0e0}.email-checkbox-container{margin-top:20px;display:flex;justify-content:flex-start}::ng-deep .lf-user-feedback-panel .mat-mdc-dialog-container{padding:0}.dialog-content{position:relative}#messages{top:-15px}.lf-text-label{display:block;padding-bottom:5px}::ng-deep .lf-user-feedback-checkbox.mat-mdc-checkbox .mdc-checkbox{margin-right:4px;padding:0}::ng-deep .lf-user-feedback-checkbox.mat-mdc-checkbox .mdc-checkbox .mat-mdc-checkbox-touch-target{width:20px;height:20px}::ng-deep .lf-user-feedback-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control{width:18px;height:18px}::ng-deep .lf-user-feedback-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background{left:0;top:0}\n"], dependencies: [{ kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FeedbackSuggestionSelectionComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lf-feedback-suggestion-selection', template: "<!--Copyright (c) Laserfiche.\r\nLicensed under the MIT License. See LICENSE in the project root for license information.-->\r\n\r\n<div class=\"lf-text-body lf-user-feedback-description\">{{localizedStrings.YOUR_FEEDBACK_SUGGESTION_HELP_IMPROVE_PRODUCT | async}}</div>\r\n<div class=\"lf-text-body lf-user-feedback-description\">{{localizedStrings.TECHNICAL_ISSUES_CONTACT_ADMIN_OR_SP | async}}</div>\r\n<button id=\"lf-user-feedback-feedback-mode-button\" class=\"lf-button feedback-suggestion-button\"\r\n    (click)=\"onClickFeedback()\">{{localizedStrings.I_HAVE_FEEDBACK | async}}</button>\r\n<button id=\"lf-user-feedback-suggestion-mode-button\" class=\"lf-button feedback-suggestion-button\"\r\n    (click)=\"onClickSuggestion()\">{{localizedStrings.I_HAVE_SUGGESTION | async}}</button>\r\n", styles: [".lf-close-button{cursor:pointer;display:flex;height:24px;width:24px;align-items:center;border:none;background:inherit;justify-content:center;color:#646464}.lf-textarea{width:100%;display:block;border:1px solid #aaaaaa;border-radius:2px;padding:7px 10px 8px;box-sizing:border-box}.lf-textarea::-webkit-scrollbar{width:8px}.lf-textarea::-webkit-scrollbar-track{margin:1px}.lf-textarea::-webkit-scrollbar-thumb{background:#6d6d6d;border-radius:10px}.dialog-button{margin-left:10px}.character-count{width:100%;text-align:right;font-size:12px;margin-top:2px}.feedback-suggestion-textbox{resize:none}.lf-user-feedback-description{margin-bottom:10px}.feedback-suggestion-button{margin-left:auto;margin-right:auto;font-weight:600;cursor:pointer;display:block;width:80%;height:60px;background-color:inherit;border:1px solid #cfcfcf;border-radius:4px;line-height:16px}#lf-user-feedback-suggestion-mode-button{margin-top:5px}.feedback-suggestion-button:hover{background-color:#e0e0e0}.email-checkbox-container{margin-top:20px;display:flex;justify-content:flex-start}::ng-deep .lf-user-feedback-panel .mat-mdc-dialog-container{padding:0}.dialog-content{position:relative}#messages{top:-15px}.lf-text-label{display:block;padding-bottom:5px}::ng-deep .lf-user-feedback-checkbox.mat-mdc-checkbox .mdc-checkbox{margin-right:4px;padding:0}::ng-deep .lf-user-feedback-checkbox.mat-mdc-checkbox .mdc-checkbox .mat-mdc-checkbox-touch-target{width:20px;height:20px}::ng-deep .lf-user-feedback-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control{width:18px;height:18px}::ng-deep .lf-user-feedback-checkbox.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background{left:0;top:0}\n"] }]
        }], ctorParameters: () => [{ type: i1.AppLocalizationService }], propDecorators: { feedbackClicked: [{
                type: Output
            }], suggestionClicked: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 