cocori-ng/esm2020/feature-cms/shared/component-cms-editor/cocoring-toolbar-cms/cocoring-toolbar-cms.component.mjs

Cocori-ng is an Angular full of great components & utilites based on Material

import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../../../core/service/cms.service";
import * as i2 from "@angular/common";
import * as i3 from "@angular/material/icon";
import * as i4 from "../cocoring-preview-options/cocoring-preview-options.component";
export class CocoringToolbarCmsComponent {
    constructor(cmsService) {
        this.cmsService = cmsService;
        this.showSaveBtn = false;
        this.toggleSidenav = new EventEmitter();
    }
    ngOnInit() { }
    saveContentPage() {
        this.cmsService.onSaveCmsContent$.next(this.cmsService.sectionsPageDatas());
    }
}
CocoringToolbarCmsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: CocoringToolbarCmsComponent, deps: [{ token: i1.CmsService }], target: i0.ɵɵFactoryTarget.Component });
CocoringToolbarCmsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.1", type: CocoringToolbarCmsComponent, selector: "cocoring-toolbar-cms", inputs: { showSaveBtn: "showSaveBtn" }, outputs: { toggleSidenav: "toggleSidenav" }, ngImport: i0, template: "<div class=\"sidenav-header\" style=\"z-index: 9;\">\r\n    <div class=\"group-left\">\r\n        <cocoring-preview-options></cocoring-preview-options>\r\n    </div>\r\n    <div class=\"group-right\">\r\n        <div *ngIf=\"showSaveBtn\" class=\"toggle-sidenav\" (click)=\"saveContentPage()\">\r\n            <mat-icon>save_alt</mat-icon>\r\n        </div>\r\n        <div class=\"toggle-sidenav\" (click)=\"toggleSidenav.emit()\">\r\n            <mat-icon>widgets</mat-icon>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host{display:block}.sidenav-header{position:absolute;top:0;left:0;width:-webkit-fill-available;display:flex;justify-content:space-between;background-color:#fff;padding:10px;align-items:center;box-shadow:0 .5rem 1rem #2c33491a}.sidenav-header .group-left,.sidenav-header .group-right{display:flex}.sidenav-header .group-left .mat-icon,.sidenav-header .group-right .mat-icon{padding:0 5px}.sidenav-header .toggle-sidenav{font-size:20px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.CocoringPreviewOptionsComponent, selector: "cocoring-preview-options" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: CocoringToolbarCmsComponent, decorators: [{
            type: Component,
            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'cocoring-toolbar-cms', template: "<div class=\"sidenav-header\" style=\"z-index: 9;\">\r\n    <div class=\"group-left\">\r\n        <cocoring-preview-options></cocoring-preview-options>\r\n    </div>\r\n    <div class=\"group-right\">\r\n        <div *ngIf=\"showSaveBtn\" class=\"toggle-sidenav\" (click)=\"saveContentPage()\">\r\n            <mat-icon>save_alt</mat-icon>\r\n        </div>\r\n        <div class=\"toggle-sidenav\" (click)=\"toggleSidenav.emit()\">\r\n            <mat-icon>widgets</mat-icon>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host{display:block}.sidenav-header{position:absolute;top:0;left:0;width:-webkit-fill-available;display:flex;justify-content:space-between;background-color:#fff;padding:10px;align-items:center;box-shadow:0 .5rem 1rem #2c33491a}.sidenav-header .group-left,.sidenav-header .group-right{display:flex}.sidenav-header .group-left .mat-icon,.sidenav-header .group-right .mat-icon{padding:0 5px}.sidenav-header .toggle-sidenav{font-size:20px;cursor:pointer}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.CmsService }]; }, propDecorators: { showSaveBtn: [{
                type: Input
            }], toggleSidenav: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29jb3JpbmctdG9vbGJhci1jbXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29jb3JpLW5nL3NyYy9mZWF0dXJlLWNtcy9zaGFyZWQvY29tcG9uZW50LWNtcy1lZGl0b3IvY29jb3JpbmctdG9vbGJhci1jbXMvY29jb3JpbmctdG9vbGJhci1jbXMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29jb3JpLW5nL3NyYy9mZWF0dXJlLWNtcy9zaGFyZWQvY29tcG9uZW50LWNtcy1lZGl0b3IvY29jb3JpbmctdG9vbGJhci1jbXMvY29jb3JpbmctdG9vbGJhci1jbXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBVXhHLE1BQU0sT0FBTywyQkFBMkI7SUFJdEMsWUFDVSxVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBSnZCLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBQzVCLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7SUFHbkMsQ0FBQztJQUVyQyxRQUFRLEtBQVcsQ0FBQztJQUVwQixlQUFlO1FBQ2IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDLENBQUE7SUFDN0UsQ0FBQzs7d0hBWFUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsaUpDVnhDLHdnQkFZTTsyRkRGTywyQkFBMkI7a0JBTnZDLFNBQVM7c0NBQ1MsdUJBQXVCLENBQUMsTUFBTSxZQUNyQyxzQkFBc0I7aUdBS3ZCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBDbXNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9zZXJ2aWNlL2Ntcy5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIHNlbGVjdG9yOiAnY29jb3JpbmctdG9vbGJhci1jbXMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2NvcmluZy10b29sYmFyLWNtcy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29jb3JpbmctdG9vbGJhci1jbXMuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29jb3JpbmdUb29sYmFyQ21zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBzaG93U2F2ZUJ0bjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoKSB0b2dnbGVTaWRlbmF2OiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBjbXNTZXJ2aWNlOiBDbXNTZXJ2aWNlKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7IH1cclxuXHJcbiAgc2F2ZUNvbnRlbnRQYWdlKCkge1xyXG4gICAgdGhpcy5jbXNTZXJ2aWNlLm9uU2F2ZUNtc0NvbnRlbnQkLm5leHQodGhpcy5jbXNTZXJ2aWNlLnNlY3Rpb25zUGFnZURhdGFzKCkpXHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJzaWRlbmF2LWhlYWRlclwiIHN0eWxlPVwiei1pbmRleDogOTtcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJncm91cC1sZWZ0XCI+XHJcbiAgICAgICAgPGNvY29yaW5nLXByZXZpZXctb3B0aW9ucz48L2NvY29yaW5nLXByZXZpZXctb3B0aW9ucz5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImdyb3VwLXJpZ2h0XCI+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cInNob3dTYXZlQnRuXCIgY2xhc3M9XCJ0b2dnbGUtc2lkZW5hdlwiIChjbGljayk9XCJzYXZlQ29udGVudFBhZ2UoKVwiPlxyXG4gICAgICAgICAgICA8bWF0LWljb24+c2F2ZV9hbHQ8L21hdC1pY29uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0b2dnbGUtc2lkZW5hdlwiIChjbGljayk9XCJ0b2dnbGVTaWRlbmF2LmVtaXQoKVwiPlxyXG4gICAgICAgICAgICA8bWF0LWljb24+d2lkZ2V0czwvbWF0LWljb24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19