ontimize-web-ngx
Version:
Ontimize Web framework using Angular 15
65 lines • 10.4 kB
JavaScript
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Injector, ViewEncapsulation } from '@angular/core';
import { Subscription, merge } from 'rxjs';
import { OAppSidenavBase } from '../o-app-sidenav-base.class';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export const DEFAULT_INPUTS_O_APP_SIDENAV_IMAGE = [
'openedSrc: opened-src',
'closedSrc: closed-src'
];
export const DEFAULT_OUTPUTS_O_APP_SIDENAV_IMAGE = [];
export class OAppSidenavImageComponent {
constructor(injector, cd) {
this.injector = injector;
this.cd = cd;
this.subscription = new Subscription();
this.sidenav = this.injector.get(OAppSidenavBase);
}
ngOnInit() {
if (this.sidenav) {
this.subscription.add(merge(this.sidenav.onSidenavClosedStart, this.sidenav.onSidenavOpenedStart).subscribe(() => this.updateImage()));
}
this.updateImage();
}
ngOnDestroy() {
this.subscription.unsubscribe();
}
ngOnChanges(changes) {
if (changes.openedSrc || changes.closedSrc) {
this.updateImage();
}
}
updateImage() {
if (this.sidenav && this.sidenav.sidenav && this.sidenav.sidenav.opened) {
this.setOpenedImg();
}
else {
this.setClosedImg();
}
this.cd.detectChanges();
}
set src(val) {
this._src = val;
}
get src() {
return this._src;
}
setOpenedImg() {
this.src = this.openedSrc;
}
setClosedImg() {
this.src = this.closedSrc;
}
get showImage() {
return (this._src !== undefined && this._src.length > 0);
}
}
OAppSidenavImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OAppSidenavImageComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
OAppSidenavImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: OAppSidenavImageComponent, selector: "o-app-sidenav-image", inputs: { openedSrc: ["opened-src", "openedSrc"], closedSrc: ["closed-src", "closedSrc"] }, host: { properties: { "class.o-app-sidenav-image": "true" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"o-app-sidenav-image-container\" *ngIf=\"showImage\">\n <img class=\"o-app-sidenav-image\" [src]=\"src\" alt=\"application sidenav image\" />\n</div>\n", styles: [".sidenav-toggle-container+.o-app-sidenav-image .o-app-sidenav-image-container{padding-top:0;text-align:center}.mat-drawer-opened .o-app-sidenav-image .o-app-sidenav-image-container{text-align:center}.o-app-sidenav-image .o-app-sidenav-image-container{max-height:75px;margin:24px 0}.o-app-sidenav-image .o-app-sidenav-image-container .o-app-sidenav-image{max-width:100%;max-height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OAppSidenavImageComponent, decorators: [{
type: Component,
args: [{ selector: 'o-app-sidenav-image', inputs: DEFAULT_INPUTS_O_APP_SIDENAV_IMAGE, outputs: DEFAULT_OUTPUTS_O_APP_SIDENAV_IMAGE, encapsulation: ViewEncapsulation.None, host: {
'[class.o-app-sidenav-image]': 'true'
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"o-app-sidenav-image-container\" *ngIf=\"showImage\">\n <img class=\"o-app-sidenav-image\" [src]=\"src\" alt=\"application sidenav image\" />\n</div>\n", styles: [".sidenav-toggle-container+.o-app-sidenav-image .o-app-sidenav-image-container{padding-top:0;text-align:center}.mat-drawer-opened .o-app-sidenav-image .o-app-sidenav-image-container{text-align:center}.o-app-sidenav-image .o-app-sidenav-image-container{max-height:75px;margin:24px 0}.o-app-sidenav-image .o-app-sidenav-image-container .o-app-sidenav-image{max-width:100%;max-height:100%}\n"] }]
}], ctorParameters: function () { return [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1hcHAtc2lkZW5hdi1pbWFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vbnRpbWl6ZS13ZWItbmd4L3NyYy9saWIvY29tcG9uZW50cy9hcHAtc2lkZW5hdi9pbWFnZS9vLWFwcC1zaWRlbmF2LWltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29udGltaXplLXdlYi1uZ3gvc3JjL2xpYi9jb21wb25lbnRzL2FwcC1zaWRlbmF2L2ltYWdlL28tYXBwLXNpZGVuYXYtaW1hZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQStDLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hLLE9BQU8sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7O0FBRzlELE1BQU0sQ0FBQyxNQUFNLGtDQUFrQyxHQUFHO0lBQ2hELHVCQUF1QjtJQUN2Qix1QkFBdUI7Q0FDeEIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG1DQUFtQyxHQUFHLEVBQUUsQ0FBQztBQWN0RCxNQUFNLE9BQU8seUJBQXlCO0lBU3BDLFlBQ1ksUUFBa0IsRUFDbEIsRUFBcUI7UUFEckIsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUNsQixPQUFFLEdBQUYsRUFBRSxDQUFtQjtRQUp2QixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFNMUMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNoQixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxvQkFBb0IsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLG9CQUFvQixDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDLENBQUM7U0FDeEk7UUFDRCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsU0FBUyxJQUFJLE9BQU8sQ0FBQyxTQUFTLEVBQUU7WUFDMUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFO1lBQ3ZFLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUNyQjthQUFNO1lBQ0wsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1NBQ3JCO1FBQ0QsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFBSSxHQUFHLENBQUMsR0FBVztRQUNqQixJQUFJLENBQUMsSUFBSSxHQUFHLEdBQUcsQ0FBQztJQUNsQixDQUFDO0lBRUQsSUFBSSxHQUFHO1FBQ0wsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ25CLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQzVCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDM0QsQ0FBQzs7dUhBNURVLHlCQUF5QjsyR0FBekIseUJBQXlCLDJPQ3hCdEMsc0tBR0E7NEZEcUJhLHlCQUF5QjtrQkFackMsU0FBUzsrQkFDRSxxQkFBcUIsVUFDdkIsa0NBQWtDLFdBQ2pDLG1DQUFtQyxpQkFHN0IsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDSiw2QkFBNkIsRUFBRSxNQUFNO3FCQUN0QyxtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbmplY3RvciwgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksIE9uSW5pdCwgU2ltcGxlQ2hhbmdlcywgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiwgbWVyZ2UgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IE9BcHBTaWRlbmF2QmFzZSB9IGZyb20gJy4uL28tYXBwLXNpZGVuYXYtYmFzZS5jbGFzcyc7XG5cblxuZXhwb3J0IGNvbnN0IERFRkFVTFRfSU5QVVRTX09fQVBQX1NJREVOQVZfSU1BR0UgPSBbXG4gICdvcGVuZWRTcmM6IG9wZW5lZC1zcmMnLFxuICAnY2xvc2VkU3JjOiBjbG9zZWQtc3JjJ1xuXTtcblxuZXhwb3J0IGNvbnN0IERFRkFVTFRfT1VUUFVUU19PX0FQUF9TSURFTkFWX0lNQUdFID0gW107XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ28tYXBwLXNpZGVuYXYtaW1hZ2UnLFxuICBpbnB1dHM6IERFRkFVTFRfSU5QVVRTX09fQVBQX1NJREVOQVZfSU1BR0UsXG4gIG91dHB1dHM6IERFRkFVTFRfT1VUUFVUU19PX0FQUF9TSURFTkFWX0lNQUdFLFxuICB0ZW1wbGF0ZVVybDogJy4vby1hcHAtc2lkZW5hdi1pbWFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL28tYXBwLXNpZGVuYXYtaW1hZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3Muby1hcHAtc2lkZW5hdi1pbWFnZV0nOiAndHJ1ZSdcbiAgfSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgT0FwcFNpZGVuYXZJbWFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBPbkNoYW5nZXMge1xuXG4gIHByb3RlY3RlZCBzaWRlbmF2OiBPQXBwU2lkZW5hdkJhc2U7XG4gIHB1YmxpYyBvcGVuZWRTcmM6IHN0cmluZztcbiAgcHVibGljIGNsb3NlZFNyYzogc3RyaW5nO1xuICBwcml2YXRlIF9zcmM6IHN0cmluZztcblxuICBwcm90ZWN0ZWQgc3Vic2NyaXB0aW9uID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByb3RlY3RlZCBpbmplY3RvcjogSW5qZWN0b3IsXG4gICAgcHJvdGVjdGVkIGNkOiBDaGFuZ2VEZXRlY3RvclJlZlxuICApIHtcbiAgICB0aGlzLnNpZGVuYXYgPSB0aGlzLmluamVjdG9yLmdldChPQXBwU2lkZW5hdkJhc2UpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKHRoaXMuc2lkZW5hdikge1xuICAgICAgdGhpcy5zdWJzY3JpcHRpb24uYWRkKG1lcmdlKHRoaXMuc2lkZW5hdi5vblNpZGVuYXZDbG9zZWRTdGFydCwgdGhpcy5zaWRlbmF2Lm9uU2lkZW5hdk9wZW5lZFN0YXJ0KS5zdWJzY3JpYmUoKCkgPT4gdGhpcy51cGRhdGVJbWFnZSgpKSk7XG4gICAgfVxuICAgIHRoaXMudXBkYXRlSW1hZ2UoKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXMub3BlbmVkU3JjIHx8IGNoYW5nZXMuY2xvc2VkU3JjKSB7XG4gICAgICB0aGlzLnVwZGF0ZUltYWdlKCk7XG4gICAgfVxuICB9XG5cbiAgdXBkYXRlSW1hZ2UoKSB7XG4gICAgaWYgKHRoaXMuc2lkZW5hdiAmJiB0aGlzLnNpZGVuYXYuc2lkZW5hdiAmJiB0aGlzLnNpZGVuYXYuc2lkZW5hdi5vcGVuZWQpIHtcbiAgICAgIHRoaXMuc2V0T3BlbmVkSW1nKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2V0Q2xvc2VkSW1nKCk7XG4gICAgfVxuICAgIHRoaXMuY2QuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgc2V0IHNyYyh2YWw6IHN0cmluZykge1xuICAgIHRoaXMuX3NyYyA9IHZhbDtcbiAgfVxuXG4gIGdldCBzcmMoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3NyYztcbiAgfVxuXG4gIHNldE9wZW5lZEltZygpIHtcbiAgICB0aGlzLnNyYyA9IHRoaXMub3BlbmVkU3JjO1xuICB9XG5cbiAgc2V0Q2xvc2VkSW1nKCkge1xuICAgIHRoaXMuc3JjID0gdGhpcy5jbG9zZWRTcmM7XG4gIH1cblxuICBnZXQgc2hvd0ltYWdlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAodGhpcy5fc3JjICE9PSB1bmRlZmluZWQgJiYgdGhpcy5fc3JjLmxlbmd0aCA+IDApO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJvLWFwcC1zaWRlbmF2LWltYWdlLWNvbnRhaW5lclwiICpuZ0lmPVwic2hvd0ltYWdlXCI+XG4gIDxpbWcgY2xhc3M9XCJvLWFwcC1zaWRlbmF2LWltYWdlXCIgW3NyY109XCJzcmNcIiBhbHQ9XCJhcHBsaWNhdGlvbiBzaWRlbmF2IGltYWdlXCIgLz5cbjwvZGl2PlxuIl19