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

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

import { Component } from '@angular/core';
import { ConfigEvents } from 'cocori-ng/src/feature-form';
import * as i0 from "@angular/core";
import * as i1 from "cocori-ng/src/feature-core";
import * as i2 from "@angular/forms";
import * as i3 from "@angular/material/button-toggle";
import * as i4 from "@angular/material/icon";
export class CocoringPreviewOptionsComponent {
    constructor(broadcastEventService) {
        this.broadcastEventService = broadcastEventService;
        this.responsive = 'computer';
        this.orientationComputer = 'computer';
        this.orientationTabletLand = 'tablet-land';
        this.orientationTabletPort = 'tablet-port';
        this.orientationMobile = 'mobile';
    }
    ngOnInit() {
    }
    reset() {
        this.responsive = this.orientationComputer;
        this.broadcastEventService.broadcast({ eventKeys: [ConfigEvents.CMS_RESPONSIVE_ORIENTATION_CHANGED], eventData: this.responsive });
    }
    onResponsiveChange($event) {
        this.broadcastEventService.broadcast({ eventKeys: [ConfigEvents.CMS_RESPONSIVE_ORIENTATION_CHANGED], eventData: $event });
    }
}
CocoringPreviewOptionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: CocoringPreviewOptionsComponent, deps: [{ token: i1.BroadcastEventService }], target: i0.ɵɵFactoryTarget.Component });
CocoringPreviewOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.1", type: CocoringPreviewOptionsComponent, selector: "cocoring-preview-options", ngImport: i0, template: "<mat-button-toggle-group [(ngModel)]=\"responsive\" (ngModelChange)=\"onResponsiveChange($event)\" class=\"resolutions-group\"\r\n    #group=\"matButtonToggleGroup\">\r\n    <mat-button-toggle [value]=\"orientationComputer\" title=\"Vision ordinateur\" aria-label=\"Ordinateur\">\r\n        <mat-icon>computer</mat-icon>\r\n    </mat-button-toggle>\r\n    <mat-button-toggle [value]=\"orientationTabletLand\" title=\"Vision tablette en mode paysage\"\r\n        aria-label=\"Tablette paysage\">\r\n        <mat-icon>tablet</mat-icon>\r\n    </mat-button-toggle>\r\n    <mat-button-toggle [value]=\"orientationTabletPort\" title=\"Vision tablette en mode portrait\"\r\n        aria-label=\"Tablette portrait\">\r\n        <mat-icon>tablet_mac</mat-icon>\r\n    </mat-button-toggle>\r\n    <mat-button-toggle [value]=\"orientationMobile\" title=\"Vision t\u00E9l\u00E9phone\" aria-label=\"T\u00E9l\u00E9phone\">\r\n        <mat-icon>phone_iphone</mat-icon>\r\n    </mat-button-toggle>\r\n</mat-button-toggle-group>", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i3.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: CocoringPreviewOptionsComponent, decorators: [{
            type: Component,
            args: [{ selector: 'cocoring-preview-options', template: "<mat-button-toggle-group [(ngModel)]=\"responsive\" (ngModelChange)=\"onResponsiveChange($event)\" class=\"resolutions-group\"\r\n    #group=\"matButtonToggleGroup\">\r\n    <mat-button-toggle [value]=\"orientationComputer\" title=\"Vision ordinateur\" aria-label=\"Ordinateur\">\r\n        <mat-icon>computer</mat-icon>\r\n    </mat-button-toggle>\r\n    <mat-button-toggle [value]=\"orientationTabletLand\" title=\"Vision tablette en mode paysage\"\r\n        aria-label=\"Tablette paysage\">\r\n        <mat-icon>tablet</mat-icon>\r\n    </mat-button-toggle>\r\n    <mat-button-toggle [value]=\"orientationTabletPort\" title=\"Vision tablette en mode portrait\"\r\n        aria-label=\"Tablette portrait\">\r\n        <mat-icon>tablet_mac</mat-icon>\r\n    </mat-button-toggle>\r\n    <mat-button-toggle [value]=\"orientationMobile\" title=\"Vision t\u00E9l\u00E9phone\" aria-label=\"T\u00E9l\u00E9phone\">\r\n        <mat-icon>phone_iphone</mat-icon>\r\n    </mat-button-toggle>\r\n</mat-button-toggle-group>", styles: [":host{display:block}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.BroadcastEventService }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29jb3JpbmctcHJldmlldy1vcHRpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvY29yaS1uZy9zcmMvZmVhdHVyZS1jbXMvc2hhcmVkL2NvbXBvbmVudC1jbXMtZWRpdG9yL2NvY29yaW5nLXByZXZpZXctb3B0aW9ucy9jb2NvcmluZy1wcmV2aWV3LW9wdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29jb3JpLW5nL3NyYy9mZWF0dXJlLWNtcy9zaGFyZWQvY29tcG9uZW50LWNtcy1lZGl0b3IvY29jb3JpbmctcHJldmlldy1vcHRpb25zL2NvY29yaW5nLXByZXZpZXctb3B0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRWxELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7O0FBUzFELE1BQU0sT0FBTywrQkFBK0I7SUFTMUMsWUFDVSxxQkFBNEM7UUFBNUMsMEJBQXFCLEdBQXJCLHFCQUFxQixDQUF1QjtRQVJ0RCxlQUFVLEdBQVcsVUFBVSxDQUFBO1FBRS9CLHdCQUFtQixHQUEwQixVQUFVLENBQUE7UUFDdkQsMEJBQXFCLEdBQTBCLGFBQWEsQ0FBQTtRQUM1RCwwQkFBcUIsR0FBMEIsYUFBYSxDQUFBO1FBQzVELHNCQUFpQixHQUEwQixRQUFRLENBQUE7SUFJL0MsQ0FBQztJQUVMLFFBQVE7SUFDUixDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFBO1FBRTFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxTQUFTLENBQUMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxZQUFZLENBQUMsa0NBQWtDLENBQUMsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUE7SUFDcEksQ0FBQztJQUVELGtCQUFrQixDQUFDLE1BQU07UUFDdkIsSUFBSSxDQUFDLHFCQUFxQixDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxDQUFDLFlBQVksQ0FBQyxrQ0FBa0MsQ0FBQyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFBO0lBQzNILENBQUM7OzRIQXhCVSwrQkFBK0I7Z0hBQS9CLCtCQUErQixnRUNYNUMscy9CQWdCMEI7MkZETGIsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDBCQUEwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJyb2FkY2FzdEV2ZW50U2VydmljZSB9IGZyb20gJ2NvY29yaS1uZy9zcmMvZmVhdHVyZS1jb3JlJztcclxuaW1wb3J0IHsgQ29uZmlnRXZlbnRzIH0gZnJvbSAnY29jb3JpLW5nL3NyYy9mZWF0dXJlLWZvcm0nO1xyXG5cclxuaW1wb3J0IHsgUmVzcG9uc2l2ZU9yaWVudGF0aW9uIH0gZnJvbSAnLi4vLi4vLi4vY29yZS9tb2RlbC9jbXMubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjb2NvcmluZy1wcmV2aWV3LW9wdGlvbnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2NvcmluZy1wcmV2aWV3LW9wdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NvY29yaW5nLXByZXZpZXctb3B0aW9ucy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb2NvcmluZ1ByZXZpZXdPcHRpb25zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgcmVzcG9uc2l2ZTogc3RyaW5nID0gJ2NvbXB1dGVyJ1xyXG5cclxuICBvcmllbnRhdGlvbkNvbXB1dGVyOiBSZXNwb25zaXZlT3JpZW50YXRpb24gPSAnY29tcHV0ZXInXHJcbiAgb3JpZW50YXRpb25UYWJsZXRMYW5kOiBSZXNwb25zaXZlT3JpZW50YXRpb24gPSAndGFibGV0LWxhbmQnXHJcbiAgb3JpZW50YXRpb25UYWJsZXRQb3J0OiBSZXNwb25zaXZlT3JpZW50YXRpb24gPSAndGFibGV0LXBvcnQnXHJcbiAgb3JpZW50YXRpb25Nb2JpbGU6IFJlc3BvbnNpdmVPcmllbnRhdGlvbiA9ICdtb2JpbGUnXHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBicm9hZGNhc3RFdmVudFNlcnZpY2U6IEJyb2FkY2FzdEV2ZW50U2VydmljZSxcclxuICApIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIHJlc2V0KCkge1xyXG4gICAgdGhpcy5yZXNwb25zaXZlID0gdGhpcy5vcmllbnRhdGlvbkNvbXB1dGVyXHJcblxyXG4gICAgdGhpcy5icm9hZGNhc3RFdmVudFNlcnZpY2UuYnJvYWRjYXN0KHsgZXZlbnRLZXlzOiBbQ29uZmlnRXZlbnRzLkNNU19SRVNQT05TSVZFX09SSUVOVEFUSU9OX0NIQU5HRURdLCBldmVudERhdGE6IHRoaXMucmVzcG9uc2l2ZSB9KVxyXG4gIH1cclxuXHJcbiAgb25SZXNwb25zaXZlQ2hhbmdlKCRldmVudCkge1xyXG4gICAgdGhpcy5icm9hZGNhc3RFdmVudFNlcnZpY2UuYnJvYWRjYXN0KHsgZXZlbnRLZXlzOiBbQ29uZmlnRXZlbnRzLkNNU19SRVNQT05TSVZFX09SSUVOVEFUSU9OX0NIQU5HRURdLCBldmVudERhdGE6ICRldmVudCB9KVxyXG4gIH1cclxufVxyXG4iLCI8bWF0LWJ1dHRvbi10b2dnbGUtZ3JvdXAgWyhuZ01vZGVsKV09XCJyZXNwb25zaXZlXCIgKG5nTW9kZWxDaGFuZ2UpPVwib25SZXNwb25zaXZlQ2hhbmdlKCRldmVudClcIiBjbGFzcz1cInJlc29sdXRpb25zLWdyb3VwXCJcclxuICAgICNncm91cD1cIm1hdEJ1dHRvblRvZ2dsZUdyb3VwXCI+XHJcbiAgICA8bWF0LWJ1dHRvbi10b2dnbGUgW3ZhbHVlXT1cIm9yaWVudGF0aW9uQ29tcHV0ZXJcIiB0aXRsZT1cIlZpc2lvbiBvcmRpbmF0ZXVyXCIgYXJpYS1sYWJlbD1cIk9yZGluYXRldXJcIj5cclxuICAgICAgICA8bWF0LWljb24+Y29tcHV0ZXI8L21hdC1pY29uPlxyXG4gICAgPC9tYXQtYnV0dG9uLXRvZ2dsZT5cclxuICAgIDxtYXQtYnV0dG9uLXRvZ2dsZSBbdmFsdWVdPVwib3JpZW50YXRpb25UYWJsZXRMYW5kXCIgdGl0bGU9XCJWaXNpb24gdGFibGV0dGUgZW4gbW9kZSBwYXlzYWdlXCJcclxuICAgICAgICBhcmlhLWxhYmVsPVwiVGFibGV0dGUgcGF5c2FnZVwiPlxyXG4gICAgICAgIDxtYXQtaWNvbj50YWJsZXQ8L21hdC1pY29uPlxyXG4gICAgPC9tYXQtYnV0dG9uLXRvZ2dsZT5cclxuICAgIDxtYXQtYnV0dG9uLXRvZ2dsZSBbdmFsdWVdPVwib3JpZW50YXRpb25UYWJsZXRQb3J0XCIgdGl0bGU9XCJWaXNpb24gdGFibGV0dGUgZW4gbW9kZSBwb3J0cmFpdFwiXHJcbiAgICAgICAgYXJpYS1sYWJlbD1cIlRhYmxldHRlIHBvcnRyYWl0XCI+XHJcbiAgICAgICAgPG1hdC1pY29uPnRhYmxldF9tYWM8L21hdC1pY29uPlxyXG4gICAgPC9tYXQtYnV0dG9uLXRvZ2dsZT5cclxuICAgIDxtYXQtYnV0dG9uLXRvZ2dsZSBbdmFsdWVdPVwib3JpZW50YXRpb25Nb2JpbGVcIiB0aXRsZT1cIlZpc2lvbiB0w6lsw6lwaG9uZVwiIGFyaWEtbGFiZWw9XCJUw6lsw6lwaG9uZVwiPlxyXG4gICAgICAgIDxtYXQtaWNvbj5waG9uZV9pcGhvbmU8L21hdC1pY29uPlxyXG4gICAgPC9tYXQtYnV0dG9uLXRvZ2dsZT5cclxuPC9tYXQtYnV0dG9uLXRvZ2dsZS1ncm91cD4iXX0=