import { __decorate } from "tslib";
import { Component, Input, Output, EventEmitter } from "@angular/core";
import { EwMaDesignService } from '../../../ew-ma-design.service';
var SectionConfigComponent = /** @class */ (function () {
    /**
     * @description
     * Emit event to Done Click.
     */
    // @Output() onDoneClick: EventEmitter<any> = new EventEmitter();
    function SectionConfigComponent(designService) {
        this.designService = designService;
        this.showImageLibrary = true;
        /*
        * Show the Library Popup
        */
        this.showImageLibraryPopup = false;
        /**
         * Output
         * @param Event
         */
        this.onSidebarBackClick = new EventEmitter();
    }
    SectionConfigComponent.prototype.ngOnInit = function () {
        this.environment = this.designService.environment;
        this.eventId = this.designService.eventId;
        if (this.model && this.model.meta_data.image_url.length) {
            this.showImageLibrary = false;
        }
    };
    SectionConfigComponent.prototype.selectedImage = function (image) {
        if (image) {
            var imgProps = JSON.parse(image.properties);
            this.model.meta_data.image_url = image.url;
            this.model.meta_data.image_name = image.name;
            this.model.meta_data.image_width = imgProps.image_width;
            this.model.meta_data.image_height = imgProps.image_height;
            this.model.meta_data.image_size = imgProps.image_size;
        }
        this.showImageLibrary = false;
    };
    SectionConfigComponent.prototype.removeImage = function () {
        this.showImageLibrary = true;
        this.showImageLibraryPopup = false;
        this.model.meta_data.image_url = '';
        this.model.meta_data.image_name = '';
        this.model.meta_data.image_width = 0;
        this.model.meta_data.image_height = 0;
        this.model.meta_data.image_size = 0;
    };
    SectionConfigComponent.prototype.changeImage = function () {
        this.showImageLibrary = true;
        this.showImageLibraryPopup = true;
    };
    // closeConfig(): void {
    //   this.onDoneClick.emit();
    // }
    /*
    * OnChange of Color Picker
    */
    SectionConfigComponent.prototype.changeColorPicker = function (event) {
        this.model.meta_data.settings.bg_color = event;
    };
    /*
    * close the sidebar
    * @param type:option param
    */
    SectionConfigComponent.prototype.sidebarBack = function (type) {
        this.onSidebarBackClick.emit(type);
    };
    /*
    * Checking the value is undefined or not
    */
    SectionConfigComponent.prototype.isUndefined = function (val) { return typeof val === 'undefined'; };
    SectionConfigComponent.ctorParameters = function () { return [
        { type: EwMaDesignService }
    ]; };
    __decorate([
        Input()
    ], SectionConfigComponent.prototype, "model", void 0);
    __decorate([
        Output()
    ], SectionConfigComponent.prototype, "onSidebarBackClick", void 0);
    SectionConfigComponent = __decorate([
        Component({
            selector: 'ew-section-config',
            template: "<div style=\"height:100%\">\r\n    <div class=\"mat-widget-header tab-toggle-ew\">\r\n        <span class=\"title-content-ew\">{{ 'BUILDER.ELEMENTS.SECTION_SETTINGS' | translate }}</span>\r\n        <!-- <span class=\"btn-editor-save\">\r\n                <button class=\"small-button-ew\" mat-flat-button color=\"accent\">Save</button>\r\n            </span> -->\r\n        <span class=\"btn-editor-save ew-sidebar-close-btn\" (click)=\"sidebarBack('builderPage')\">\r\n            <button class=\"small-button-ew green base\" mat-flat-button color=\"accent\">{{ 'DESIGN.DONE' | translate }}</button>\r\n        </span>\r\n    </div>\r\n    <div class=\"elements-outer-sec-scroll mat-toggle-multiple\">\r\n            <mat-button-toggle-group name=\"fontStyle\" aria-label=\"Font Style\" #tabOptions=\"matButtonToggleGroup\">\r\n                <mat-button-toggle value=\"setting\" checked>\r\n                    {{ 'BUILDER.ELEMENTS.TABS.SETTINGS' | translate }}\r\n                </mat-button-toggle>\r\n                \r\n                <mat-button-toggle value=\"advanced\">{{ 'BUILDER.ELEMENTS.TABS.ADVANCED' | translate }}</mat-button-toggle>\r\n            </mat-button-toggle-group>\r\n\r\n        <div *ngIf=\"tabOptions.value == 'setting'\">\r\n            <div class=\"builder-elements-outer\">\r\n                <div class=\"element-builder-row\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.TOP_MARGIN' | translate }}</span>\r\n                    <div class=\"mat-slider-outer-part common-builder-right slider-2-digit\">\r\n                        <span class=\"mat-slider-inner\">\r\n                            <mat-slider [value]=\"model?.meta_data.settings.top_margin\" (input)=\"model.meta_data.settings.top_margin = $event.value\" min=\"0\" max=\"100\" step=\"1\">\r\n                            </mat-slider>\r\n                        </span>\r\n                        <span class=\"value-count-slider\">\r\n                            {{ model?.meta_data.settings.top_margin }} px\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"advance-title-sec-box\">\r\n                <span class=\"title-advance-box\">{{ 'BUILDER.ELEMENTS.ROW_SET_SIZE' | translate }}</span>\r\n            </div>\r\n            <div class=\"builder-elements-outer\">\r\n                <div class=\"element-builder-row\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.WIDTH' | translate }}</span>\r\n                    <div class=\"mat-slider-outer-part common-builder-right slider-2-digit\">\r\n\r\n                        <span class=\"mat-slider-inner\">\r\n                            <mat-slider [value]=\"model?.meta_data.settings.width\" (input)=\"model?.meta_data.settings.width = $event.value\" min=\"40\"\r\n                                max=\"100\" step=\"1\">\r\n                            </mat-slider>\r\n                        </span>\r\n                        <span class=\"value-count-slider\">\r\n                            {{ model?.meta_data.settings.width }}%\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n                <div class=\"element-builder-row padding-elements-30-top\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.ALIGN' | translate }}</span>\r\n                    <div class=\"common-builder-right\">\r\n                        <mat-form-field floatLabel=\"never\" class=\"ew-field-without-lebel\">\r\n                            <mat-select [(value)]=\"model?.meta_data.settings.align\">\r\n                                <mat-option value=\"margin-right: auto;\">Left</mat-option>\r\n                                <mat-option value=\"margin-left: auto;margin-right: auto;\">Center</mat-option>\r\n                                <mat-option value=\"margin-left: auto;\">Right</mat-option>\r\n                            </mat-select>\r\n                        </mat-form-field>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"advance-title-sec-box\">\r\n                <span class=\"title-advance-box\">{{ 'BUILDER.ELEMENTS.BG_IMAGE' | translate }}</span>\r\n            </div>\r\n            <div class=\"builder-elements-outer\">\r\n                <div class=\"element-builder-row\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.IMAGE' | translate }}</span>\r\n                    \r\n                    <!-- ////////// -->\r\n                    <lib-ew-ma-image\r\n                        [event_id]=\"eventId\"\r\n                        [label_text]=\"''\"\r\n                        [showImageLibPopup]=\"showImageLibraryPopup\"\r\n                        [default_language]=\"designService.defaultLang\"\r\n                        [env]=\"environment\"\r\n                        (selectedImage)=\"selectedImage($event)\"\r\n                        *ngIf=\"showImageLibrary\"\r\n                    ></lib-ew-ma-image>\r\n\r\n                    <div class=\"uploaded-img-sec\" *ngIf=\"!showImageLibrary\">\r\n                        <div class=\"uploaded-img-left\">\r\n                            <img src=\"{{ model?.meta_data.image_url }}\" />\r\n                        </div>\r\n                        <div class=\"uploader-img-right\">\r\n                            <span class=\"uploader-img-name\">{{ model?.meta_data.image_name }}</span>\r\n                            <span class=\"uploader-img-size\">{{ model?.meta_data.image_width }}x{{ model?.meta_data.image_height }}px</span>\r\n                            <span class=\"uploader-img-weight\">{{ model?.meta_data.image_size }} bytes</span>\r\n                            <div class=\"call-action-upload-file\">\r\n                                <button (click)=\"changeImage()\" class=\"small-button-ew\" mat-flat-button color=\"grey\">{{ 'DESIGN.CHANGE' | translate }}</button>\r\n                                <button (click)=\"removeImage()\" class=\"no-bg-btn theme-button-text-ew-small warning-btn-no-text\">{{ 'DESIGN.REMOVE' | translate }}</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <!-- ////////// -->\r\n                    <!-- <div class=\"common-builder-right\">\r\n                        <span class=\"selectimage-builder-placeholder\">Select Image</span>\r\n                    </div> -->\r\n\r\n                </div>\r\n                <!-- <div class=\"element-builder-row  padding-elements-30-top\">\r\n                    <span class=\"builder-elements-name\">Image Opacity</span>\r\n                    <div class=\"mat-slider-outer-part common-builder-right slider-2-digit\">\r\n\r\n                        <span class=\"mat-slider-inner\">\r\n                            <mat-slider [value]=\"model?.meta_data.opacity\" (input)=\"model.meta_data.opacity = $event.value\" min=\"0\"\r\n                                max=\"100\" step=\"1\">\r\n                            </mat-slider>\r\n                        </span>\r\n                        <span class=\"value-count-slider\">\r\n                            {{ model?.meta_data.opacity }}%\r\n                        </span>\r\n                    </div>\r\n                </div> -->\r\n                <div class=\"element-builder-row padding-elements-30-top\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.IMAGE_POSITION' | translate }}</span>\r\n                    <div class=\"common-builder-right\">\r\n                        <mat-form-field floatLabel=\"never\" class=\"ew-field-without-lebel\">\r\n                            <mat-select [(value)]=\"model?.meta_data.settings.image_position\">\r\n                                <mat-option value=\"bg-cover\">Full Center (Parallax)</mat-option>\r\n                                <mat-option value=\"bg-Cover100\">Fill 100% Width</mat-option>\r\n                                <mat-option value=\"bg-Cover101\">Fill 100% Width & Height</mat-option>\r\n                                <mat-option value=\"bg-NoRepeat\">No Repeat</mat-option>\r\n                                <mat-option value=\"bgRepeat\">Repeat</mat-option>\r\n                                <mat-option value=\"bgRepeatX\">Repeat Horizontally</mat-option>\r\n                                <mat-option value=\"bg-RepeatY\">Repeat Vertically</mat-option>\r\n                                <mat-option value=\"bg-RepeatXTop\">Repeat Horizontally - Top</mat-option>\r\n                                <mat-option value=\"bg-RepeatXBottom\">Repeat Horizontally - Bottom</mat-option>\r\n                            </mat-select>\r\n                        </mat-form-field>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            <div class=\"advance-title-sec-box\">\r\n                <span class=\"title-advance-box\">{{ 'BUILDER.ELEMENTS.COLOR' | translate }}</span>\r\n            </div>\r\n            <div class=\"builder-elements-outer\">\r\n                <div class=\"element-builder-row\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.BG_COLOR' | translate }}</span>\r\n                    <div class=\"common-builder-right\">\r\n                        <mat-form-field\r\n                         class=\"mat-form-field color-picker-mat embeded-color-widget-picker\"\r\n                          floatLabel=\"never\"\r\n                        >\r\n                            <input matInput type=\"text\"\r\n                                [cpPosition]=\"'top'\"\r\n                                [cpOutputFormat]=\"'rgba'\"\r\n                                [colorPicker]=\"model.meta_data?.settings.bg_color\"\r\n                                (colorPickerChange)=\"changeColorPicker($event)\"\r\n                                [ngModel]=\"model.meta_data?.settings.bg_color\" />\r\n                        \r\n                            <span class=\"color-picker-box\"\r\n                                [ngClass]=\"{'transparent-color-ew': (isUndefined(model.meta_data?.settings.bg_color) || model.meta_data?.settings.bg_color.slice(-2,-1) == '0') }\" \r\n                                [style.background-color]=\"model?.meta_data.settings.bg_color\">\r\n                            </span>\r\n                        </mat-form-field>\r\n                    </div>\r\n                </div>\r\n                <!-- <div class=\"element-builder-row  padding-elements-30-top\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.TEXT_COLOR' | translate }}</span>\r\n                    <div class=\"common-builder-right\">\r\n                        <mat-form-field class=\"mat-form-field color-picker-mat embeded-color-widget-picker\" floatLabel=\"never\">\r\n                            <input matInput type=\"text\"\r\n                                [cpPosition]=\"'top'\"\r\n                                [cpOutputFormat]=\"'rgba'\"\r\n                                [colorPicker]=\"model?.meta_data.settings.text_color\"\r\n                                (colorPickerChange)=\"model.meta_data.settings.text_color=$event\"\r\n                                [(ngModel)]=\"model?.meta_data.settings.text_color\" />\r\n                            <span class=\"color-picker-box\"\r\n                                [style.background-color]=\"model?.meta_data.settings.text_color\"></span>\r\n                        </mat-form-field>\r\n                    </div>\r\n                </div> -->\r\n            </div>\r\n            <div class=\"advance-title-sec-box\">\r\n                <span class=\"title-advance-box\">{{ 'BUILDER.ELEMENTS.PADDINGS' | translate }}</span>\r\n            </div>\r\n            <div class=\"builder-elements-outer\">\r\n                <div class=\"element-builder-row\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.PADDING.TOP' | translate }}</span>\r\n                    <div class=\"mat-slider-outer-part common-builder-right\">\r\n                        <span class=\"mat-slider-inner\">\r\n                            <mat-slider [value]=\"model?.meta_data.paddings.top\" (input)=\"model?.meta_data.paddings.top = $event.value\" min=\"0\" max=\"100\" step=\"1\">\r\n                            </mat-slider>\r\n                        </span>\r\n                        <span class=\"value-count-slider\">\r\n                            {{ model?.meta_data.paddings.top }} px\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"element-builder-row padding-elements-30-top\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.PADDING.RIGHT' | translate }}</span>\r\n                    <div class=\"mat-slider-outer-part common-builder-right \">\r\n                        <span class=\"mat-slider-inner\">\r\n                            <mat-slider [value]=\"model?.meta_data.paddings.right\" (input)=\"model?.meta_data.paddings.right = $event.value\" min=\"0\" max=\"100\" step=\"1\">\r\n                            </mat-slider>\r\n                        </span>\r\n                        <span class=\"value-count-slider\">\r\n                            {{ model?.meta_data.paddings.right }} px\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"element-builder-row padding-elements-30-top\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.PADDING.BOTTOM' | translate }}</span>\r\n                    <div class=\"mat-slider-outer-part common-builder-right \">\r\n                        <span class=\"mat-slider-inner\">\r\n                            <mat-slider [value]=\"model?.meta_data.paddings.bottom\" (input)=\"model?.meta_data.paddings.bottom = $event.value\" min=\"0\" max=\"100\" step=\"1\">\r\n                            </mat-slider>\r\n                        </span>\r\n                        <span class=\"value-count-slider\">\r\n                            {{ model?.meta_data.paddings.bottom }} px\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"element-builder-row padding-elements-30-top\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.PADDING.LEFT' | translate }}</span>\r\n                    <div class=\"mat-slider-outer-part common-builder-right\">\r\n                        <span class=\"mat-slider-inner\">\r\n                            <mat-slider [value]=\"model?.meta_data.paddings.left\" (input)=\"model?.meta_data.paddings.left = $event.value\" min=\"0\" max=\"100\" step=\"1\">\r\n                            </mat-slider>\r\n                        </span>\r\n                        <span class=\"value-count-slider\">\r\n                            {{ model?.meta_data.paddings.left }} px\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n\r\n                <!-- <div class=\"element-builder-row padding-elements-builder-sidebar\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col m3 s3\">\r\n                            <div class=\"bottom-custom-design-fields\">\r\n                                <label class=\"label-padding-sec\">{{ 'BUILDER.ELEMENTS.PADDING.TOP' | translate }}</label>\r\n                                <mat-form-field class=\"ew-field-no-label\" floatLabel=\"never\">\r\n                                    <input matInput [(ngModel)]=\"model?.meta_data.paddings.top\" placeholder=\"\" type=\"number\">\r\n                                </mat-form-field>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col m3 s3\">\r\n                            <div class=\"bottom-custom-design-fields\">\r\n                                <label class=\"label-padding-sec\">{{ 'BUILDER.ELEMENTS.PADDING.RIGHT' | translate }}</label>\r\n                                <mat-form-field class=\"ew-field-no-label\" floatLabel=\"never\">\r\n                                    <input matInput [(ngModel)]=\"model?.meta_data.paddings.right\" placeholder=\"\" type=\"number\">\r\n                                </mat-form-field>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col m3 s3\">\r\n                            <div class=\"bottom-custom-design-fields\">\r\n                                <label class=\"label-padding-sec\">{{ 'BUILDER.ELEMENTS.PADDING.BOTTOM' | translate }}</label>\r\n                                <mat-form-field class=\"ew-field-no-label\" floatLabel=\"never\">\r\n                                    <input matInput [(ngModel)]=\"model?.meta_data.paddings.bottom\" placeholder=\"\" type=\"number\">\r\n                                </mat-form-field>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"col m3 s3\">\r\n                            <div class=\"bottom-custom-design-fields\">\r\n                                <label class=\"label-padding-sec\">{{ 'BUILDER.ELEMENTS.PADDING.LEFT' | translate }}</label>\r\n                                <mat-form-field class=\"ew-field-no-label\" floatLabel=\"never\">\r\n                                    <input matInput [(ngModel)]=\"model?.meta_data.paddings.left\" placeholder=\"\" type=\"number\">\r\n                                </mat-form-field>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div> -->\r\n            </div>\r\n        </div>\r\n        <div class=\"advanced-tab\" *ngIf=\"tabOptions.value == 'advanced'\">\r\n            <div class=\"builder-elements-outer\">\r\n                <div class=\"element-builder-row\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.BORDER_RADIUS' | translate }}</span>\r\n                    <div class=\"mat-slider-outer-part common-builder-right\">\r\n                        <span class=\"mat-slider-inner\">\r\n                            <mat-slider [value]=\"model?.meta_data.advanced.box_radius\" (input)=\"model.meta_data.advanced.box_radius = $event.value\"\r\n                                min=\"0\" max=\"100\" step=\"1\">\r\n                            </mat-slider>\r\n                        </span>\r\n                        <span class=\"value-count-slider\">{{ model?.meta_data.advanced.box_radius }} px</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"advance-title-sec-box\">\r\n                <span class=\"title-advance-box\">{{ 'BUILDER.ELEMENTS.BORDER' | translate }}</span>\r\n            </div>\r\n            <div class=\"builder-elements-outer\">\r\n                <div class=\"element-builder-row\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.BORDER' | translate }}</span>\r\n                    <div class=\"common-builder-right\">\r\n                        <mat-form-field floatLabel=\"never\" class=\"ew-field-without-lebel\">\r\n                            <mat-select [(value)]=\"model?.meta_data.advanced.border_position\">\r\n                                <mat-option value=\"ew_border_top_bottom\">Top & Bottom</mat-option>\r\n                                <mat-option value=\"ew_border_top\">Top Only</mat-option>\r\n                                <mat-option value=\"ew_border_bottom\">Bottom Only</mat-option>\r\n                                <mat-option value=\"ew_full_border\">Full Border</mat-option>\r\n                                <mat-option value=\"ew_no_border\">No Border</mat-option>\r\n                            </mat-select>\r\n                        </mat-form-field>\r\n                    </div>\r\n                </div>\r\n                <div *ngIf=\"model?.meta_data.advanced.border_position != 'ew_no_border'\" class=\"element-builder-row padding-elements-30-top\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.STYLE' | translate }}</span>\r\n                    <div class=\"common-builder-right\">\r\n                        <mat-form-field floatLabel=\"never\" class=\"ew-field-without-lebel\">\r\n                            <mat-select [(value)]=\"model?.meta_data.advanced.style\">\r\n                                <mat-option value=\"solid\">Solid</mat-option>\r\n                                <mat-option value=\"dashed\">Dashed</mat-option>\r\n                                <mat-option value=\"dotted\">Dotted</mat-option>\r\n                                <mat-option value=\"double\">Double</mat-option>\r\n                                <mat-option value=\"groove\">Groove</mat-option>\r\n                            </mat-select>\r\n                        </mat-form-field>\r\n                    </div>\r\n                </div>\r\n                <div *ngIf=\"model?.meta_data.advanced.border_position != 'ew_no_border'\" class=\"element-builder-row padding-elements-30-top\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.SIZE' | translate }}</span>\r\n                    <div class=\"mat-slider-outer-part common-builder-right\">\r\n                        <span class=\"mat-slider-inner\">\r\n                            <mat-slider [value]=\"model?.meta_data.advanced.border_size\" (input)=\"model.meta_data.advanced.border_size = $event.value\"\r\n                                min=\"1\" max=\"10\" step=\"1\">\r\n                            </mat-slider>\r\n                        </span>\r\n                        <span class=\"value-count-slider\">{{ model?.meta_data.advanced.border_size }} px</span>\r\n                    </div>\r\n                </div>\r\n                <div *ngIf=\"model?.meta_data.advanced.border_position != 'ew_no_border'\" class=\"element-builder-row  padding-elements-30-top\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.BORDER_COLOR' | translate }}</span>\r\n                    <div class=\"common-builder-right\">\r\n                        <mat-form-field class=\"mat-form-field color-picker-mat embeded-color-widget-picker\" floatLabel=\"never\">\r\n                            <input matInput type=\"text\"\r\n                                [cpPosition]=\"'top'\"\r\n                                [cpAlphaChannel]=\"'disableAlpha'\"\r\n                                [cpOutputFormat]=\"'auto'\"\r\n                                [colorPicker]=\"model?.meta_data.advanced.border_color\"\r\n                                (colorPickerChange)=\"model.meta_data.advanced.border_color=$event\"\r\n                                [(ngModel)]=\"model?.meta_data.advanced.border_color\" />\r\n                            <span class=\"color-picker-box\"\r\n                                [style.background-color]=\"model?.meta_data.advanced.border_color\"></span>\r\n                        </mat-form-field>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"advance-title-sec-box\">\r\n                <span class=\"title-advance-box\">{{ 'BUILDER.ELEMENTS.BOX_SHADOW' | translate }}</span>\r\n            </div>\r\n            <div class=\"builder-elements-outer\">\r\n                <div class=\"element-builder-row\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.TYPE' | translate }}</span>\r\n                    <div class=\"common-builder-right\">\r\n                        <mat-form-field floatLabel=\"never\" class=\"ew-field-without-lebel\">\r\n                            <mat-select [(value)]=\"model?.meta_data.box_shadow\">\r\n                                <mat-option value=\"ew-no-shadow\">No Shadow</mat-option>\r\n                                <mat-option value=\"ew-small-shadow\">Small</mat-option>\r\n                                <mat-option value=\"ew-medium-shadow\">Medium</mat-option>\r\n                                <mat-option value=\"ew-large-shadow\">Large</mat-option>\r\n                            </mat-select>\r\n                        </mat-form-field>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"advance-title-sec-box\">\r\n                <span class=\"title-advance-box\">{{ 'BUILDER.ELEMENTS.CUSTOM_CLASS' | translate }}</span>\r\n            </div>\r\n            <div class=\"builder-elements-outer\">\r\n                <div class=\"element-builder-row\">\r\n                    <span class=\"builder-elements-name\">{{ 'BUILDER.ELEMENTS.CUSTOM_CLASS_NAME' | translate }}</span>\r\n                    <div class=\"common-builder-right\">\r\n                        <mat-form-field class=\"ew-field-without-lebel builder-input-fields\" floatLabel=\"never\">\r\n                            <input matInput type=\"text\" [(ngModel)]=\"model?.meta_data.custom_class\">\r\n                        </mat-form-field>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            \r\n        </div>\r\n    </div>\r\n</div>\r\n",
            styles: [""]
        })
    ], SectionConfigComponent);
    return SectionConfigComponent;
}());
export { SectionConfigComponent };
//# sourceMappingURL=data:application/json;base64, 