import { __decorate, __param } from "tslib";
import { Component, Inject } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { EwMaDesignService } from '../../../ew-ma-design.service';
var EventRegistrationComponent = /** @class */ (function () {
    /**
     * constructor
     */
    function EventRegistrationComponent(dialogRef, data, designService) {
        this.dialogRef = dialogRef;
        this.data = data;
        this.designService = designService;
        /**
         * widget form
         */
        this.widgetForm = '';
    }
    EventRegistrationComponent.prototype.closeDailog = function () {
        this.dialogRef.close();
    };
    EventRegistrationComponent.prototype.ngOnInit = function () {
    };
    EventRegistrationComponent.prototype.ngDoCheck = function () {
        this.widgetForm = JSON.parse(localStorage.getItem('widgetFormData' + this.designService.eventId));
    };
    EventRegistrationComponent.ctorParameters = function () { return [
        { type: MatDialogRef },
        { type: undefined, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
        { type: EwMaDesignService }
    ]; };
    EventRegistrationComponent = __decorate([
        Component({
            selector: 'app-event-registration',
            template: "<div class=\"custom-builder-overlay-popover\"\r\n    [style.background-color]=\"widgetForm?.widget.popup_settings.backdrop_color\"\r\n    style=\"opacity:0.4;\"\r\n></div>\r\n\r\n<div class=\"popover-dailog-builder\">\r\n    <div class=\"popover-inner-conatiner registartion-popover-outer-ew\"\r\n        [style.max-width]=\"widgetForm?.widget.popup_settings.width + 'px'\"\r\n        [style.border-color]=\"widgetForm?.widget.popup_settings.border_color\"\r\n\r\n        [ngStyle]=\"{\r\n            'background-color': widgetForm?.widget.popup_settings.bg_color,\r\n            'padding-top': widgetForm?.widget.popup_settings.padding_top_bottom.text +'px',\r\n            'padding-bottom': widgetForm?.widget.popup_settings.padding_top_bottom.text +'px',\r\n            'padding-left': widgetForm?.widget.popup_settings.padding_left_right.text +'px',\r\n            'padding-right': widgetForm?.widget.popup_settings.padding_left_right.text +'px'\r\n        }\"\r\n    >\r\n        <div class=\"modal-content-outer\">\r\n            <div class=\"registartion-popover-form-ew\">\r\n                <!--  (click)=\"closeDailog()\" -->\r\n\r\n                <span class=\"widget-close-elements-popover popoverdailogclose\" style=\"display: none;\">\r\n                    <mat-icon>close</mat-icon>\r\n                </span>\r\n\r\n                <div class=\"form-widget-body\">\r\n                    <h3 \r\n                        class=\"ew-widget-common-element ew_pop_h1\"\r\n                        [style.display]=\"(!widgetForm?.widget.popup_settings.headline.placeholder.status) ? 'block' : 'none'\"\r\n\r\n                        style=\"text-align: center; font-weight: 700; margin-bottom: 15px;\"\r\n\r\n                        [style.font-size]=\"widgetForm?.widget.popup_settings.headline.font_size + 'px'\"\r\n                        [style.color]=\"widgetForm?.widget.popup_settings.headline.text_color\"\r\n                    >\r\n                        {{widgetForm?.widget.popup_settings.headline.placeholder.text}}\r\n                    </h3>\r\n\r\n                    <p  \r\n                        class=\"ew-widget-common-element ew_pop_p\"\r\n                        [style.display]=\"(!widgetForm?.widget.popup_settings.sub_headline.placeholder.status) ? 'block' : 'none'\"\r\n\r\n                        [style.font-size]=\"widgetForm?.widget.popup_settings.sub_headline.font_size + 'px'\"\r\n                        [style.color]=\"widgetForm?.widget.popup_settings.sub_headline.text_color\"\r\n\r\n                        style=\"margin-bottom: 25px;text-align: center; line-height: normal;\">\r\n                        {{widgetForm?.widget.popup_settings.sub_headline.placeholder.text}}\r\n                    </p>\r\n                    \r\n\r\n                    <ew-element-widget-schedule-preview\r\n                        class=\"ew-widget-common-element ew_popup_schedule\"\r\n                        [data]=\"widgetForm?.widget.popup_settings.schedule\"\r\n                        [countDownData]=\"\"\r\n                    ></ew-element-widget-schedule-preview>\r\n\r\n\r\n                        <!-- <mat-form-field floatLabel=\"never\" class=\"builder-preview-form-select ew-field-no-label\">\r\n                            <mat-label style=\"color: #2B2B30; font-size: 16px; font-weight: 400;\">Wednesday, Mar 28, 2018 @ 8:00 PM PDT</mat-label>\r\n                            <mat-select matInput placeholder=\"Wednesday, Mar 28, 2018 @ 8:00 PM PDT\" style=\"border: 1px solid #C7C7C7;color: #000000; font-size: 14px; height: 50px; border-radius:3px;\">\r\n                                <mat-option value=\"option1\">Wednesday, Mar 28, 2018 @ 8:00 PM PDT</mat-option>\r\n                                <mat-option value=\"option2\">Wednesday, Mar 28, 2018 @ 8:00 PM PDT</mat-option>\r\n                                <mat-option value=\"option3\">Wednesday, Mar 28, 2018 @ 8:00 PM PDT</mat-option>\r\n                            </mat-select>\r\n                        </mat-form-field> -->\r\n\r\n                        <ew-element-register-form-widget-preview\r\n                            class=\"ew-widget-common-element ew_pop_form\"\r\n                            [widgetForm]=\"widgetForm\"\r\n                        >\r\n                        </ew-element-register-form-widget-preview>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</div>",
            styles: [""]
        }),
        __param(1, Inject(MAT_DIALOG_DATA))
    ], EventRegistrationComponent);
    return EventRegistrationComponent;
}());
export { EventRegistrationComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZlbnQtcmVnaXN0cmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2V3LW1hLWRlc2lnbi8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3dpZGdldC1idWlsZGVyL2V2ZW50LXJlZ2lzdHJhdGlvbi9ldmVudC1yZWdpc3RyYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFTLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBTWxFO0lBT0U7O09BRUc7SUFDSCxvQ0FDUyxTQUFtRCxFQUMxQixJQUFTLEVBQ2pDLGFBQWdDO1FBRmpDLGNBQVMsR0FBVCxTQUFTLENBQTBDO1FBQzFCLFNBQUksR0FBSixJQUFJLENBQUs7UUFDakMsa0JBQWEsR0FBYixhQUFhLENBQW1CO1FBWDFDOztXQUVHO1FBQ0ksZUFBVSxHQUFLLEVBQUUsQ0FBQztJQVNwQixDQUFDO0lBRU4sZ0RBQVcsR0FBWDtRQUNFLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELDZDQUFRLEdBQVI7SUFFQSxDQUFDO0lBRUQsOENBQVMsR0FBVDtRQUNFLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLGdCQUFnQixHQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUNsRyxDQUFDOztnQkFmbUIsWUFBWTtnREFDN0IsTUFBTSxTQUFDLGVBQWU7Z0JBQ0EsaUJBQWlCOztJQWIvQiwwQkFBMEI7UUFMdEMsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLHdCQUF3QjtZQUNsQyxnM0lBQWtEOztTQUVuRCxDQUFDO1FBYUcsV0FBQSxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUE7T0FaZiwwQkFBMEIsQ0E0QnRDO0lBQUQsaUNBQUM7Q0FBQSxBQTVCRCxJQTRCQztTQTVCWSwwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCxJbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQgeyBFd01hRGVzaWduU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2V3LW1hLWRlc2lnbi5zZXJ2aWNlJztcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZXZlbnQtcmVnaXN0cmF0aW9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZXZlbnQtcmVnaXN0cmF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9ldmVudC1yZWdpc3RyYXRpb24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRXZlbnRSZWdpc3RyYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKipcclxuICAgKiB3aWRnZXQgZm9ybVxyXG4gICAqL1xyXG4gIHB1YmxpYyB3aWRnZXRGb3JtOmFueT0nJztcclxuXHJcbiAgLyoqXHJcbiAgICogY29uc3RydWN0b3JcclxuICAgKi9cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxFdmVudFJlZ2lzdHJhdGlvbkNvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IGFueSxcclxuICAgIHByaXZhdGUgZGVzaWduU2VydmljZTogRXdNYURlc2lnblNlcnZpY2UsXHJcbiAgICApIHt9XHJcblxyXG4gIGNsb3NlRGFpbG9nKCk6IHZvaWQge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UoKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgXHJcbiAgfVxyXG5cclxuICBuZ0RvQ2hlY2soKSB7XHJcbiAgICB0aGlzLndpZGdldEZvcm0gPSBKU09OLnBhcnNlKGxvY2FsU3RvcmFnZS5nZXRJdGVtKCd3aWRnZXRGb3JtRGF0YScrdGhpcy5kZXNpZ25TZXJ2aWNlLmV2ZW50SWQpKTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==