import { __decorate } from "tslib";
import { Component, Input, Output, EventEmitter, ViewChild } from "@angular/core";
import { MatMenuTrigger } from '@angular/material/menu';
import { MatDialog, MatDialogRef } from '@angular/material/dialog';
import { DeleteConfirmationComponent } from '../delete-confirmation/delete-confirmation.component';
let HoverLayerComponent = class HoverLayerComponent {
    constructor(dialog) {
        this.dialog = dialog;
        this.moveLeftRight = false;
        this.disableDelete = false;
        this.disabled_elements = [];
        this.hoverFor = 'element';
        /**
         * @description
         * Emit event to add element.
         */
        this.onAddElement = new EventEmitter();
        this.onRemoveElement = new EventEmitter();
        this.onCloneElement = new EventEmitter();
        this.onMoveElement = new EventEmitter();
        this.onHover = new EventEmitter();
        this.onClick = new EventEmitter();
        this.currentPreviewLayout = "desktop";
    }
    ngOnInit() {
        this.currentPreviewLayout = localStorage.getItem('currentPreviewLayout');
    }
    /**
     * @description
     * Do check the change events
     */
    ngDoCheck() {
        this.page = localStorage.getItem('currentPage');
        this.currentPreviewLayout = localStorage.getItem('currentPreviewLayout');
        if (this.hoverFor == 'empty_column') {
            let hiddenElementCount = 0;
            this.selectedElement.map((rows) => {
                if ((rows.meta_data.hide_desktop == false && this.currentPreviewLayout == 'mobile') || (rows.meta_data.hide_mobile == false && this.currentPreviewLayout == 'desktop')) {
                    hiddenElementCount += 1;
                }
            });
            if (this.selectedElement.length == hiddenElementCount) {
                this.displayAddElement = true;
            }
            else {
                this.displayAddElement = false;
            }
        }
    }
    addNewElement(element_type) {
        this.onAddElement.emit(element_type);
    }
    removeElement() {
        const dialogRef = this.dialog.open(DeleteConfirmationComponent, {
            maxWidth: '500px',
            width: '100%',
            panelClass: 'confrimation-delete'
        });
        dialogRef.afterClosed().subscribe((result) => {
            if (result) {
                this.onRemoveElement.emit();
            }
        });
    }
    cloneElement() {
        this.onCloneElement.emit();
    }
    moveElement(position) {
        this.onMoveElement.emit(position);
    }
    openConfigPanel() {
        this.onClick.emit();
    }
    addSection(section_type) {
        // console.log('testing');
    }
    menuOpened() {
        this.selectedElement.focused = this.addElementMenu.menuOpen;
    }
    mouseHover(e, type) {
        // console.log('hovered__'+type, e);
        this.onHover.emit(type);
        // this.section.hoverUpon = type;
    }
};
HoverLayerComponent.ctorParameters = () => [
    { type: MatDialog }
];
__decorate([
    Input()
], HoverLayerComponent.prototype, "moveLeftRight", void 0);
__decorate([
    Input()
], HoverLayerComponent.prototype, "disableDelete", void 0);
__decorate([
    Input()
], HoverLayerComponent.prototype, "columnIndex", void 0);
__decorate([
    Input()
], HoverLayerComponent.prototype, "elementIndex", void 0);
__decorate([
    Input()
], HoverLayerComponent.prototype, "disabled_elements", void 0);
__decorate([
    Input()
], HoverLayerComponent.prototype, "hoverFor", void 0);
__decorate([
    Input()
], HoverLayerComponent.prototype, "selectedElement", void 0);
__decorate([
    Input()
], HoverLayerComponent.prototype, "section", void 0);
__decorate([
    ViewChild(MatMenuTrigger)
], HoverLayerComponent.prototype, "addElementMenu", void 0);
__decorate([
    Output()
], HoverLayerComponent.prototype, "onAddElement", void 0);
__decorate([
    Output()
], HoverLayerComponent.prototype, "onRemoveElement", void 0);
__decorate([
    Output()
], HoverLayerComponent.prototype, "onCloneElement", void 0);
__decorate([
    Output()
], HoverLayerComponent.prototype, "onMoveElement", void 0);
__decorate([
    Output()
], HoverLayerComponent.prototype, "onHover", void 0);
__decorate([
    Output()
], HoverLayerComponent.prototype, "onClick", void 0);
HoverLayerComponent = __decorate([
    Component({
        selector: 'ew-hover-layer',
        template: "<div class=\"row-colum-toolbar\"\r\n\t[class.disable-hover]=\"selectedElement.type == 'presenter' && section?.hoverUpon == 'nested_element'\"\r\n\t*ngIf=\"hoverFor == 'element'\">\r\n\t<div class=\"action-toolbar-builder\" [ngStyle]=\"{'width.px': moveLeftRight ? 110 : 64}\">\r\n\t\t<span (click)=\"moveElement('up')\">\r\n\t\t\t<mat-icon>arrow_upward</mat-icon>\r\n\t\t</span>\r\n\t\t<span (click)=\"moveElement('down')\">\r\n\t\t\t<mat-icon>arrow_downward</mat-icon>\r\n\t\t</span>\r\n\t\t<span *ngIf=\"(moveLeftRight == true && this.currentPreviewLayout=='desktop')\" (click)=\"moveElement('left')\">\r\n\t\t\t<mat-icon>arrow_back</mat-icon>\r\n\t\t</span>\r\n\t\t<span *ngIf=\"(moveLeftRight == true && this.currentPreviewLayout=='desktop')\" (click)=\"moveElement('right')\">\r\n\t\t\t<mat-icon>arrow_forward</mat-icon>\r\n\t\t</span>\r\n\t</div>\r\n\t<div class=\"edit-section-toolbar\" [ngClass]=\"(moveLeftRight == true && this.currentPreviewLayout=='desktop')?'extended-navigation':''\">\r\n\t\t\r\n\t\t<ul>\r\n\t\t\t<li (click)=\"openConfigPanel()\">\r\n\t\t\t\t<mat-icon>settings</mat-icon>\r\n\t\t\t</li>\r\n\t\t\t<li (click)=\"cloneElement()\">\r\n\t\t\t\t<mat-icon>content_copy</mat-icon>\r\n\t\t\t</li>\r\n\t\t\t<li *ngIf=\"disableDelete != true\" (click)=\"removeElement()\">\r\n\t\t\t\t<mat-icon>delete</mat-icon>\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\t</div>\r\n\t\r\n\t<div class=\"add-section-builder-elements\">\r\n\t\t<span class=\"add-section-icon-elements\" matTooltip=\"Add New Element\" aria-label=\" \" [matMenuTriggerFor]=\"menu\" #addElementMenu=\"matMenuTrigger\" (menuOpened)=\"menuOpened()\" (menuClosed)=\"menuOpened()\">\r\n\t\t\t<mat-icon>add</mat-icon>\r\n\t\t</span>\r\n\t\t<div class=\"add-builder-elements-ew\">\r\n\t\t\t<mat-menu #menu=\"matMenu\" class=\"elements-open-ew\">\r\n\t\t\t\t<ng-container *ngTemplateOutlet=\"elementHtmlTemplate;\"></ng-container>\r\n\t\t\t</mat-menu>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n\r\n<!-- For Empty elements row-->\r\n<div \r\n\t*ngIf=\"((selectedElement.length == 0 && hoverFor=='empty_column') || displayAddElement)\" \r\n\tclass=\"builder-rows-empty\"\r\n\t[class.selected-layer]=\"addElementMenu?.menuOpen\"\r\n>\r\n\t<mat-icon>add</mat-icon>\r\n\t<span class=\"add-new-section-builder\" [matMenuTriggerFor]=\"menu2\" #addElementMenu=\"matMenuTrigger\">\r\n\t\t{{ 'BUILDER.ELEMENTS.ADD_NEW_ELEMENT' | translate }}\r\n\t</span>\r\n\r\n\t<div class=\"add-builder-elements-ew\">\r\n\t\t<mat-menu #menu2=\"matMenu\" class=\"elements-open-ew\">\r\n\t\t\t<ng-container *ngTemplateOutlet=\"elementHtmlTemplate;\"></ng-container>\r\n\t\t\t\r\n\t\t</mat-menu>\r\n\t</div>\r\n</div>\r\n\r\n<!-- For Empty elements row-->\r\n\r\n\r\n\r\n\r\n\r\n<ng-template #elementHtmlTemplate>\r\n\t<div class=\"adding-elements-menu\">\r\n\t\t<ul>\r\n\t\t\t<li (click)=\"addNewElement('heading_1')\">\r\n\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t<svg id=\"Group_2886\" data-name=\"Group 2886\" xmlns=\"http://www.w3.org/2000/svg\" width=\"21.4\"\r\n\t\t\t\t\t\theight=\"16\" viewBox=\"0 0 21.4 16\">\r\n\t\t\t\t\t\t<g id=\"header\">\r\n\t\t\t\t\t\t\t<g id=\"Group_2816\" data-name=\"Group 2816\" transform=\"translate(0 0)\">\r\n\t\t\t\t\t\t\t\t<path id=\"Path_1345\" data-name=\"Path 1345\"\r\n\t\t\t\t\t\t\t\t\td=\"M7.646,12.884V12.13h.237a3.652,3.652,0,0,0,.574-.043,1.137,1.137,0,0,0,.465-.18.949.949,0,0,0,.316-.39,1.618,1.618,0,0,0,.118-.676V6.632H3.516v4.209a1.625,1.625,0,0,0,.118.676.941.941,0,0,0,.316.39,1.139,1.139,0,0,0,.469.18,3.634,3.634,0,0,0,.57.044h.237v.754H0v-.754H.228A3.611,3.611,0,0,0,.8,12.087a1.164,1.164,0,0,0,.469-.18.915.915,0,0,0,.316-.39,1.683,1.683,0,0,0,.113-.676v-8.8A1.458,1.458,0,0,0,1.584,1.4a.92.92,0,0,0-.321-.373A1.155,1.155,0,0,0,.793.857,3.8,3.8,0,0,0,.228.817H0V.063H5.227V.817H4.99a3.545,3.545,0,0,0-.57.044,1.132,1.132,0,0,0-.469.18.947.947,0,0,0-.316.39,1.615,1.615,0,0,0-.118.675v3.63h5.84V2.107a1.623,1.623,0,0,0-.118-.676.936.936,0,0,0-.316-.39,1.13,1.13,0,0,0-.465-.18A3.508,3.508,0,0,0,7.883.817H7.646V.063h5.227V.817h-.228a3.512,3.512,0,0,0-.574.044,1.165,1.165,0,0,0-.469.18.905.905,0,0,0-.316.39,1.662,1.662,0,0,0-.114.676v8.822a1.46,1.46,0,0,0,.118.636.846.846,0,0,0,.321.364,1.234,1.234,0,0,0,.469.163,3.874,3.874,0,0,0,.565.039h.229v.754H7.646Z\"\r\n\t\t\t\t\t\t\t\t\ttransform=\"translate(0 -0.063)\" fill=\"#2b2b30\" />\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t<text id=\"_1\" data-name=\"1\" transform=\"translate(14.4 13)\" fill=\"#2b2b30\" font-size=\"11\"\r\n\t\t\t\t\t\t\tfont-family=\"Roboto-Bold, Roboto\" font-weight=\"700\">\r\n\t\t\t\t\t\t\t<tspan x=\"0\" y=\"0\">1</tspan>\r\n\t\t\t\t\t\t</text>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</span>\r\n\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t{{ 'BUILDER.ELEMENTS.H1' | translate }}\r\n\t\t\t\t</span>\r\n\t\t\t</li>\r\n\t\t\t<li (click)=\"addNewElement('heading_2')\">\r\n\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t<svg id=\"Group_2841\" data-name=\"Group 2841\" xmlns=\"http://www.w3.org/2000/svg\" width=\"21.4\"\r\n\t\t\t\t\t\theight=\"16\" viewBox=\"0 0 21.4 16\">\r\n\t\t\t\t\t\t<g id=\"header\">\r\n\t\t\t\t\t\t\t<g id=\"Group_2816\" data-name=\"Group 2816\" transform=\"translate(0 0)\">\r\n\t\t\t\t\t\t\t\t<path id=\"Path_1345\" data-name=\"Path 1345\"\r\n\t\t\t\t\t\t\t\t\td=\"M7.646,12.884V12.13h.237a3.652,3.652,0,0,0,.574-.043,1.137,1.137,0,0,0,.465-.18.949.949,0,0,0,.316-.39,1.618,1.618,0,0,0,.118-.676V6.632H3.516v4.209a1.625,1.625,0,0,0,.118.676.941.941,0,0,0,.316.39,1.139,1.139,0,0,0,.469.18,3.634,3.634,0,0,0,.57.044h.237v.754H0v-.754H.228A3.611,3.611,0,0,0,.8,12.087a1.164,1.164,0,0,0,.469-.18.915.915,0,0,0,.316-.39,1.683,1.683,0,0,0,.113-.676v-8.8A1.458,1.458,0,0,0,1.584,1.4a.92.92,0,0,0-.321-.373A1.155,1.155,0,0,0,.793.857,3.8,3.8,0,0,0,.228.817H0V.063H5.227V.817H4.99a3.545,3.545,0,0,0-.57.044,1.132,1.132,0,0,0-.469.18.947.947,0,0,0-.316.39,1.615,1.615,0,0,0-.118.675v3.63h5.84V2.107a1.623,1.623,0,0,0-.118-.676.936.936,0,0,0-.316-.39,1.13,1.13,0,0,0-.465-.18A3.508,3.508,0,0,0,7.883.817H7.646V.063h5.227V.817h-.228a3.512,3.512,0,0,0-.574.044,1.165,1.165,0,0,0-.469.18.905.905,0,0,0-.316.39,1.662,1.662,0,0,0-.114.676v8.822a1.46,1.46,0,0,0,.118.636.846.846,0,0,0,.321.364,1.234,1.234,0,0,0,.469.163,3.874,3.874,0,0,0,.565.039h.229v.754H7.646Z\"\r\n\t\t\t\t\t\t\t\t\ttransform=\"translate(0 -0.063)\" fill=\"#2b2b30\" />\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t<text id=\"_2\" data-name=\"2\" transform=\"translate(14.4 13)\" fill=\"#2b2b30\" font-size=\"11\"\r\n\t\t\t\t\t\t\tfont-family=\"Roboto-Bold, Roboto\" font-weight=\"700\">\r\n\t\t\t\t\t\t\t<tspan x=\"0\" y=\"0\">2</tspan>\r\n\t\t\t\t\t\t</text>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</span>\r\n\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t{{ 'BUILDER.ELEMENTS.H2' | translate }}\r\n\t\t\t\t</span>\r\n\t\t\t</li>\r\n\t\t\t<li (click)=\"addNewElement('paragraph')\">\r\n\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"14\" viewBox=\"0 0 18 14\">\r\n\t\t\t\t\t\t<path id=\"Forma_1_copy_4\" data-name=\"Forma 1 copy 4\"\r\n\t\t\t\t\t\t\td=\"M0,14H0Zm0,0V12.33H8V14Zm0-4H0Zm0,0V8.33H18V10ZM0,5.84V4.17H18V5.84ZM0,1.67V0H18V1.67Z\"\r\n\t\t\t\t\t\t\tfill=\"#2b2b30\" />\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</span>\r\n\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t{{ 'BUILDER.ELEMENTS.PARA' | translate }}\r\n\t\t\t\t</span>\r\n\t\t\t</li>\r\n\t\t\t<li (click)=\"addNewElement('list')\">\r\n\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\" width=\"24px\" height=\"24px\">\r\n\t\t\t\t\t\t<path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z\"/>\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</span>\r\n\t\t\t\t<span class=\"title-adding-elements\">\t\t\t\t\t\r\n\t\t\t\t\t{{ 'BUILDER.ELEMENTS.BULLET_LIST' | translate }}\r\n\t\t\t\t</span>\r\n\t\t\t</li>\r\n\t\t\t<li (click)=\"addNewElement('image')\">\r\n\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17.999\" height=\"14.001\"\r\n\t\t\t\t\t\tviewBox=\"0 0 17.999 14.001\">\r\n\t\t\t\t\t\t<path id=\"Forma_1\" data-name=\"Forma 1\"\r\n\t\t\t\t\t\t\td=\"M1.5,14A1.464,1.464,0,0,1,.44,13.573,1.385,1.385,0,0,1,0,12.543V1.458A1.384,1.384,0,0,1,.44.428,1.464,1.464,0,0,1,1.5,0h15a1.463,1.463,0,0,1,1.059.428A1.385,1.385,0,0,1,18,1.458V12.543a1.386,1.386,0,0,1-.441,1.03A1.463,1.463,0,0,1,16.5,14ZM1.289,1.253a.276.276,0,0,0-.089.205V12.543a.277.277,0,0,0,.089.205.292.292,0,0,0,.211.086h15a.292.292,0,0,0,.211-.086.278.278,0,0,0,.089-.205V1.458a.276.276,0,0,0-.089-.205.292.292,0,0,0-.211-.086H1.5A.292.292,0,0,0,1.289,1.253ZM2.4,11.668V9.917L5.4,7,6.9,8.459l4.8-4.667,3.9,3.793v4.083Zm.526-6.344A1.664,1.664,0,0,1,2.4,4.083a1.664,1.664,0,0,1,.526-1.239A1.761,1.761,0,0,1,4.2,2.334a1.762,1.762,0,0,1,1.275.51A1.663,1.663,0,0,1,6,4.083a1.663,1.663,0,0,1-.525,1.24,1.762,1.762,0,0,1-1.275.51A1.761,1.761,0,0,1,2.925,5.323Z\"\r\n\t\t\t\t\t\t\tfill=\"#2b2b30\" />\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</span>\r\n\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t{{ 'BUILDER.ELEMENTS.IMAGE' | translate }}\r\n\t\t\t\t</span>\r\n\t\t\t</li>\r\n\t\t\t<li (click)=\"addNewElement('video')\" *ngIf=\"disabled_elements.includes('video') == false\">\r\n\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"9\" viewBox=\"0 0 18 9\">\r\n\t\t\t\t\t\t<path id=\"Forma_1_copy\" data-name=\"Forma 1 copy\"\r\n\t\t\t\t\t\t\td=\"M13.5,6.428V2.572L18,0V9ZM1.125,9A1.124,1.124,0,0,1,0,7.875V1.124A1.124,1.124,0,0,1,1.125,0H11.25a1.124,1.124,0,0,1,1.125,1.124V7.875A1.124,1.124,0,0,1,11.25,9Z\"\r\n\t\t\t\t\t\t\tfill=\"#2b2b30\" />\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</span>\r\n\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t{{ 'BUILDER.ELEMENTS.VIDEO' | translate }}\r\n\t\t\t\t</span>\r\n\t\t\t</li>\r\n\t\t\t<li (click)=\"addNewElement('seprator')\">\r\n\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"2\" viewBox=\"0 0 18 2\">\r\n\t\t\t\t\t\t<path id=\"Path_1375\" data-name=\"Path 1375\" d=\"M3,3H21V5H3Z\" transform=\"translate(-3 -3)\"\r\n\t\t\t\t\t\t\tfill=\"#2b2b30\" />\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</span>\r\n\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t{{ 'BUILDER.ELEMENTS.SEPARATOR' | translate }}\r\n\t\t\t\t</span>\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\t\t<ul>\r\n\t\t\t\r\n\t\t\t<li (click)=\"addNewElement('presenter')\" *ngIf=\"disabled_elements.includes('presenter') == false\">\r\n\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\">\r\n\t\t\t\t\t\t<path id=\"Path_1344\" data-name=\"Path 1344\"\r\n\t\t\t\t\t\t\td=\"M11,2a9,9,0,1,0,9,9A9,9,0,0,0,11,2Zm0,2.7A2.7,2.7,0,1,1,8.3,7.4,2.7,2.7,0,0,1,11,4.7Zm0,12.78a6.48,6.48,0,0,1-5.4-2.9c.027-1.791,3.6-2.772,5.4-2.772s5.373.981,5.4,2.772A6.48,6.48,0,0,1,11,17.48Z\"\r\n\t\t\t\t\t\t\ttransform=\"translate(-2 -2)\" fill=\"#2b2b30\" />\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</span>\r\n\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t{{ 'BUILDER.ELEMENTS.PRESENTER' | translate }}\r\n\t\t\t\t</span>\r\n\t\t\t</li>\r\n\t\t\t<li (click)=\"addNewElement('event_schedule')\" *ngIf=\"disabled_elements.includes('event_schedule') == false\">\r\n\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"15.75\" viewBox=\"0 0 18 15.75\">\r\n\t\t\t\t\t\t<path id=\"Path_1372\" data-name=\"Path 1372\"\r\n\t\t\t\t\t\t\td=\"M0,15.75v-10H18v10ZM6.037,7.768H3.759V9.9H6.037Zm0,3.831H3.759v2.129H6.037Zm4.1-3.831H7.861V9.9h2.279Zm0,3.831H7.861v2.129h2.279Zm4.1-3.831H11.962V9.9H14.24Zm0,3.831H11.962v2.129H14.24ZM0,1.7H5.316V0H6.683V1.7h4.633V0h1.367V1.7H18V4.469H0Z\"\r\n\t\t\t\t\t\t\tfill=\"#2b2b30\" fill-rule=\"evenodd\" />\r\n\t\t\t\t\t</svg>\r\n\t\t\t\t</span>\r\n\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t{{ 'BUILDER.ELEMENTS.EVENT_SCHEDULE' | translate }}\r\n\t\t\t\t</span>\r\n\t\t\t</li>\r\n\t\t\t<ng-template  [ngIf]=\"page == 'thank_you' || page == 'waiting_area'\">\r\n\t\t\t\t<li *ngIf=\"disabled_elements.includes('event_countdown') == false\" (click)=\"addNewElement('event_countdown')\">\r\n\t\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\" width=\"18px\" height=\"18px\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.61l1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"/></svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t\t{{ 'BUILDER.ELEMENTS.COUNTDOWN' | translate }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</li>\r\n\t\t\t</ng-template>\r\n\t\t\t\r\n\t\t\t\r\n\r\n\t\t\t<ng-template [ngIf]=\"page == 'register'\" >\r\n\t\t\t\t<li *ngIf=\"disabled_elements.includes('reg_button_only') == false\" (click)=\"addNewElement('reg_button_only')\" class=\"hover-register-popup-button\">\r\n\t\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t\t<svg id=\"smart_button-24px\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\">\r\n\t\t\t\t\t\t\t<rect id=\"Rectangle_914\" data-name=\"Rectangle 914\" width=\"24\" height=\"24\" fill=\"none\" />\r\n\t\t\t\t\t\t\t<path id=\"Path_1362\" data-name=\"Path 1362\"\r\n\t\t\t\t\t\t\t\td=\"M22,9v6a2.006,2.006,0,0,1-2,2H19V15h1V9H4v6h6v2H4a2.006,2.006,0,0,1-2-2V9A2.006,2.006,0,0,1,4,7H20A2.006,2.006,0,0,1,22,9ZM14.5,19l1.09-2.41L18,15.5l-2.41-1.09L14.5,12l-1.09,2.41L11,15.5l2.41,1.09ZM17,14l.62-1.38L19,12l-1.38-.62L17,10l-.62,1.38L15,12l1.38.62Zm-2.5,5,1.09-2.41L18,15.5l-2.41-1.09L14.5,12l-1.09,2.41L11,15.5l2.41,1.09ZM17,14l.62-1.38L19,12l-1.38-.62L17,10l-.62,1.38L15,12l1.38.62Z\"\r\n\t\t\t\t\t\t\t\tfill=\"#2b2b30\" />\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t\t{{ 'DESIGN.POPUP_SIDEBAR_LABEL' | translate }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</li>\r\n\t\t\t\t<li *ngIf=\"disabled_elements.includes('reg_form_style') == false\" (click)=\"addNewElement('reg_form_style')\">\r\n\t\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t\t<svg id=\"reorder-24px\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\">\r\n\t\t\t\t\t\t\t<path id=\"Path_1366\" data-name=\"Path 1366\" d=\"M0,0H24V24H0Z\" fill=\"none\" />\r\n\t\t\t\t\t\t\t<path id=\"Path_1367\" data-name=\"Path 1367\"\r\n\t\t\t\t\t\t\t\td=\"M3,15H21V13H3Zm0,4H21V17H3Zm0-8H21V9H3ZM3,5V7H21V5Z\" fill=\"#2b2b30\" />\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t\t{{ 'DESIGN.REGISTER_FORM' | translate }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</li>\r\n\t\t\t</ng-template>\r\n\r\n\t\t\t<ng-template [ngIf]=\"page == 'thank_you' || page == 'replay'\">\r\n\t\t\t\t<li *ngIf=\"disabled_elements.includes('event_join_link') == false\" (click)=\"addNewElement('event_join_link')\">\r\n\t\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"/></svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t\t{{ 'BUILDER.ELEMENTS.EVENT_JOIN_LINK_LABEL' | translate }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</li>\r\n\t\t\t\t<li *ngIf=\"disabled_elements.includes('calendar_option') == false\" (click)=\"addNewElement('calendar_option')\">\r\n\t\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M16.53 11.06L15.47 10l-4.88 4.88-2.12-2.12-1.06 1.06L10.59 17l5.94-5.94zM19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z\"/></svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t\t{{ 'BUILDER.ELEMENTS.CALENDAR_OPTIONS' | translate }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</li>\r\n\t\t\t</ng-template>\r\n\r\n\t\t\t<ng-template [ngIf]=\"page == 'thank_you' || page == 'waiting_area' || page == 'replay'\" >\r\n\t\t\t\t<li *ngIf=\"disabled_elements.includes('button_only') == false\" (click)=\"addNewElement('button_only')\" class=\"hover-register-popup-button\">\r\n\t\t\t\t\t<span class=\"icon-added-elements\">\r\n\t\t\t\t\t\t<svg id=\"smart_button-24px\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\">\r\n\t\t\t\t\t\t\t<rect id=\"Rectangle_914\" data-name=\"Rectangle 914\" width=\"24\" height=\"24\" fill=\"none\" />\r\n\t\t\t\t\t\t\t<path id=\"Path_1362\" data-name=\"Path 1362\"\r\n\t\t\t\t\t\t\t\td=\"M22,9v6a2.006,2.006,0,0,1-2,2H19V15h1V9H4v6h6v2H4a2.006,2.006,0,0,1-2-2V9A2.006,2.006,0,0,1,4,7H20A2.006,2.006,0,0,1,22,9ZM14.5,19l1.09-2.41L18,15.5l-2.41-1.09L14.5,12l-1.09,2.41L11,15.5l2.41,1.09ZM17,14l.62-1.38L19,12l-1.38-.62L17,10l-.62,1.38L15,12l1.38.62Zm-2.5,5,1.09-2.41L18,15.5l-2.41-1.09L14.5,12l-1.09,2.41L11,15.5l2.41,1.09ZM17,14l.62-1.38L19,12l-1.38-.62L17,10l-.62,1.38L15,12l1.38.62Z\"\r\n\t\t\t\t\t\t\t\tfill=\"#2b2b30\" />\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span class=\"title-adding-elements\">\r\n\t\t\t\t\t\t{{ 'BUILDER.ELEMENTS.BUTTON' | translate }}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</li>\r\n\t\t\t</ng-template>\r\n\r\n\r\n\t\t</ul>\r\n\t</div>\r\n</ng-template>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n",
        styles: [""]
    })
], HoverLayerComponent);
export { HoverLayerComponent };
//# sourceMappingURL=data:application/json;base64, 