import { __decorate } from "tslib";
import { Component, OnInit, Input, Renderer2, ViewChild, Output, EventEmitter, ElementRef } from '@angular/core';
import { HoverLayerComponent } from '../../hover-layer/hover-layer.component';
import { EwMaDesignService } from '../../../ew-ma-design.service';
var PresenterComponent = /** @class */ (function () {
    function PresenterComponent(designService, renderer, el) {
        this.designService = designService;
        this.renderer = renderer;
        this.el = el;
        /**
        * Current Preview Layout
        */
        this.currentPreviewLayout = "desktop";
        this.onConfigureElement = new EventEmitter();
        this.onClick = new EventEmitter();
        // public disableMenuElements = ['video','presenter','event_schedule','event_countdown','reg_button_only','reg_form_style','event_join_link','calendar_option','button_only']
        this.disableMenuElements = [];
        this.uniqueClass = '';
        this.ewTemplateStyle = '';
        this.styleRef = '';
        this.ewTopMargin = '';
        this.ewTopMarginOldValue = '';
        this.changeDetected = false;
    }
    /**
     * NgOnint hook
     */
    PresenterComponent.prototype.ngOnInit = function () {
        var _this = this;
        // console.log(this.data.type+' Initisd...');
        this.meta_data = this.data.meta_data;
        if (Object.keys(this.meta_data).length === 0) {
            //Init Default Values
            // this.meta_data.presenters = [
            //   {
            //     name: "Casey Zeman",
            //     title: "CEO at EasyWebinar",
            //     about: "Engagement is the key to building an audience which then builds an audience which then builds a business and brand thats you love",
            //     image: {
            //       props: {
            //         name: 'casey-z.jpg',
            //         width: 341,
            //         height: 281,
            //         size: 648,
            //       },
            //       url: 'assets/images/casey-z.jpg',
            //     },
            //     status: false,
            //     user_id: '',
            //     event_id: '',
            //   },
            // ];
            this.meta_data.presenter_elements = [
                // {
                //   type: "presenter_image",
                //   sidebar_active: "image_editor",
                //   is_nested: true,
                //   meta_data: {},
                // },
                {
                    type: "image",
                    sidebar_active: "image_editor",
                    is_nested: true,
                    focused: false,
                    meta_data: {},
                },
                {
                    type: "paragraph",
                    sidebar_active: "paragraph_editor",
                    is_nested: true,
                    focused: false,
                    meta_data: {
                        innerHtml: "Presenter Name",
                        font_weight: "bold"
                    },
                },
                {
                    type: "paragraph",
                    sidebar_active: "paragraph_editor",
                    is_nested: true,
                    focused: false,
                    meta_data: {
                        innerHtml: "Presenter Title",
                        //text_color: "#888888",
                        font_size: 14,
                        line_height: 17,
                        margin_top: 5
                    }
                },
                {
                    type: "paragraph",
                    sidebar_active: "paragraph_editor",
                    is_nested: true,
                    focused: false,
                    meta_data: {}
                }
            ];
            this.meta_data.presenter_elements_left = [
                // {
                //   type: "presenter_image",
                //   sidebar_active: "image_editor",
                //   is_nested: true,
                //   meta_data: {},
                // },
                // {
                //   type: "image",
                //   sidebar_active: "image_editor",
                //   is_nested: true,
                //   focused: false,
                //   meta_data: {}
                // },
                {
                    type: "paragraph",
                    sidebar_active: "paragraph_editor",
                    is_nested: true,
                    focused: false,
                    meta_data: {
                        innerHtml: "Presenter Name",
                        font_weight: "bold",
                        align: "left"
                    }
                },
                {
                    type: "paragraph",
                    sidebar_active: "paragraph_editor",
                    is_nested: true,
                    focused: false,
                    meta_data: {
                        innerHtml: "Presenter Title",
                        text_color: "#888888",
                        font_size: 14,
                        line_height: 17,
                        margin_top: 5,
                        align: "left"
                    }
                },
                {
                    type: "paragraph",
                    sidebar_active: "paragraph_editor",
                    is_nested: true,
                    focused: false,
                    meta_data: {
                        align: "left"
                    }
                }
            ];
            // this.meta_data.presenter_avtar = {
            //   type: "image",
            //   sidebar_active: "image_editor",
            //   is_nested: true,
            //   focused: false,
            //   presenter_avtar: true,
            //   meta_data: {},
            // };
            this.meta_data.margin_top = 10;
            this.meta_data.mobile_margin_top = 10;
            this.meta_data.width = 100;
            this.meta_data.layout = 'center';
            this.meta_data.align = 'margin-left: auto;margin-right: auto;';
            //this.meta_data.bg_color = 'rgba(6, 0, 38, 0)';
            this.meta_data.text_color = 'rgb(255, 255, 255)';
            this.meta_data.padding_top = 15;
            this.meta_data.padding_right = 15;
            this.meta_data.padding_bottom = 15;
            this.meta_data.padding_left = 15;
            this.meta_data.border_radius = 10;
            this.meta_data.border_position = "ew_no_border";
            this.meta_data.border_style = "solid";
            this.meta_data.border_size = 1;
            this.meta_data.border_color = "#009AFF";
            this.meta_data.focused = false;
            this.meta_data.key = this.data.type; //presenter
            this.meta_data.box_shadow = "ew-no-shadow";
            this.meta_data.custom_class = "";
            this.meta_data.hide_desktop = (this.meta_data.hide_desktop) ? this.meta_data.hide_desktop : true;
            this.meta_data.hide_mobile = (this.meta_data.hide_mobile) ? this.meta_data.hide_mobile : true;
            setTimeout(function () { return _this.designService.scrollToView(_this.wrapEleRef); }, 0);
            this.uniqueClass = this.getUniqueClass();
            this.meta_data.unique_class = this.uniqueClass;
        }
        else {
            this.uniqueClass = this.meta_data.unique_class;
        }
        this.styleRef = this.renderer.createElement('style');
        this.currentPreviewLayout = localStorage.getItem('currentPreviewLayout');
        this.ewTemplateStyle = '.' + this.uniqueClass + '[style]{margin-top: ' + this.meta_data.margin_top + 'px;}';
        var text = this.renderer.createText(this.ewTemplateStyle);
        this.renderer.appendChild(this.styleRef, text);
        this.renderer.appendChild(this.el.nativeElement, this.styleRef);
    };
    /**
    * ngDoCheck Hook
    */
    PresenterComponent.prototype.ngDoCheck = function () {
        var _a, _b;
        this.currentPreviewLayout = localStorage.getItem('currentPreviewLayout');
        var topMarginValueVersion = (this.currentPreviewLayout == 'desktop') ? this.meta_data.margin_top : (_a = this.meta_data) === null || _a === void 0 ? void 0 : _a.mobile_margin_top;
        this.ewTopMargin = topMarginValueVersion;
        if (this.ewTopMargin !== this.ewTopMarginOldValue) {
            this.changeDetected = true;
            this.ewTopMarginOldValue = this.ewTopMargin;
        }
        if (this.changeDetected) {
            this.ewTemplateStyle = '.' + this.uniqueClass + '[style]{margin-top: ' + topMarginValueVersion + 'px; }';
            this.ewTemplateStyle += '@media only screen and (max-width: 767px) { .' + this.uniqueClass + '[style]{margin-top: ' + ((_b = this.meta_data) === null || _b === void 0 ? void 0 : _b.mobile_margin_top) + 'px; } }';
            var text = this.renderer.createText(this.ewTemplateStyle);
            this.renderer.removeChild(this.el.nativeElement, this.styleRef);
            this.styleRef = this.renderer.createElement('style');
            this.renderer.appendChild(this.styleRef, text);
            this.renderer.appendChild(this.el.nativeElement, this.styleRef);
        }
        this.changeDetected = false;
    };
    Object.defineProperty(PresenterComponent.prototype, "getActivePresenters", {
        get: function () {
            return this.meta_data.presenters.filter(function (item) { return !item.status; });
        },
        enumerable: true,
        configurable: true
    });
    PresenterComponent.prototype.addNewElement = function (type, i) {
        if (type.length == 0)
            return;
        var elements = this.meta_data.presenter_elements;
        // if (this.data.meta_data.layout == 'right') {
        //   elements = this.meta_data.presenter_elements_left;
        // }
        var newElementObj = {
            type: type,
            sidebar_active: type + "_editor",
            focused: false,
            is_nested: true,
            meta_data: {},
        };
        elements.splice(++i, 0, newElementObj);
        // this.configureElement(newElementObj);
    };
    PresenterComponent.prototype.removeElement = function (i) {
        var elements = this.meta_data.presenter_elements;
        // if (this.data.meta_data.layout == 'right') {
        //   elements = this.meta_data.presenter_elements_left;
        // }
        elements.splice(i, 1);
        // this.changeSidebarOptions('settings_menu')
        // this.selectedElementData.focused = false;
    };
    PresenterComponent.prototype.cloneElement = function (i) {
        var column_elements = this.meta_data.presenter_elements;
        // if (this.data.meta_data.layout == 'right') {
        //   column_elements = this.meta_data.presenter_elements_left;
        // }
        // column_elements = this.meta_data.presenter_elements;
        var element = column_elements[i];
        element = JSON.parse(JSON.stringify(element));
        if (column_elements[i].focused) {
            column_elements[i].focused = false;
        }
        if (element.meta_data && element.meta_data.unique_class) {
            element.meta_data.unique_class = element.meta_data.unique_class + (column_elements.length);
        }
        element.focused = false;
        column_elements.splice(++i, 0, element);
    };
    PresenterComponent.prototype.moveElement = function (direction, i) {
        var elementsArr = this.meta_data.presenter_elements;
        // if (this.data.meta_data.layout == 'right') {
        //   elementsArr = this.meta_data.presenter_elements_left;
        // }
        // elementsArr = this.meta_data.presenter_elements;
        var temp = elementsArr[i];
        if (direction == 'up' && i >= 1) {
            elementsArr[i] = elementsArr[i - 1];
            elementsArr[i - 1] = temp;
        }
        else if (direction == 'down' && i < elementsArr.length - 1) {
            elementsArr[i] = elementsArr[i + 1];
            elementsArr[i + 1] = temp;
        }
    };
    PresenterComponent.prototype.configureElement = function (component) {
        this.onConfigureElement.emit(component);
    };
    PresenterComponent.prototype.mouseHover = function (e, type) {
        // this.onHover.emit(type);
        // console.log('hovered__'+type, e);
        // if (!type) {
        //   type = e;
        // }
        this.section.hoverUpon = type;
    };
    /*
    * OnChange of Color Picker
    */
    PresenterComponent.prototype.changeColorPicker = function (event) {
        this.meta_data.background_color = event;
    };
    /*
    * Checking the value is undefined or not
    */
    PresenterComponent.prototype.isUndefined = function (val) { return typeof val === 'undefined'; };
    /**
     * generate unique class
     */
    PresenterComponent.prototype.getUniqueClass = function () {
        return "ew-unique--" + Math.floor(Math.random() * (999999 - 100000)) + 100000;
    };
    PresenterComponent.prototype.openPresenterSideBar = function (event) {
        if (event.target.getAttribute('ew-element') == 'presenter_settings') {
            this.onClick.emit();
        }
    };
    PresenterComponent.ctorParameters = function () { return [
        { type: EwMaDesignService },
        { type: Renderer2 },
        { type: ElementRef }
    ]; };
    __decorate([
        Input()
    ], PresenterComponent.prototype, "section", void 0);
    __decorate([
        ViewChild(HoverLayerComponent)
    ], PresenterComponent.prototype, "hoverLayer", void 0);
    __decorate([
        ViewChild('wrapElement')
    ], PresenterComponent.prototype, "wrapEleRef", void 0);
    __decorate([
        Output()
    ], PresenterComponent.prototype, "onConfigureElement", void 0);
    __decorate([
        Output()
    ], PresenterComponent.prototype, "onClick", void 0);
    __decorate([
        Input()
    ], PresenterComponent.prototype, "data", void 0);
    PresenterComponent = __decorate([
        Component({
            selector: 'ew-element-presenter',
            template: "<!-- <div class=\"presenter-preview-custom\"\r\n\t[ngStyle]=\"{\r\n\t\t'padding-top': meta_data.padding_top + 'px',\r\n\t\t'padding-right': meta_data.padding_right + 'px',\r\n\t\t'padding-bottom': meta_data.padding_bottom + 'px',\r\n\t\t'padding-left': meta_data.padding_left + 'px',\r\n\t\t'margin-top': meta_data.margin_top + 'px',\r\n\t\t'margin-bottom': meta_data.margin_bottom + 'px',\r\n\t\t'background-color': meta_data.background_color,\r\n\t\t'color': meta_data.text_color\r\n\t}\"\r\n\t[ngClass]=\"{\r\n\t\t'two-colum-presenter-view': meta_data.column_types == 'column'\r\n\t}\"\r\n>\r\n\r\n\t<div class=\"outer-ew-presenter-repeat\" *ngFor=\"let presenter of getActivePresenters; let i = index\">\r\n\t\t<div class=\"presenter-row\">\r\n\t\t\t<div class=\"presenter-row-left circle\"\r\n\t\t\t\t[style.border-radius]=\"meta_data.image_radius + 'px'\"\r\n\t\t\t>\r\n\t\t\t\t<img \r\n\t\t\t\t\tsrc=\"{{ presenter.image.url }}\"\r\n\t\t\t\t\talt=\"profile_image\"\r\n\t\t\t\t>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"presenter-row-right\">\r\n\t\t\t\t<h3 [style.color]=\"meta_data.text_color\">{{ presenter.name }}</h3>\r\n\t\t\t\t<span class=\"presenter-designation\">{{ presenter.title }}</span>\r\n\t\t\t\t<p [style.color]=\"meta_data.text_color\">{{ presenter.about }}</p>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<mat-divider *ngIf=\"(i < getActivePresenters.length - 1)\"\r\n\t\t\t[style.background]=\"meta_data.separator_color\"\r\n\t\t></mat-divider>\r\n\t\t<mat-divider \r\n\t\t\t*ngIf=\"(i < getActivePresenters.length - 1)\"\r\n\t\t\t[style.background]=\"meta_data.separator_color\"\r\n\t\t\t[vertical]=\"true\"\r\n\t\t></mat-divider>\r\n\t</div>\r\n</div> -->\r\n\r\n<div #wrapElement class=\"presenter-elements-wrapper common-elements-wrapper\"\r\n\t[class.disable-hover]=\"section?.hoverUpon == 'nested_element'\"\r\n\t[ngClass]=\"{\r\n\t\t'seleted-layer-presenter': data.focused,\r\n\t\t'element-wrapper-visibilty': data.meta_data?.hide_desktop==false || data.meta_data?.hide_mobile==false,\r\n\t\t'desktop-only': data.meta_data?.hide_mobile==true && data.meta_data?.hide_desktop==false,\r\n\t\t'mobile-only': data.meta_data?.hide_desktop==true && data.meta_data?.hide_mobile==false\r\n\t}\"\r\n\t*ngIf=\"meta_data.layout == 'center'\"\r\n\t\r\n> <!--(click)=\"openConfigPanel()\"-->\r\n<div class=\"visibilty-area-label\" *ngIf=\"(data.meta_data?.hide_desktop==false || data.meta_data?.hide_mobile==false)\">{{ ((data.meta_data?.hide_desktop==false)?'BUILDER.ELEMENTS.DESKTOP_ONLY':((data.meta_data?.hide_mobile==false)?'BUILDER.ELEMENTS.MOBILE_ONLY':'')) | translate }}</div>\r\n<div class=\"visibility-device-icon\" *ngIf=\"(data.meta_data?.hide_desktop==false || data.meta_data?.hide_mobile==false)\">\r\n\t<mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\" style=\"font-size: 2rem;top: 5px;position: relative;\" *ngIf=\"(this.currentPreviewLayout=='mobile' && data.meta_data?.hide_mobile==false)\">smartphone</mat-icon>\r\n\t<mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\" style=\"font-size: 2rem;top: 5px;position: relative;\" *ngIf=\"(this.currentPreviewLayout=='desktop' && data.meta_data?.hide_desktop==false)\">laptop</mat-icon>\r\n</div>\r\n<!-- 'margin-top': meta_data?.margin_top + 'px', -->\r\n\r\n\t<div class=\"presenter-added-builder \">\r\n\t\t<div class=\"presenter-preview-custom \">\r\n\t\t\t<div \r\n\t\t\t\tclass=\"presenter-row {{uniqueClass}} {{meta_data?.custom_class}}  {{meta_data?.box_shadow}}\"\r\n\t\t\t\tstyle=\"text-align: center;\"\r\n\t\t\t\t[ngClass]=\"meta_data?.border_position\"\r\n\t\t\t\t[ngStyle]=\"{\t\t\t\t\t\r\n\t\t\t\t\t'width': meta_data?.width + '%',\r\n\t\t\t\t\t'background-color': meta_data?.bg_color,\r\n\t\t\t\t\t'padding-top': meta_data.padding_top + 'px',\r\n\t\t\t\t\t'padding-bottom': meta_data.padding_bottom + 'px',\r\n\t\t\t\t\t'padding-right': meta_data.padding_right + 'px',\r\n\t\t\t\t\t'padding-left': meta_data.padding_left + 'px',\r\n\t\t\t\t\t\r\n\t\t\t\t\t'border-radius': meta_data?.border_radius + 'px',\r\n\t\t\t\t\t'border-color': meta_data?.border_color,\r\n\t\t\t\t\t'border-width': meta_data?.border_size + 'px',\r\n\t\t\t\t\t'border-style': meta_data?.border_style\r\n\t\t\t\t}\"\r\n\t\t\t\t[style]=\"meta_data?.align\"\r\n\t\t\t\tew-element=\"presenter_settings\"\r\n\t\t\t\t(click)=\"openPresenterSideBar($event)\"\r\n\t\t\t>\r\n\t\t\t<!-- 'color': meta_data?.text_color, -->\r\n\t\t\t<div (mouseenter)=\"mouseHover($event,'nested_element')\"\r\n\t\t\t(mouseleave)=\"mouseHover($event,'element')\">\r\n\r\n\t\t\t\t<!-- <ew-element-image\r\n\t\t\t\t\t[data]=\"meta_data.presenter_avtar\"\r\n\t\t\t\t\t[image_type]=\"'presenter'\"\r\n\t\t\t\t\t(onClick)=\"configureElement(meta_data.presenter_avtar)\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m)\"\r\n\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m)\"\r\n\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m)\"\r\n\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m)\"\r\n\t\t\t\t\t\t(onClick)=\"configureElement(meta_data.presenter_avtar)\"\r\n\t\t\t\t\t\t[selectedElement]=\"meta_data.presenter_avtar\"\r\n\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t[elementIndex]=\"m\"\r\n\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t</ew-element-image> -->\r\n\t\t\t\t<ew-element-image\r\n\t\t\t\t\t[data]=\"meta_data.presenter_elements[0]\"\r\n\t\t\t\t\t[image_type]=\"'presenter'\"\r\n\t\t\t\t\t(onClick)=\"configureElement(meta_data.presenter_elements[0])\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div class=\"row-colum-toolbar\">\r\n\t\t\t\t\t\t<!-- <div class=\"action-toolbar-builder\">\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<mat-icon>arrow_upward</mat-icon>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<mat-icon>arrow_downward</mat-icon>\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=\"edit-section-toolbar\">\r\n\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t<li (click)=\"configureElement(meta_data.presenter_elements[0])\">\r\n\t\t\t\t\t\t\t\t\t<mat-icon>settings</mat-icon>\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t<!-- <li>\r\n\t\t\t\t\t\t\t\t\t<mat-icon>content_copy</mat-icon>\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t\t\t\t<mat-icon>delete</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<!-- <ew-hover-layer\r\n\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,0)\"\r\n\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t(onClick)=\"configureElement(meta_data.presenter_elements[0])\"\r\n\t\t\t\t\t\t[selectedElement]=\"meta_data.presenter_elements[0]\"\r\n\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t[elementIndex]=\"1\"\r\n\t\t\t\t\t\t[disableDelete]=\"true\"\r\n\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t></ew-hover-layer> -->\r\n\t\t\t\t</ew-element-image>\r\n\r\n\t\t\t\t<ng-container \r\n\t\t\t\t\t*ngFor=\"let item of meta_data.presenter_elements | slice:1; let m = index;\"\r\n\t\t\t\t\t[ngSwitch]=\"item.type\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ew-element-heading\r\n\t\t\t\t\t\t*ngSwitchCase=\"\r\n\t\t\t\t\t\titem.type === 'heading_1' || \r\n\t\t\t\t\t\titem.type === 'heading_2' || \r\n\t\t\t\t\t\titem.type === 'heading_3' || \r\n\t\t\t\t\t\titem.type === 'paragraph' ? item.type : '' \"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t[disabled_elements]=\"disableMenuElements\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-heading>\r\n\r\n\t\t\t\t\t<ew-element-line\r\n\t\t\t\t\t\t*ngSwitchCase=\"'seprator'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t[disabled_elements]=\"disableMenuElements\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-line>\r\n\r\n\t\t\t\t\t<ew-element-list\r\n\t\t\t\t\t\t*ngSwitchCase=\"'list'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t[disabled_elements]=\"disableMenuElements\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-list>\r\n\r\n\t\t\t\t\t<ew-element-image\r\n\t\t\t\t\t\t*ngSwitchCase=\"'image'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t[image_type]=\"'presenter_normal'\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t<!-- [image_type]=\"'presenter'\" -->\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t[disabled_elements]=\"disableMenuElements\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-image>\r\n\r\n\t\t\t\t\t<ew-element-event-schedule-preview\r\n\t\t\t\t\t\t*ngSwitchCase=\"'event_schedule'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-event-schedule-preview>\r\n\r\n\t\t\t\t\t<ew-element-register-form-popup\r\n\t\t\t\t\t\t*ngSwitchCase=\"'reg_button_only'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-register-form-popup>\r\n\r\n\t\t\t\t\t<ew-element-register-form-preview\r\n\t\t\t\t\t\t*ngSwitchCase=\"'reg_form_style'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t\t[regForm]=\"undefined\"\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-register-form-preview>\r\n\r\n\t\t\t\t\t<ew-element-presenter\r\n\t\t\t\t\t\t*ngSwitchCase=\"'presenter'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-presenter>\r\n\r\n\t\t\t\t\t<!-- <ew-element-presenter\r\n\t\t\t\t\t\t*ngSwitchCase=\"'presenter'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t</ew-element-presenter> -->\r\n\t\t\t\t\t\t<!-- </div> -->\r\n\t\t\t\t</ng-container>\r\n\t\t\t</div>\r\n\t\t</div>  \r\n\t</div>\r\n\r\n\t<ng-container *ngTemplateOutlet=\"elementHtmlTemplate;\"></ng-container>\r\n\t\r\n</div>\r\n\r\n</div>\r\n\r\n\r\n<!-- Right Layout -->\r\n<div #wrapElement class=\"presenter-elements-wrapper common-elements-wrapper presenter-left-double-view\"\r\n\t[class.disable-hover]=\"section?.hoverUpon == 'nested_element'\"\r\n\t[ngClass]=\"{\r\n\t\t'seleted-layer-presenter': data.focused,\r\n\t\t'element-wrapper-visibilty': data.meta_data?.hide_desktop==false || data.meta_data?.hide_mobile==false,\r\n\t\t'desktop-only': data.meta_data?.hide_mobile==true && data.meta_data?.hide_desktop==false,\r\n\t\t'mobile-only': data.meta_data?.hide_desktop==true && data.meta_data?.hide_mobile==false\r\n\t}\"\r\n\t*ngIf=\"meta_data.layout == 'right'\"\r\n>\r\n<div class=\"visibilty-area-label\" *ngIf=\"(data.meta_data?.hide_desktop==false || data.meta_data?.hide_mobile==false)\">{{ ((data.meta_data?.hide_desktop==false)?'BUILDER.ELEMENTS.DESKTOP_ONLY':((data.meta_data?.hide_mobile==false)?'BUILDER.ELEMENTS.MOBILE_ONLY':'')) | translate }}</div>\r\n<div class=\"visibility-device-icon\" *ngIf=\"(data.meta_data?.hide_desktop==false || data.meta_data?.hide_mobile==false)\">\r\n\t<mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\" style=\"font-size: 2rem;top: 5px;position: relative;\" *ngIf=\"(this.currentPreviewLayout=='mobile' && data.meta_data?.hide_mobile==false)\">smartphone</mat-icon>\r\n\t<mat-icon class=\"mat-icon notranslate material-icons mat-icon-no-color\" style=\"font-size: 2rem;top: 5px;position: relative;\" *ngIf=\"(this.currentPreviewLayout=='desktop' && data.meta_data?.hide_desktop==false)\">laptop</mat-icon>\r\n</div>\t\r\n<div class=\"presenter-added-builder\">\r\n\t\t<div class=\"presenter-preview-custom\">\r\n\t\t\t<div class=\"presenter-row {{uniqueClass}} {{meta_data?.custom_class}}  {{meta_data?.box_shadow}}\"\r\n\t\t\t\t[ngClass]=\"meta_data?.border_position\"\r\n\t\t\t\t[ngStyle]=\"{\r\n\t\t\t\t\t'margin-top': meta_data?.margin_top + 'px',\r\n\t\t\t\t\t'width': meta_data?.width + '%',\r\n\t\t\t\t\t'background-color': meta_data?.bg_color,\r\n\t\t\t\t\t'padding-top': meta_data.padding_top + 'px',\r\n\t\t\t\t\t'padding-bottom': meta_data.padding_bottom + 'px',\r\n\t\t\t\t\t'padding-right': meta_data.padding_right + 'px',\r\n\t\t\t\t\t'padding-left': meta_data.padding_left + 'px',\r\n\t\t\t\t\t\r\n\t\t\t\t\t'border-radius': meta_data?.border_radius + 'px',\r\n\t\t\t\t\t'border-color': meta_data?.border_color,\r\n\t\t\t\t\t'border-width': meta_data?.border_size + 'px',\r\n\t\t\t\t\t'border-style': meta_data?.border_style\r\n\t\t\t\t}\"\r\n\t\t\t\t[style]=\"meta_data?.align\"\r\n\t\t\t\tew-element=\"presenter_settings\"\r\n\t\t\t\t(click)=\"openPresenterSideBar($event)\"\r\n\t\t\t>\r\n\r\n\t\t\t\t<div (mouseenter)=\"mouseHover($event,'nested_element')\"\r\n\t\t\t\t\t(mouseleave)=\"mouseHover($event,'element')\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ew-element-image\r\n\t\t\t\t\t\t[data]=\"meta_data.presenter_elements[0]\"\r\n\t\t\t\t\t\t[image_type]=\"'presenter'\"\r\n\t\t\t\t\t\t(onClick)=\"configureElement(meta_data.presenter_elements[0])\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<div class=\"row-colum-toolbar\">\r\n\t\t\t\t\t\t\t<!-- <div class=\"action-toolbar-builder\">\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<mat-icon>arrow_upward</mat-icon>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t<mat-icon>arrow_downward</mat-icon>\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</div> -->\r\n\t\t\t\t\t\t\t<div class=\"edit-section-toolbar\">\r\n\t\t\t\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t\t\t\t<li (click)=\"configureElement(meta_data.presenter_elements[0])\">\r\n\t\t\t\t\t\t\t\t\t\t<mat-icon>settings</mat-icon>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t<!-- <li>\r\n\t\t\t\t\t\t\t\t\t\t<mat-icon>content_copy</mat-icon>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t\t\t\t\t<mat-icon>delete</mat-icon>\r\n\t\t\t\t\t\t\t\t\t</li> -->\r\n\t\t\t\t\t\t\t\t</ul>\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\t<!-- <ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(meta_data.presenter_avtar)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"meta_data.presenter_avtar\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer> -->\r\n\t\t\t\t\t</ew-element-image>\r\n\t\t\t\t</div>\r\n\t\t\t\t<!-- <div class=\"presenter-elements-wrapper inner-nested-builder common-elements-wrapper\">\r\n\t\t\t\t\t<div class=\"presenter-row-left circle\"\r\n\t\t\t\t\t\tstyle=\"max-width: 100px;width: 100%;align-items: center; margin-left: auto; margin-right: auto;\">\r\n\t\t\t\t\t\t<img src=\"https://uikit-dev.easywebinar.com/assets/images/icon-presenter.png\">\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div> -->\r\n\r\n\t\t\t\t<div class=\"common-elements-presenter\"\r\n\t\t\t\t\t(mouseenter)=\"mouseHover($event,'nested_element')\"\r\n\t\t\t\t\t(mouseleave)=\"mouseHover($event,'element')\"\r\n\t\t\t\t>\r\n\t\t\t\t<ng-container \r\n\t\t\t\t\t*ngFor=\"let item of meta_data.presenter_elements | slice:1; let m = index\"\r\n\t\t\t\t\t[ngSwitch]=\"item.type\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ew-element-heading\r\n\t\t\t\t\t\t*ngSwitchCase=\"\r\n\t\t\t\t\t\titem.type === 'heading_1' || \r\n\t\t\t\t\t\titem.type === 'heading_2' || \r\n\t\t\t\t\t\titem.type === 'heading_3' || \r\n\t\t\t\t\t\titem.type === 'paragraph' ? item.type : '' \"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t[disabled_elements]=\"disableMenuElements\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-heading>\r\n\r\n\t\t\t\t\t<ew-element-line\r\n\t\t\t\t\t\t*ngSwitchCase=\"'seprator'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t[disabled_elements]=\"disableMenuElements\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-line>\r\n\r\n\t\t\t\t\t<ew-element-list\r\n\t\t\t\t\t\t*ngSwitchCase=\"'list'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t[disabled_elements]=\"disableMenuElements\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-list>\r\n\r\n\t\t\t\t\t<ew-element-image\r\n\t\t\t\t\t\t*ngSwitchCase=\"'image'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t[image_type]=\"'presenter_normal'\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t[disabled_elements]=\"disableMenuElements\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-image>\r\n\r\n\t\t\t\t\t<ew-element-event-schedule-preview\r\n\t\t\t\t\t\t*ngSwitchCase=\"'event_schedule'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-event-schedule-preview>\r\n\r\n\t\t\t\t\t<ew-element-register-form-popup\r\n\t\t\t\t\t\t*ngSwitchCase=\"'reg_button_only'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-register-form-popup>\r\n\r\n\t\t\t\t\t<ew-element-register-form-preview\r\n\t\t\t\t\t\t*ngSwitchCase=\"'reg_form_style'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t\t[regForm]=\"undefined\"\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-register-form-preview>\r\n\r\n\t\t\t\t\t<ew-element-presenter\r\n\t\t\t\t\t\t*ngSwitchCase=\"'presenter'\"\r\n\t\t\t\t\t\t[data]=\"item\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<ew-hover-layer\r\n\t\t\t\t\t\t\t(onAddElement)=\"addNewElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onHover)=\"mouseHover($event,'')\"\r\n\t\t\t\t\t\t\t(onRemoveElement)=\"removeElement(m+1)\"\r\n\t\t\t\t\t\t\t(onCloneElement)=\"cloneElement(m+1)\"\r\n\t\t\t\t\t\t\t(onMoveElement)=\"moveElement($event,m+1)\"\r\n\t\t\t\t\t\t\t(onClick)=\"configureElement(item)\"\r\n\t\t\t\t\t\t\t[selectedElement]=\"item\"\r\n\t\t\t\t\t\t\t[columnIndex]=\"0\"\r\n\t\t\t\t\t\t\t[elementIndex]=\"m+1\"\r\n\t\t\t\t\t\t\t#hoverLayer\r\n\t\t\t\t\t\t></ew-hover-layer>\r\n\t\t\t\t\t</ew-element-presenter>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<ng-container *ngTemplateOutlet=\"elementHtmlTemplate;\"></ng-container>\r\n\r\n\t</div>\r\n</div>\r\n\r\n\r\n\r\n<ng-template #elementHtmlTemplate>\r\n\t<ng-content></ng-content>\r\n</ng-template>\r\n",
            styles: [""]
        })
    ], PresenterComponent);
    return PresenterComponent;
}());
export { PresenterComponent };
//# sourceMappingURL=data:application/json;base64, 