cocori-ng
Version:
Cocori-ng is an Angular full of great components & utilites based on Material
59 lines • 8.72 kB
JavaScript
import { ChangeDetectionStrategy, ChangeDetectorRef, Component } from '@angular/core';
import { BroadcastEventService } from 'cocori-ng/src/feature-core';
import { ConfigEvents } from 'cocori-ng/src/feature-form';
import { Subject, takeUntil } from 'rxjs';
import * as i0 from "@angular/core";
export class ExtendPreviewActionsComponent {
constructor(injector) {
this.orientation = 'row';
this.orientationWidth = '100%';
this.destroy$ = new Subject();
this.cdr = injector.get(ChangeDetectorRef);
this.broadcastEventService = injector.get(BroadcastEventService);
this.onOrientationChanged();
}
ngOnDestroy() {
this.destroy$.next(undefined);
this.destroy$.complete();
}
onOrientationChanged() {
this.broadcastEventService.listen([ConfigEvents.CMS_RESPONSIVE_ORIENTATION_CHANGED]).pipe(takeUntil(this.destroy$)).subscribe((orientation) => {
this.getOrientationParams(orientation);
this.cdr.detectChanges();
});
}
getOrientationParams(type) {
this.flexWidth = null;
var orientations = {
'mobile': () => {
this.orientation = 'column';
this.orientationWidth = '375px';
this.flexWidth = '100%';
},
'tablet-port': () => {
this.orientation = 'column';
this.orientationWidth = '768px';
},
'tablet-land': () => {
this.orientation = 'row';
this.orientationWidth = '1024px';
},
'computer': () => {
this.orientation = 'row';
this.orientationWidth = '100%';
}
};
(orientations[type] || orientations['default'])();
}
}
ExtendPreviewActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: ExtendPreviewActionsComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
ExtendPreviewActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.1", type: ExtendPreviewActionsComponent, selector: "extend-preview-tpl", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: ExtendPreviewActionsComponent, decorators: [{
type: Component,
args: [{
changeDetection: ChangeDetectionStrategy.OnPush,
selector: 'extend-preview-tpl',
template: ''
}]
}], ctorParameters: function () { return [{ type: i0.Injector }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXh0ZW5kLXByZXZpZXctYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2Nvcmktbmcvc3JjL2ZlYXR1cmUtY21zL3NoYXJlZC9leHRlbmQtcHJldmlldy1hY3Rpb25zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUF1QixNQUFNLGVBQWUsQ0FBQztBQUMzRyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBVzFDLE1BQU0sT0FBZ0IsNkJBQTZCO0lBUy9DLFlBQVksUUFBa0I7UUFOOUIsZ0JBQVcsR0FBVyxLQUFLLENBQUE7UUFDM0IscUJBQWdCLEdBQVcsTUFBTSxDQUFDO1FBR3pCLGFBQVEsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO1FBRzlCLElBQUksQ0FBQyxHQUFHLEdBQUcsUUFBUSxDQUFDLEdBQUcsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQzNDLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxRQUFRLENBQUMsR0FBRyxDQUFDLHFCQUFxQixDQUFDLENBQUM7UUFFakUsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUE7SUFDL0IsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM5QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFTyxvQkFBb0I7UUFDeEIsSUFBSSxDQUFDLHFCQUFxQixDQUFDLE1BQU0sQ0FBQyxDQUFDLFlBQVksQ0FBQyxrQ0FBa0MsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUNyRixTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUMzQixDQUFDLFNBQVMsQ0FBQyxDQUFDLFdBQWtDLEVBQUUsRUFBRTtZQUMvQyxJQUFJLENBQUMsb0JBQW9CLENBQUMsV0FBVyxDQUFDLENBQUE7WUFFdEMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQTtRQUM1QixDQUFDLENBQUMsQ0FBQTtJQUNOLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxJQUEyQjtRQUM1QyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQTtRQUVyQixJQUFJLFlBQVksR0FBeUI7WUFDckMsUUFBUSxFQUFFLEdBQUcsRUFBRTtnQkFDWCxJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQTtnQkFDM0IsSUFBSSxDQUFDLGdCQUFnQixHQUFHLE9BQU8sQ0FBQTtnQkFDL0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUE7WUFDM0IsQ0FBQztZQUNELGFBQWEsRUFBRSxHQUFHLEVBQUU7Z0JBQ2hCLElBQUksQ0FBQyxXQUFXLEdBQUcsUUFBUSxDQUFBO2dCQUMzQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsT0FBTyxDQUFBO1lBQ25DLENBQUM7WUFDRCxhQUFhLEVBQUUsR0FBRyxFQUFFO2dCQUNoQixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQTtnQkFDeEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLFFBQVEsQ0FBQTtZQUNwQyxDQUFDO1lBQ0QsVUFBVSxFQUFFLEdBQUcsRUFBRTtnQkFDYixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQTtnQkFDeEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLE1BQU0sQ0FBQTtZQUNsQyxDQUFDO1NBQ0osQ0FBQztRQUVGLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLFlBQVksQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDdEQsQ0FBQzs7MEhBdkRpQiw2QkFBNkI7OEdBQTdCLDZCQUE2QiwwREFIckMsRUFBRTsyRkFHTSw2QkFBNkI7a0JBTmxELFNBQVM7bUJBQUM7b0JBQ1AsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRSxFQUFFO2lCQUNmIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEluamVjdG9yLCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQnJvYWRjYXN0RXZlbnRTZXJ2aWNlIH0gZnJvbSAnY29jb3JpLW5nL3NyYy9mZWF0dXJlLWNvcmUnO1xyXG5pbXBvcnQgeyBDb25maWdFdmVudHMgfSBmcm9tICdjb2Nvcmktbmcvc3JjL2ZlYXR1cmUtZm9ybSc7XHJcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xyXG5cclxuaW1wb3J0IHsgT3JpZW50YXRpb25QYXJhbXNUcGwsIFJlc3BvbnNpdmVPcmllbnRhdGlvbiB9IGZyb20gJy4uL2NvcmUvbW9kZWwvY21zLm1vZGVsJztcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgc2VsZWN0b3I6ICdleHRlbmQtcHJldmlldy10cGwnLFxyXG4gICAgdGVtcGxhdGU6ICcnXHJcbn0pXHJcblxyXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgRXh0ZW5kUHJldmlld0FjdGlvbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xyXG5cclxuICAgIGJyb2FkY2FzdEV2ZW50U2VydmljZTogQnJvYWRjYXN0RXZlbnRTZXJ2aWNlO1xyXG4gICAgb3JpZW50YXRpb246IHN0cmluZyA9ICdyb3cnXHJcbiAgICBvcmllbnRhdGlvbldpZHRoOiBzdHJpbmcgPSAnMTAwJSc7XHJcbiAgICBmbGV4V2lkdGg6IHN0cmluZztcclxuICAgIGNkcjogYW55O1xyXG4gICAgcmVhZG9ubHkgZGVzdHJveSQgPSBuZXcgU3ViamVjdCgpO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xyXG4gICAgICAgIHRoaXMuY2RyID0gaW5qZWN0b3IuZ2V0KENoYW5nZURldGVjdG9yUmVmKTtcclxuICAgICAgICB0aGlzLmJyb2FkY2FzdEV2ZW50U2VydmljZSA9IGluamVjdG9yLmdldChCcm9hZGNhc3RFdmVudFNlcnZpY2UpO1xyXG5cclxuICAgICAgICB0aGlzLm9uT3JpZW50YXRpb25DaGFuZ2VkKClcclxuICAgIH1cclxuXHJcbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmRlc3Ryb3kkLm5leHQodW5kZWZpbmVkKTtcclxuICAgICAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBvbk9yaWVudGF0aW9uQ2hhbmdlZCgpIHtcclxuICAgICAgICB0aGlzLmJyb2FkY2FzdEV2ZW50U2VydmljZS5saXN0ZW4oW0NvbmZpZ0V2ZW50cy5DTVNfUkVTUE9OU0lWRV9PUklFTlRBVElPTl9DSEFOR0VEXSkucGlwZShcclxuICAgICAgICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQpXHJcbiAgICAgICAgKS5zdWJzY3JpYmUoKG9yaWVudGF0aW9uOiBSZXNwb25zaXZlT3JpZW50YXRpb24pID0+IHtcclxuICAgICAgICAgICAgdGhpcy5nZXRPcmllbnRhdGlvblBhcmFtcyhvcmllbnRhdGlvbilcclxuXHJcbiAgICAgICAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKVxyXG4gICAgICAgIH0pXHJcbiAgICB9XHJcblxyXG4gICAgZ2V0T3JpZW50YXRpb25QYXJhbXModHlwZTogUmVzcG9uc2l2ZU9yaWVudGF0aW9uKSB7XHJcbiAgICAgICAgdGhpcy5mbGV4V2lkdGggPSBudWxsXHJcblxyXG4gICAgICAgIHZhciBvcmllbnRhdGlvbnM6IE9yaWVudGF0aW9uUGFyYW1zVHBsID0ge1xyXG4gICAgICAgICAgICAnbW9iaWxlJzogKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5vcmllbnRhdGlvbiA9ICdjb2x1bW4nXHJcbiAgICAgICAgICAgICAgICB0aGlzLm9yaWVudGF0aW9uV2lkdGggPSAnMzc1cHgnXHJcbiAgICAgICAgICAgICAgICB0aGlzLmZsZXhXaWR0aCA9ICcxMDAlJ1xyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAndGFibGV0LXBvcnQnOiAoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLm9yaWVudGF0aW9uID0gJ2NvbHVtbidcclxuICAgICAgICAgICAgICAgIHRoaXMub3JpZW50YXRpb25XaWR0aCA9ICc3NjhweCdcclxuICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgJ3RhYmxldC1sYW5kJzogKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5vcmllbnRhdGlvbiA9ICdyb3cnXHJcbiAgICAgICAgICAgICAgICB0aGlzLm9yaWVudGF0aW9uV2lkdGggPSAnMTAyNHB4J1xyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAnY29tcHV0ZXInOiAoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLm9yaWVudGF0aW9uID0gJ3JvdydcclxuICAgICAgICAgICAgICAgIHRoaXMub3JpZW50YXRpb25XaWR0aCA9ICcxMDAlJ1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfTtcclxuXHJcbiAgICAgICAgKG9yaWVudGF0aW9uc1t0eXBlXSB8fCBvcmllbnRhdGlvbnNbJ2RlZmF1bHQnXSkoKTtcclxuICAgIH1cclxufVxyXG4iXX0=