import { Component, Input, EventEmitter, Output, HostListener } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class SmileyDialogComponent {
    handleKeyboardEvent(event) {
        if (event.key === 'Escape') {
            this.smileyCloseEmitter({});
        }
    }
    constructor() {
        this.action = new EventEmitter();
        this.closeSmiley = new EventEmitter();
    }
    ngOnInit() {
        setTimeout(() => {
            this.smileyCloseEmitter();
        }, 3000);
    }
    actionEmitter(event) {
        this.action.emit(event?.id);
    }
    smileyCloseEmitter(event) {
        this.closeSmiley.emit();
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmileyDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SmileyDialogComponent, selector: "app-smiley-dialog", inputs: { message: "message", actionButtons: "actionButtons" }, outputs: { action: "action", closeSmiley: "closeSmiley" }, host: { listeners: { "window:keyup": "handleKeyboardEvent($event)" } }, ngImport: i0, template: "<div class=\"vx-smiley-popup vx-d-flex vx-justify-center vx-align-center active\">\n  <button class=\"close\" (click)=\"smileyCloseEmitter($event)\">\n    <i class=\"icons\">&#xe93f;</i>\n  </button>\n  <div class=\"vx-smiley-container vx-text-center\">\n      <div class=\"vx-smiley\">\n          <div class=\"vx-smiley-circle happy\">\n              <div class=\"vx-smiley-circle-inner\">\n                  <div class=\"eyes\">\n                      <div class=\"eye\"></div>\n                      <div class=\"eye\"></div>\n                  </div>\n                  <div class=\"mouth\"></div>\n              </div>\n          </div>\n      </div>\n      <h3>{{ message }}</h3>\n      <div class=\"successSmilyButton vx-d-flex vx-justify-center vx-align-center\">\n        <button *ngFor=\"let button of actionButtons\" (click)=\"actionEmitter(button)\" [class]=\"button?.class\">\n          {{ button?.buttonText }}\n        </button>\n      </div>\n  </div>\n</div>\n<!-- active -->\n<!-- <div class=\"workflow-smiley-popup active\">\n  <button class=\"close\" (click)=\"smileyCloseEmitter($event)\">\n    <i class=\"icons\">&#xe93f;</i>\n  </button>\n  <div class=\"workflow-smiley-container\">\n    <div class=\"smiley-inner\">\n      <div class=\"smiley-circle active\">\n        <div class=\"smiley-circle-inner\">\n          <div class=\"eyes\">\n            <div class=\"eye\"></div>\n            <div class=\"eye\"></div>\n          </div>\n          <div class=\"mouth\"></div>\n        </div>\n      </div>\n    </div>\n    <h3>{{ message }}</h3>\n    <div class=\"successSmileyButton\">\n      <button *ngFor=\"let button of actionButtons\" (click)=\"actionEmitter(button)\" [class]=\"button?.class\">\n        {{ button?.buttonText }}\n      </button>\n    </div>\n  </div>\n</div> -->\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/smiley/smiley.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.vx-smiley-popup{position:fixed;inset:0;background:#d93b41;z-index:9}.vx-smiley-popup:before{content:\"\";position:absolute;z-index:0;background:#fff;inset:0;transition-delay:1s;border-top-right-radius:0;transition:all .3s ease-in-out}.vx-smiley-popup.active:before{border-top-right-radius:180px}.vx-smiley-popup .close{color:#fff;font-size:22px;position:absolute;top:4px;right:16px;z-index:10;background:none;border:none;padding:0;cursor:pointer;width:auto}button{background:#fff;border:1px solid #1e5dd3;color:#1e5dd3;font-size:14px;font-weight:500;margin:0 5px;border-radius:3px;padding:8px;width:280px;height:54px;cursor:pointer;text-transform:uppercase}button.blue-btn{background:#1e5dd3;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmileyDialogComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-smiley-dialog', template: "<div class=\"vx-smiley-popup vx-d-flex vx-justify-center vx-align-center active\">\n  <button class=\"close\" (click)=\"smileyCloseEmitter($event)\">\n    <i class=\"icons\">&#xe93f;</i>\n  </button>\n  <div class=\"vx-smiley-container vx-text-center\">\n      <div class=\"vx-smiley\">\n          <div class=\"vx-smiley-circle happy\">\n              <div class=\"vx-smiley-circle-inner\">\n                  <div class=\"eyes\">\n                      <div class=\"eye\"></div>\n                      <div class=\"eye\"></div>\n                  </div>\n                  <div class=\"mouth\"></div>\n              </div>\n          </div>\n      </div>\n      <h3>{{ message }}</h3>\n      <div class=\"successSmilyButton vx-d-flex vx-justify-center vx-align-center\">\n        <button *ngFor=\"let button of actionButtons\" (click)=\"actionEmitter(button)\" [class]=\"button?.class\">\n          {{ button?.buttonText }}\n        </button>\n      </div>\n  </div>\n</div>\n<!-- active -->\n<!-- <div class=\"workflow-smiley-popup active\">\n  <button class=\"close\" (click)=\"smileyCloseEmitter($event)\">\n    <i class=\"icons\">&#xe93f;</i>\n  </button>\n  <div class=\"workflow-smiley-container\">\n    <div class=\"smiley-inner\">\n      <div class=\"smiley-circle active\">\n        <div class=\"smiley-circle-inner\">\n          <div class=\"eyes\">\n            <div class=\"eye\"></div>\n            <div class=\"eye\"></div>\n          </div>\n          <div class=\"mouth\"></div>\n        </div>\n      </div>\n    </div>\n    <h3>{{ message }}</h3>\n    <div class=\"successSmileyButton\">\n      <button *ngFor=\"let button of actionButtons\" (click)=\"actionEmitter(button)\" [class]=\"button?.class\">\n        {{ button?.buttonText }}\n      </button>\n    </div>\n  </div>\n</div> -->\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/smiley/smiley.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";.vx-smiley-popup{position:fixed;inset:0;background:#d93b41;z-index:9}.vx-smiley-popup:before{content:\"\";position:absolute;z-index:0;background:#fff;inset:0;transition-delay:1s;border-top-right-radius:0;transition:all .3s ease-in-out}.vx-smiley-popup.active:before{border-top-right-radius:180px}.vx-smiley-popup .close{color:#fff;font-size:22px;position:absolute;top:4px;right:16px;z-index:10;background:none;border:none;padding:0;cursor:pointer;width:auto}button{background:#fff;border:1px solid #1e5dd3;color:#1e5dd3;font-size:14px;font-weight:500;margin:0 5px;border-radius:3px;padding:8px;width:280px;height:54px;cursor:pointer;text-transform:uppercase}button.blue-btn{background:#1e5dd3;color:#fff}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { message: [{
                type: Input
            }], actionButtons: [{
                type: Input
            }], action: [{
                type: Output
            }], closeSmiley: [{
                type: Output
            }], handleKeyboardEvent: [{
                type: HostListener,
                args: ['window:keyup', ['$event']]
            }] } });
//# sourceMappingURL=data:application/json;base64, 