import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
import { EwMaDesignService } from '../../ew-ma-design.service';
import { debounce } from 'rxjs/operators';
import { interval } from 'rxjs';
import { MatDialog } from '@angular/material/dialog';
import { statusCodes, LoggerService } from 'ew-common-lib';
var ReplayPageComponent = /** @class */ (function () {
    /**
     * Initialise Services.
     * @param designService
     * @param formBuilder
     * @param ewloggerService
     */
    function ReplayPageComponent(designService, formBuilder, dialog, ewloggerService) {
        this.designService = designService;
        this.formBuilder = formBuilder;
        this.dialog = dialog;
        this.ewloggerService = ewloggerService;
        this.viewInit = false;
        this.openSidebar = false;
        this.activeSidebarOptions = "page_settings_menu";
        // Logic to handle changes DoCheck Cycle
        this.changeDetected = false;
        this.oldValueOfSettingpageCheck = false;
        this.pageBuilderLayout = {
            components_data: {
                sections: [],
            }
        };
    }
    /**
     * NgOnint hook
     */
    ReplayPageComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.designService.saveButtonEvent.subscribe(function (data) {
            _this.saveChanges();
        });
        // this.fetchDataFromAPI();
        this.initializeProcess();
    };
    ReplayPageComponent.prototype.ngDoCheck = function () {
        if (this.header.showConfigPanel !== this.oldValueOfSettingpageCheck) {
            this.changeDetected = true;
            this.oldValueOfSettingpageCheck = this.header.showConfigPanel;
        }
        if (this.changeDetected) {
            if (this.header.showConfigPanel) {
                this.changeSidebarOptions('page_settings_menu');
            }
            else {
                this.openSidebar = false;
            }
        }
        this.changeDetected = false;
    };
    ReplayPageComponent.prototype.addSection = function (section_type, index) {
        if (section_type.length == 0)
            return;
        var sectionsArr;
        if (section_type == 'full_width') {
            sectionsArr = this.pageBuilderLayout.components_data.sections;
        }
        else if (section_type == 'boxed') {
            sectionsArr = this.pageBuilderLayout.components_data.sections;
        }
        var newRowObj = {
            section_rows: [],
            meta_data: {},
            section_type: section_type,
            sidebar_active: 'section_editor',
            is_full_width: false,
            focused: false,
        };
        if (index) {
            sectionsArr.splice(++index, 0, newRowObj);
        }
        else {
            sectionsArr.push(newRowObj);
        }
    };
    ReplayPageComponent.prototype.removeSection = function (mi) {
        var sections;
        sections = this.pageBuilderLayout.components_data.sections;
        sections.splice(mi, 1);
        this.closeConfigPanel();
    };
    ReplayPageComponent.prototype.cloneSection = function (mi) {
        var sections;
        sections = this.pageBuilderLayout.components_data.sections;
        var element = sections[mi];
        element = JSON.parse(JSON.stringify(element));
        element.focused = false;
        sections.splice(++mi, 0, element);
    };
    ReplayPageComponent.prototype.moveSection = function (direction, mi) {
        var sectionsArr;
        sectionsArr = this.pageBuilderLayout.components_data.sections;
        var temp = sectionsArr[mi];
        if (direction == 'up' && mi >= 1) {
            sectionsArr[mi] = sectionsArr[mi - 1];
            sectionsArr[mi - 1] = temp;
        }
        else if (direction == 'down' && mi < sectionsArr.length - 1) {
            sectionsArr[mi] = sectionsArr[mi + 1];
            sectionsArr[mi + 1] = temp;
        }
    };
    ReplayPageComponent.prototype.configureElement = function (component) {
        this.pageBuilderLayout.components_data.sections.map(function (item) {
            item.focused = false;
            item.section_rows.map(function (item1) {
                item1.focused = false;
                item1.rows.map(function (item2) {
                    item2.focused = false;
                    item2.columns.map(function (item3) {
                        if (item3.focused) {
                            item3.focused = false;
                        }
                        if (item3.type == "presenter") {
                            item3.meta_data.presenter_elements.map(function (item4) {
                                if (item4.focused) {
                                    item4.focused = false;
                                }
                            });
                        }
                    });
                });
            });
        });
        this.openConfigPanel();
        this.changeSidebarOptions(component.sidebar_active);
        component.focused = true;
        this.selectedElementData = null;
        this.selectedElementData = component;
        return;
    };
    ReplayPageComponent.prototype.ngAfterViewInit = function () {
        var _this = this;
        setTimeout(function () {
            _this.viewInit = true;
        }, 0);
    };
    /**
     * @description
     * Setup the form.
     */
    ReplayPageComponent.prototype.initializeProcess = function () {
        this.replayPageBuilderForm = this.formBuilder.group({
            page_setting: this.formBuilder.group({
                page_background: this.formBuilder.group({}),
                typography: this.formBuilder.group({}),
                tracking_code: this.formBuilder.group({}),
            }),
            registration: this.formBuilder.group({}),
            popup: this.formBuilder.group({}),
        });
        this.replayPageBuilderForm.valueChanges.pipe(debounce(function () { return interval(100); })).subscribe(function (formData) {
            localStorage.setItem('replayFormData', JSON.stringify(formData));
        });
    };
    ReplayPageComponent.prototype.saveChanges = function (data) {
        return;
        // if (data == undefined) {
        //   data = this.replayPageBuilderForm.value;
        // }
        // let regPageBuilderJson = {
        //   "key": "registration_page",
        //   "event_id": '',
        //   "event_type": 'live',
        //   "user_id": '',
        //   "status": true,
        //   "page_data": data,
        //   "components_data": this.pageBuilderLayout.components_data,
        // }
        // this.designService.saveRegistrationPage(regPageBuilderJson).subscribe(
        //   (response: any) => {
        //     if (response.status.code == statusCodes.SUCCESS) {
        //       console.log(regPageBuilderJson);
        //     } else {
        //       this.ewloggerService.logError(response);
        //     }
        //   },
        //   (error) => {
        //     this.ewloggerService.logError(error);
        //   }
        // );
    };
    ReplayPageComponent.prototype.fetchDataFromAPI = function () {
        var _this = this;
        this.designService.getThankYouPageBuilderJSON().subscribe(function (response) {
            _this.pageBuilderLayout.components_data = response.data.components_data;
            setTimeout(function () {
                // this.replayPageBuilderForm.patchValue(response.data.page_data);
            }, 0);
        });
    };
    Object.defineProperty(ReplayPageComponent.prototype, "repForm", {
        get: function () {
            return this.viewInit ? this.replayPageBuilderForm.value : null;
        },
        enumerable: true,
        configurable: true
    });
    ReplayPageComponent.prototype.closeConfigPanel = function () {
        this.openSidebar = false;
        this.pageBuilderLayout.components_data.sections.map(function (item) {
            item.focused = false;
            item.section_rows.map(function (item1) {
                item1.focused = false;
                item1.rows.map(function (item2) {
                    item2.focused = false;
                    item2.columns.map(function (item3) {
                        if (item3.focused) {
                            item3.focused = false;
                        }
                        if (item3.type == "presenter") {
                            item3.meta_data.presenter_elements.map(function (item4) {
                                if (item4.focused) {
                                    item4.focused = false;
                                }
                            });
                        }
                    });
                });
            });
        });
    };
    ReplayPageComponent.prototype.openConfigPanel = function () {
        this.openSidebar = true;
    };
    /**
     * @description
     * Manage right sidebar config sections.
     */
    ReplayPageComponent.prototype.changeSidebarOptions = function (activeTabValue) {
        this.activeSidebarOptions = activeTabValue;
    };
    ReplayPageComponent.ctorParameters = function () { return [
        { type: EwMaDesignService },
        { type: FormBuilder },
        { type: MatDialog },
        { type: LoggerService }
    ]; };
    __decorate([
        Input()
    ], ReplayPageComponent.prototype, "header", void 0);
    ReplayPageComponent = __decorate([
        Component({
            selector: 'ew-replay-page',
            template: "<section class=\"custom-widget\"\r\n    [ngClass]=\"{\r\n        'ew-sidebar-open': (openSidebar || header.showConfigPanel)\r\n    }\"\r\n>\r\n\r\n\t<div class=\"custom-widget-left\" data-bg=\"page-background\"\r\n\t\t[ngStyle]=\"{\r\n\t\t\t'background-image': repForm?.page_setting.page_background.url ? 'url(' + repForm?.page_setting.page_background.url + ')' : null,\r\n\t\t\t'background-color': repForm?.page_setting.page_background.bg_color\r\n\t\t}\"\r\n        [ngClass]=\"repForm?.page_setting.page_background.image_position\"\r\n        \r\n\t>\r\n\t\t<div class=\"mobile-notch-visible\" style=\"display: none;\">\r\n\t\t\t<img src=\"assets/images/iphone-notch.png\">\r\n\t\t</div>\r\n\t\t<div class=\"builder-widget-outer\" style=\"height: 100%; width:100%;\">\r\n\t\t<ng-container \r\n\t\t\t*ngFor=\"let item of pageBuilderLayout.components_data.sections; let m = index\"\r\n\t\t>\r\n\t\t\t<ew-section-hover\r\n\t\t\t\t(onAddSection)=\"addSection($event, m)\"\r\n\t\t\t\t(onRemoveSection)=\"removeSection(m)\"\r\n\t\t\t\t(onCloneSection)=\"cloneSection(m)\"\r\n\t\t\t\t(onMoveSection)=\"moveSection($event,m)\"\r\n\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t[selectedSection]=\"item\"\r\n\t\t\t\t#section\r\n\t\t\t>\r\n\t\t\t\t<ew-add-new-row \r\n\t\t\t\t\t[section]=\"section\"\r\n\t\t\t\t\t(onConfigureElement)=\"configureElement($event)\"\r\n\t\t\t\t\t*ngIf=\"pageBuilderLayout.components_data.sections.length != 0\">\r\n\t\t\t\t</ew-add-new-row>\r\n\t\t\t</ew-section-hover>\r\n\t\t</ng-container>\r\n\t\t<ng-container \r\n\t\t\t*ngIf=\"pageBuilderLayout.components_data.sections.length == 0\"\r\n\t\t>\r\n\t\t\t<div class=\"add-builder-new-section\">\r\n\t\t\t\t<div class=\"builder-sortable-outer\">\r\n\t\t\t\t\t<div class=\"builder-container-inner\"\r\n\t\t\t\t\t\t[class.selected-layer]=\"addSectionMenu.menuOpen\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<div class=\"builder-show-section-empty\">\r\n\t\t\t\t\t\t\t<mat-icon>add</mat-icon>\r\n\t\t\t\t\t\t\t<span class=\"add-new-section-builder\" [matMenuTriggerFor]=\"menu\" #addSectionMenu=\"matMenuTrigger\">Add New Section</span>\r\n\t\t\t\t\t\t\t<mat-menu #menu=\"matMenu\" class=\"builder-menu-add section-builder-add\">\r\n\t\t\t\t\t\t\t\t<div class=\"row-colum-width-section\">\r\n\t\t\t\t\t\t\t\t\t<div (click)=\"addSection('full_width')\" class=\"column-builder-drop-section\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"column-size-builder full-width-ui-builder\"></span>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"size-row-colum-name\">Full Width</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"column-builder-drop-section\" (click)=\"addSection('boxed')\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"column-size-builder boxed-ui-builder\"></span>\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"size-row-colum-name\">Boxed</span>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</mat-menu>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-container>\r\n\t\t\t\t\r\n\t\t<div class=\"background-overlay-sidebar-opened\" *ngIf=\"(openSidebar)\" (click)=\"closeConfigPanel()\"></div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"custom-widget-right\">\r\n\t\t<div class=\"widget-inner-outer\">\r\n\t\t\t<div class=\"sidebar-element-body\">\r\n\t\t\t\t<div class=\"child-list-custom\">\r\n\t\t\t\t\t<div class=\"elemets-ew-sidebar\"          \r\n                        [style.display]=\"activeSidebarOptions == 'page_settings_menu' ? 'block' : 'none'\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<div class=\"mat-widget-header tab-toggle-ew\">\r\n                            <mat-icon>settings</mat-icon>\r\n\t\t\t\t\t\t\t<span class=\"title-content-ew\">Page Settings</span>\r\n\t\t\t\t\t\t\t<!-- <span class=\"btn-editor-save\">\r\n\t\t\t\t\t\t\t\t<button class=\"small-button-ew editor-button editor-button-green\" mat-flat-button color=\"accent\">Done</button>\r\n\t\t\t\t\t\t\t</span> -->\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"elements-outer-sec-scroll\">\r\n\t\t\t\t\t\t\t<div class=\"builder-elements-outer\">\r\n\t\t\t\t\t\t\t\t<div class=\"element-builder-row\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"builder-elements-name\">Container Width</span>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<ew-control-slider\r\n\t\t\t\t\t\t\t\t\t\t[controlName]=\"'container_width'\"\r\n\t\t\t\t\t\t\t\t\t\t[min]=\"800\"\r\n\t\t\t\t\t\t\t\t\t\t[max]=\"1200\"\r\n\t\t\t\t\t\t\t\t\t\t[step]=\"1\"\r\n\t\t\t\t\t\t\t\t\t\t[unit]=\"'px'\"\r\n\t\t\t\t\t\t\t\t\t\t[defaultValue]=\"800\"\r\n\t\t\t\t\t\t\t\t\t\t[withLabel]=\"true\"\r\n\t\t\t\t\t\t\t\t\t\t[formatMultiplier]=\"1\"\r\n\t\t\t\t\t\t\t\t\t\t[parentFrom]=\"replayPageBuilderForm.get('page_setting')\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t</ew-control-slider>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"advance-title-sec-box\">\r\n\t\t\t\t\t\t\t\t<span class=\"title-advance-box\">Page Setting</span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<ul class=\"parent-listing-ew-builder\">\r\n\t\t\t\t\t\t\t\t<li (click)=\"changeSidebarOptions('page_background')\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"title-name-elements\">Page Background</span>\r\n\t\t\t\t\t\t\t\t\t<mat-icon>navigate_next</mat-icon>\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t<li (click)=\"changeSidebarOptions('typography')\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"title-name-elements\">Typography</span>\r\n\t\t\t\t\t\t\t\t\t<mat-icon>navigate_next</mat-icon>\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t<li (click)=\"changeSidebarOptions('tracking_code')\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"title-name-elements\">Tracking Code</span>\r\n\t\t\t\t\t\t\t\t\t<mat-icon>navigate_next</mat-icon>\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t<li (click)=\"changeSidebarOptions('custom_css')\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"title-name-elements\">Custom CSS</span>\r\n\t\t\t\t\t\t\t\t\t<mat-icon>navigate_next</mat-icon>\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<!-- Page Background -->\r\n\t\t\t\t\t<div class=\"elemets-ew-sidebar\"\r\n\t\t\t\t\t \t[style.display]=\"activeSidebarOptions == 'page_background' ? 'block' : 'none'\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t(click)=\"changeSidebarOptions('page_settings_menu')\"\r\n\t\t\t\t\t\t\tclass=\"mat-widget-header tab-toggle-ew\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<mat-icon>arrow_back</mat-icon>\r\n\t\t\t\t\t\t\t<span class=\"title-content-ew\">Page Background</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"elements-outer-sec-scroll\">\r\n\t\t\t\t\t\t\t<div class=\"builder-elements-outer\">\r\n\t\t\t\t\t\t\t\t<div class=\"element-builder-row uploader-image-builder\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"builder-elements-name\">BG Image</span>\r\n\t\t\t\t\t\t\t\t\t<div class=\"common-builder-right\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<ew-control-manage-image\r\n\t\t\t\t\t\t\t\t\t\t\t[parentFrom]=\"replayPageBuilderForm.get('page_setting.page_background')\"\r\n\t\t\t\t\t\t\t\t\t\t\t[deaultImg]=\"''\"\r\n\t\t\t\t\t\t\t\t\t\t\t[editImage]=\"repForm?.page_setting.page_background\"\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t</ew-control-manage-image>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<!-- <div class=\"uploaded-img-sec\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"uploaded-img-left\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/assets/images/img-bg.png\">\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"uploader-img-right\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"uploader-img-name\">brand_logo.jpg</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"uploader-img-size\">341x281px</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"uploader-img-weight\">648kb</span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"call-action-upload-file\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"small-button-ew\" mat-flat-button color=\"grey\">Change</button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"no-bg-btn theme-button-text-ew-small warning-btn-no-text\">Remove</button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t</div> -->\r\n\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n                                <div\r\n                                    [style.display]=\"(repForm?.page_setting.page_background.url) ? 'block' : 'none'\"\r\n                                    class=\"element-builder-row padding-elements-20-top\"\r\n                                >\r\n\t\t\t\t\t\t\t\t\t<span class=\"builder-elements-name\">Image Position</span>\r\n\r\n\t\t\t\t\t\t\t\t\t<ew-control-dropdown-select\r\n\t\t\t\t\t\t\t\t\t\t[controlName]=\"'image_position'\"\r\n\t\t\t\t\t\t\t\t\t\t[parentFrom]=\"replayPageBuilderForm.get('page_setting.page_background')\"\r\n\t\t\t\t\t\t\t\t\t></ew-control-dropdown-select>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"advance-title-sec-box\"><span class=\"title-advance-box\">Colors</span></div>\r\n\t\t\t\t\t\t\t<div class=\"builder-elements-outer\">\r\n\t\t\t\t\t\t\t\t<div class=\"element-builder-row\">\r\n\t\t\t\t\t\t\t\t\t<span class=\"builder-elements-name\">Bg Color</span>\r\n\r\n\t\t\t\t\t\t\t\t\t<ew-control-color-selector\r\n\t\t\t\t\t\t\t\t\t\t[controlName]=\"'bg_color'\"\r\n\t\t\t\t\t\t\t\t\t\t[defaultValue]=\"'#ffffff'\"\r\n\t\t\t\t\t\t\t\t\t\t[labelText]=\"''\"\r\n\t\t\t\t\t\t\t\t\t\t[position]=\"'top'\"\r\n\t\t\t\t\t\t\t\t\t\t[parentFrom]=\"replayPageBuilderForm.get('page_setting.page_background')\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t</ew-control-color-selector>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<!--  Page Background end  -->\r\n\r\n\t\t\t\t\t<!-- Typography -->\r\n\t\t\t\t\t<div class=\"elemets-ew-sidebar\"\r\n\t\t\t\t\t\t[style.display]=\"activeSidebarOptions == 'typography' ? 'block' : 'none'\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t(click)=\"changeSidebarOptions('page_settings_menu')\"\r\n\t\t\t\t\t\t\tclass=\"mat-widget-header tab-toggle-ew\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<mat-icon>arrow_back</mat-icon>\r\n\t\t\t\t\t\t\t<span class=\"title-content-ew\">Typography</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"elements-outer-sec-scroll\">\r\n\r\n\t\t\t\t\t\t\t<ew-control-typography-config\r\n\t\t\t\t\t\t\t\t[controlName]=\"'primary'\"\r\n\t\t\t\t\t\t\t\t[parentFrom]=\"replayPageBuilderForm.get('page_setting.typography')\"\r\n\t\t\t\t\t\t\t>\r\n                            </ew-control-typography-config>\r\n                            \r\n\t\t\t\t\t\t\t<div class=\"advance-title-sec-box\">\r\n\t\t\t\t\t\t\t\t<span class=\"title-advance-box\">Heading 1</span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<ew-control-typography-config\r\n\t\t\t\t\t\t\t\t[controlName]=\"'heading1'\"\r\n\t\t\t\t\t\t\t\t[parentFrom]=\"replayPageBuilderForm.get('page_setting.typography')\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t</ew-control-typography-config>\r\n\r\n\t\t\t\t\t\t\t<div class=\"advance-title-sec-box\">\r\n\t\t\t\t\t\t\t\t<span class=\"title-advance-box\">Heading 2</span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<ew-control-typography-config\r\n\t\t\t\t\t\t\t\t[controlName]=\"'heading2'\"\r\n\t\t\t\t\t\t\t\t[parentFrom]=\"replayPageBuilderForm.get('page_setting.typography')\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t</ew-control-typography-config>\r\n\r\n\r\n\t\t\t\t\t\t\t<div class=\"advance-title-sec-box\">\r\n\t\t\t\t\t\t\t\t<span class=\"title-advance-box\">Paragraph</span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<ew-control-typography-config\r\n\t\t\t\t\t\t\t\t[controlName]=\"'paragraph'\"\r\n\t\t\t\t\t\t\t\t[parentFrom]=\"replayPageBuilderForm.get('page_setting.typography')\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t</ew-control-typography-config>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n                    <!--  Typhography End  -->\r\n\r\n                    <!-- tracking_code  START  -->\r\n                    <div class=\"elemets-ew-sidebar\"\r\n\t\t\t\t\t\t[style.display]=\"activeSidebarOptions == 'tracking_code' ? 'block' : 'none'\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t(click)=\"changeSidebarOptions('page_settings_menu')\"\r\n\t\t\t\t\t\t\tclass=\"mat-widget-header tab-toggle-ew\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<mat-icon>arrow_back</mat-icon>\r\n\t\t\t\t\t\t\t<span class=\"title-content-ew\">Tracking Code</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\r\n\r\n                        <div class=\"elements-outer-sec-scroll   mat-toggle-multiple\">\r\n                            <div class=\"builder-elements-outer\">\r\n\r\n                                <ew-control-script-textbox\r\n                                    [parentFrom]=\"replayPageBuilderForm.get('page_setting.tracking_code')\"\r\n                                    [controlName]=\"'header_scripts'\"\r\n                                    [labelText]=\"'Header Code'\"\r\n                                >\r\n                                </ew-control-script-textbox>\r\n                               \r\n                                <ew-control-script-textbox\r\n                                    [parentFrom]=\"replayPageBuilderForm.get('page_setting.tracking_code')\"\r\n                                    [controlName]=\"'body_scripts'\"\r\n                                    [labelText]=\"'Body Code'\"\r\n                                    [extraClass]=\"'padding-elements-30-top'\"\r\n                                >\r\n                                </ew-control-script-textbox>\r\n\r\n                                <ew-control-script-textbox\r\n                                    [parentFrom]=\"replayPageBuilderForm.get('page_setting.tracking_code')\"\r\n                                    [controlName]=\"'footer_scripts'\"\r\n\t\t\t\t\t\t\t\t\t[labelText]=\"'Footer Code'\"\r\n\t\t\t\t\t\t\t\t\t[extraClass]=\"'padding-elements-30-top'\"\r\n                                >\r\n                                </ew-control-script-textbox>\r\n                            </div>\r\n                        </div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t</div>\r\n\r\n                    <!-- tracking_code  END  -->\r\n\r\n                    <div class=\"elemets-ew-sidebar\"\r\n\t\t\t\t\t\t[style.display]=\"activeSidebarOptions == 'custom_css' ? 'block' : 'none'\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t(click)=\"changeSidebarOptions('page_settings_menu')\"\r\n\t\t\t\t\t\t\tclass=\"mat-widget-header tab-toggle-ew\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<mat-icon>arrow_back</mat-icon>\r\n\t\t\t\t\t\t\t<span class=\"title-content-ew\"> Custom CSS</span>\r\n                        </div>\r\n                        <div class=\"elements-outer-sec-scroll   mat-toggle-multiple\">\r\n                            <div class=\"builder-elements-outer\">\r\n\r\n                                <ew-control-script-textbox\r\n                                    [parentFrom]=\"replayPageBuilderForm.get('page_setting')\"\r\n                                    [controlName]=\"'custom_css'\"\r\n                                    [labelText]=\"'Custom CSS'\"\r\n                                >\r\n                                </ew-control-script-textbox>\r\n                            </div>\r\n                        </div>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t</div>\r\n                    \r\n                    <div class=\"elemets-ew-sidebar\"\r\n                        [style.display]=\"activeSidebarOptions == 'section_editor' ? 'block' : 'none'\"\r\n                        style=\"height: 100%;\"\r\n                    >\r\n                        <ew-section-config\r\n                            *ngIf=\"activeSidebarOptions == 'section_editor'\"\r\n                            [model]=\"selectedElementData\"\r\n                        ></ew-section-config>\r\n                    </div>\r\n\r\n\t\t\t\t\t<div class=\"elemets-ew-sidebar\"\r\n\t\t\t\t\t\t*ngIf=\"activeSidebarOptions == 'rows_editor'\"\r\n                        style=\"height: 100%;\"\r\n                    >\r\n                        <ew-rows-sidebar\r\n                            [model]=\"selectedElementData\"\r\n                        ></ew-rows-sidebar>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t\r\n                    <div class=\"elemets-ew-sidebar\"\r\n\t\t\t\t\t\t*ngIf=\"activeSidebarOptions == 'column_editor'\"\r\n                        style=\"height: 100%;\"\r\n                    >\r\n                        <ew-rows-sidebar\r\n                            [model]=\"selectedElementData\"\r\n                        ></ew-rows-sidebar>\r\n                    </div>\r\n\r\n                    <div class=\"elemets-ew-sidebar\"\r\n                        [style.display]=\"(activeSidebarOptions == 'heading_1_editor' || activeSidebarOptions == 'heading_2_editor' || activeSidebarOptions == 'paragraph_editor') ? 'block' : 'none'\"\r\n                        style=\"height: 100%;\"\r\n                    >\r\n                        <ew-heading-sidebar\r\n                            *ngIf=\"(activeSidebarOptions == 'heading_1_editor' || activeSidebarOptions == 'heading_2_editor' || activeSidebarOptions == 'paragraph_editor')\"\r\n                            [model]=\"selectedElementData\"\r\n                        ></ew-heading-sidebar>\r\n                    </div>\r\n\r\n                    <div class=\"elemets-ew-sidebar\"\r\n                        [style.display]=\"(activeSidebarOptions == 'image_editor') ? 'block' : 'none'\"\r\n                        style=\"height: 100%;\"\r\n                    >\r\n                        <ew-element-image-sidebar\r\n                            *ngIf=\"activeSidebarOptions == 'image_editor'\"\r\n                            [model]=\"selectedElementData\"\r\n                        ></ew-element-image-sidebar>\r\n                    </div>\r\n\r\n                    <div class=\"elemets-ew-sidebar\"\r\n                        [style.display]=\"(activeSidebarOptions == 'seprator_editor') ? 'block' : 'none'\"\r\n                        style=\"height: 100%;\"\r\n                    >\r\n                        <ew-element-line-sidebar\r\n                            *ngIf=\"activeSidebarOptions == 'seprator_editor'\"\r\n                            [model]=\"selectedElementData\"\r\n                        ></ew-element-line-sidebar>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"elemets-ew-sidebar\"\r\n                        *ngIf=\"(activeSidebarOptions == 'presenter_editor') \"\r\n                        style=\"height: 100%;\"\r\n                    >\r\n                        <ew-element-presenter-sidebar\r\n                            [model]=\"selectedElementData\"\r\n                        ></ew-element-presenter-sidebar>\r\n                    </div>\r\n\r\n                    <ew-element-event-schedule-sidebar\r\n                        *ngIf=\"(activeSidebarOptions == 'event_schedule_editor')\"\r\n                        [model]=\"selectedElementData\"\r\n                        style=\"height: 100%;\"\r\n\r\n\t\t\t\t\t></ew-element-event-schedule-sidebar>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<ew-element-video-sidebar\r\n                        *ngIf=\"(activeSidebarOptions == 'video_editor')\"\r\n                        [model]=\"selectedElementData\"\r\n                        style=\"height: 100%;\"\r\n\r\n                    ></ew-element-video-sidebar>\r\n\r\n\t\t\t\t\t<ew-element-button-sidebar\r\n                        *ngIf=\"(activeSidebarOptions == 'button_only_editor')\"\r\n                        [model]=\"selectedElementData\"\r\n                        style=\"height: 100%;\"\r\n\r\n\t\t\t\t\t></ew-element-button-sidebar>\r\n\r\n\t\t\t\t\t<ew-element-event-join-sidebar\r\n\t\t\t\t\t\t*ngIf=\"(activeSidebarOptions == 'event_join_link_editor')\"\r\n\t\t\t\t\t\t[model]=\"selectedElementData\"\r\n\t\t\t\t\t\tstyle=\"height: 100%;\"\r\n\t\t\t\t\t></ew-element-event-join-sidebar>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<ew-element-calendar-sidebar\r\n\t\t\t\t\t\t*ngIf=\"(activeSidebarOptions == 'calendar_option_editor')\"\r\n\t\t\t\t\t\t[model]=\"selectedElementData\"\r\n\t\t\t\t\t\tstyle=\"height: 100%;\"\r\n\t\t\t\t\t>\r\n\r\n\t\t\t\t\t</ew-element-calendar-sidebar>\r\n                    \r\n\t\t\t\t</div>\r\n\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</section>\r\n",
            styles: [""]
        })
    ], ReplayPageComponent);
    return ReplayPageComponent;
}());
export { ReplayPageComponent };
//# sourceMappingURL=data:application/json;base64, 