cocori-ng/esm2020/src/feature-cms/shared/section-tpl/section-tpl.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 { ExtendPreviewActionsComponent } from '../extend-preview-actions.component';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/flex-layout/flex";
import * as i3 from "@angular/flex-layout/extended";
export class SectionTplComponent extends ExtendPreviewActionsComponent {
    constructor(injector) {
        super(injector);
        this.readOnly = false;
        this.openBottomSheet = new EventEmitter();
    }
    ngOnInit() { }
}
SectionTplComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: SectionTplComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
SectionTplComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.1", type: SectionTplComponent, selector: "section-tpl", inputs: { backgroundColor: "backgroundColor", readOnly: "readOnly" }, outputs: { openBottomSheet: "openBottomSheet" }, usesInheritance: true, ngImport: i0, template: "<section class=\"cms-block\" [style.background-color]=\"backgroundColor\" [style.max-width]=\"orientationWidth\"\r\n    [ngClass]=\"{'sidenav-openned': readOnly, 'orientation-column': orientation === 'column'}\"\r\n    (click)=\"openBottomSheet.emit()\">\r\n    <div class=\"container\" fxFlex=\"100%\" [fxLayout]=\"orientation\" [fxFlex.gt-lg]=\"flexWidth || '75%'\"\r\n        [fxFlex.gt-md]=\"flexWidth || '80%'\" [fxFlex.gt-sm]=\"flexWidth || '90%'\" fxFlex.gt-xs=\"100%\">\r\n        <div class=\"row justify-content-center\" [fxLayout]=\"orientation\" fxFlex=\"100%\" [ngClass.lt-md]=\"'row-mobile'\" [ngClass]=\"{'row-mobile': orientation === 'column'}\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</section>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i3.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: SectionTplComponent, decorators: [{
            type: Component,
            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'section-tpl', template: "<section class=\"cms-block\" [style.background-color]=\"backgroundColor\" [style.max-width]=\"orientationWidth\"\r\n    [ngClass]=\"{'sidenav-openned': readOnly, 'orientation-column': orientation === 'column'}\"\r\n    (click)=\"openBottomSheet.emit()\">\r\n    <div class=\"container\" fxFlex=\"100%\" [fxLayout]=\"orientation\" [fxFlex.gt-lg]=\"flexWidth || '75%'\"\r\n        [fxFlex.gt-md]=\"flexWidth || '80%'\" [fxFlex.gt-sm]=\"flexWidth || '90%'\" fxFlex.gt-xs=\"100%\">\r\n        <div class=\"row justify-content-center\" [fxLayout]=\"orientation\" fxFlex=\"100%\" [ngClass.lt-md]=\"'row-mobile'\" [ngClass]=\"{'row-mobile': orientation === 'column'}\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</section>" }]
        }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { backgroundColor: [{
                type: Input
            }], readOnly: [{
                type: Input
            }], openBottomSheet: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi10cGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29jb3JpLW5nL3NyYy9mZWF0dXJlLWNtcy9zaGFyZWQvc2VjdGlvbi10cGwvc2VjdGlvbi10cGwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29jb3JpLW5nL3NyYy9mZWF0dXJlLWNtcy9zaGFyZWQvc2VjdGlvbi10cGwvc2VjdGlvbi10cGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQVksS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVsSCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7Ozs7QUFRcEYsTUFBTSxPQUFPLG1CQUFvQixTQUFRLDZCQUE2QjtJQU9wRSxZQUFZLFFBQWtCO1FBQzVCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUxULGFBQVEsR0FBWSxLQUFLLENBQUE7UUFFeEIsb0JBQWUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUl6RSxDQUFDO0lBRUQsUUFBUSxLQUFXLENBQUM7O2dIQVhULG1CQUFtQjtvR0FBbkIsbUJBQW1CLGlNQ1ZoQywrdUJBU1U7MkZEQ0csbUJBQW1CO2tCQU4vQixTQUFTO3NDQUNTLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsYUFBYTsrRkFNZCxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5qZWN0b3IsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgRXh0ZW5kUHJldmlld0FjdGlvbnNDb21wb25lbnQgfSBmcm9tICcuLi9leHRlbmQtcHJldmlldy1hY3Rpb25zLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBzZWxlY3RvcjogJ3NlY3Rpb24tdHBsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2VjdGlvbi10cGwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogW11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNlY3Rpb25UcGxDb21wb25lbnQgZXh0ZW5kcyBFeHRlbmRQcmV2aWV3QWN0aW9uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIGJhY2tncm91bmRDb2xvcjogc3RyaW5nXHJcbiAgQElucHV0KCkgcmVhZE9ubHk6IGJvb2xlYW4gPSBmYWxzZVxyXG5cclxuICBAT3V0cHV0KCkgb3BlbkJvdHRvbVNoZWV0OiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xyXG4gICAgc3VwZXIoaW5qZWN0b3IpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7IH1cclxufVxyXG4iLCI8c2VjdGlvbiBjbGFzcz1cImNtcy1ibG9ja1wiIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cImJhY2tncm91bmRDb2xvclwiIFtzdHlsZS5tYXgtd2lkdGhdPVwib3JpZW50YXRpb25XaWR0aFwiXHJcbiAgICBbbmdDbGFzc109XCJ7J3NpZGVuYXYtb3Blbm5lZCc6IHJlYWRPbmx5LCAnb3JpZW50YXRpb24tY29sdW1uJzogb3JpZW50YXRpb24gPT09ICdjb2x1bW4nfVwiXHJcbiAgICAoY2xpY2spPVwib3BlbkJvdHRvbVNoZWV0LmVtaXQoKVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiIGZ4RmxleD1cIjEwMCVcIiBbZnhMYXlvdXRdPVwib3JpZW50YXRpb25cIiBbZnhGbGV4Lmd0LWxnXT1cImZsZXhXaWR0aCB8fCAnNzUlJ1wiXHJcbiAgICAgICAgW2Z4RmxleC5ndC1tZF09XCJmbGV4V2lkdGggfHwgJzgwJSdcIiBbZnhGbGV4Lmd0LXNtXT1cImZsZXhXaWR0aCB8fCAnOTAlJ1wiIGZ4RmxleC5ndC14cz1cIjEwMCVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicm93IGp1c3RpZnktY29udGVudC1jZW50ZXJcIiBbZnhMYXlvdXRdPVwib3JpZW50YXRpb25cIiBmeEZsZXg9XCIxMDAlXCIgW25nQ2xhc3MubHQtbWRdPVwiJ3Jvdy1tb2JpbGUnXCIgW25nQ2xhc3NdPVwieydyb3ctbW9iaWxlJzogb3JpZW50YXRpb24gPT09ICdjb2x1bW4nfVwiPlxyXG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9zZWN0aW9uPiJdfQ==