ontimize-web-ngx/esm2020/lib/components/list/renderers/avatar/o-list-item-avatar.component.mjs

Ontimize Web framework using Angular 15

import { Component, ElementRef, forwardRef, Inject, Injector, Optional, Renderer2, ViewEncapsulation } from '@angular/core';
import { OListItemComponent } from '../../list-item/o-list-item.component';
import { OListItemTextRenderer } from '../o-list-item-text-renderer.class';
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/material/icon";
import * as i4 from "@angular/material/list";
import * as i5 from "../../../../pipes/o-safe.pipe";
import * as i6 from "../../list-item/o-list-item.component";
export const DEFAULT_INPUTS_O_LIST_ITEM_AVATAR = [
    'avatar',
    'emptyAvatar: empty-avatar',
    'avatarType: avatar-type'
];
export class OListItemAvatarComponent extends OListItemTextRenderer {
    constructor(elRef, _renderer, _injector, _listItem) {
        super(elRef, _renderer, _injector, _listItem);
        this._listItem = _listItem;
    }
    ngAfterViewInit() {
        this.modifyMatListItemElement();
    }
    ngOnInit() {
        let avatarValue = this.avatar;
        if (!this.avatar) {
            avatarValue = this.emptyAvatar;
        }
        else {
            switch (this.avatarType) {
                case 'base64':
                    avatarValue = ('data:image/png;base64,' + ((typeof (avatarValue.bytes) !== 'undefined') ? avatarValue.bytes : avatarValue));
                    break;
                case 'url':
                default:
                    avatarValue = this.avatar;
                    break;
            }
        }
        this.avatarSrc = avatarValue;
    }
}
OListItemAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OListItemAvatarComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: forwardRef(() => OListItemComponent), optional: true }], target: i0.ɵɵFactoryTarget.Component });
OListItemAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: OListItemAvatarComponent, selector: "o-list-item-avatar", inputs: { avatar: "avatar", emptyAvatar: ["empty-avatar", "emptyAvatar"], avatarType: ["avatar-type", "avatarType"] }, host: { properties: { "class.o-custom-list-item": "true", "class.o-list-item-avatar": "true" } }, usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n  <img matListItemAvatar class=\"avatar\" [src]=\"avatarSrc | oSafe:'resourceUrl'\" [alt]=\"title\">\n  <div class=\"mat-mdc-list-item\">\n    <span matListItemTitle class=\"primary-text\"> {{ title }} </span>\n    <span *ngIf=\"primaryText !== undefined\" matListItemLine class=\"primary-text\">{{ primaryText }}</span>\n    <span *ngIf=\"secondaryText !== undefined\" matListItemLine class=\"secondary-text\">{{ secondaryText }}</span>\n  </div>\n  <mat-icon *ngIf=\"icon !== undefined\" class=\"material-icons o-list-item-icon\" (click)=\"onActionIconClick($event)\">\n    {{ icon }}\n  </mat-icon>\n</div>\n", styles: [".o-list-item-avatar .mat-mdc-list-item-avatar{width:40px;height:40px;border-radius:50%}.o-list-row-action+.o-list-item-avatar{padding:0 0 0 10px}.mat-mdc-list.selectable .o-list-item-avatar .mat-mdc-list-item{padding-right:0}.mat-mdc-list .mat-mdc-list-item .mdc-list-item__content .o-list-item-avatar.o-custom-list-item .mat-mdc-list-item,.mat-nav-list .mat-mdc-list-item .mdc-list-item__content .o-list-item-avatar.o-custom-list-item .mat-mdc-list-item{padding:0 16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatListItemAvatar, selector: "[matListItemAvatar]" }, { kind: "directive", type: i4.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "pipe", type: i5.OSafePipe, name: "oSafe" }], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OListItemAvatarComponent, decorators: [{
            type: Component,
            args: [{ selector: 'o-list-item-avatar', inputs: DEFAULT_INPUTS_O_LIST_ITEM_AVATAR, encapsulation: ViewEncapsulation.None, host: {
                        '[class.o-custom-list-item]': 'true',
                        '[class.o-list-item-avatar]': 'true'
                    }, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n  <img matListItemAvatar class=\"avatar\" [src]=\"avatarSrc | oSafe:'resourceUrl'\" [alt]=\"title\">\n  <div class=\"mat-mdc-list-item\">\n    <span matListItemTitle class=\"primary-text\"> {{ title }} </span>\n    <span *ngIf=\"primaryText !== undefined\" matListItemLine class=\"primary-text\">{{ primaryText }}</span>\n    <span *ngIf=\"secondaryText !== undefined\" matListItemLine class=\"secondary-text\">{{ secondaryText }}</span>\n  </div>\n  <mat-icon *ngIf=\"icon !== undefined\" class=\"material-icons o-list-item-icon\" (click)=\"onActionIconClick($event)\">\n    {{ icon }}\n  </mat-icon>\n</div>\n", styles: [".o-list-item-avatar .mat-mdc-list-item-avatar{width:40px;height:40px;border-radius:50%}.o-list-row-action+.o-list-item-avatar{padding:0 0 0 10px}.mat-mdc-list.selectable .o-list-item-avatar .mat-mdc-list-item{padding-right:0}.mat-mdc-list .mat-mdc-list-item .mdc-list-item__content .o-list-item-avatar.o-custom-list-item .mat-mdc-list-item,.mat-nav-list .mat-mdc-list-item .mdc-list-item__content .o-list-item-avatar.o-custom-list-item .mat-mdc-list-item{padding:0 16px}\n"] }]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i6.OListItemComponent, decorators: [{
                    type: Optional
                }, {
                    type: Inject,
                    args: [forwardRef(() => OListItemComponent)]
                }] }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1saXN0LWl0ZW0tYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29udGltaXplLXdlYi1uZ3gvc3JjL2xpYi9jb21wb25lbnRzL2xpc3QvcmVuZGVyZXJzL2F2YXRhci9vLWxpc3QtaXRlbS1hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb250aW1pemUtd2ViLW5neC9zcmMvbGliL2NvbXBvbmVudHMvbGlzdC9yZW5kZXJlcnMvYXZhdGFyL28tbGlzdC1pdGVtLWF2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQVUsUUFBUSxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuSixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7Ozs7QUFFM0UsTUFBTSxDQUFDLE1BQU0saUNBQWlDLEdBQUc7SUFDL0MsUUFBUTtJQUNSLDJCQUEyQjtJQUUzQix5QkFBeUI7Q0FDMUIsQ0FBQztBQWFGLE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxxQkFBcUI7SUFPakUsWUFDRSxLQUFpQixFQUNqQixTQUFvQixFQUNwQixTQUFtQixFQUNpRCxTQUE2QjtRQUVqRyxLQUFLLENBQUMsS0FBSyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFGc0IsY0FBUyxHQUFULFNBQVMsQ0FBb0I7SUFHbkcsQ0FBQztJQUdELGVBQWU7UUFDYixJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksV0FBVyxHQUFRLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDbkMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDaEIsV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7U0FDaEM7YUFBTTtZQUNMLFFBQVEsSUFBSSxDQUFDLFVBQVUsRUFBRTtnQkFDdkIsS0FBSyxRQUFRO29CQUNYLFdBQVcsR0FBRyxDQUFDLHdCQUF3QixHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO29CQUM1SCxNQUFNO2dCQUNSLEtBQUssS0FBSyxDQUFDO2dCQUNYO29CQUNFLFdBQVcsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO29CQUMxQixNQUFNO2FBQ1Q7U0FDRjtRQUNELElBQUksQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDO0lBQy9CLENBQUM7O3NIQXJDVSx3QkFBd0IsNkZBV2IsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixDQUFDOzBHQVgvQyx3QkFBd0IsMFNDdkJyQyw0cEJBV0E7NEZEWWEsd0JBQXdCO2tCQVhwQyxTQUFTOytCQUNFLG9CQUFvQixVQUd0QixpQ0FBaUMsaUJBQzFCLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osNEJBQTRCLEVBQUUsTUFBTTt3QkFDcEMsNEJBQTRCLEVBQUUsTUFBTTtxQkFDckM7OzBCQWFFLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBmb3J3YXJkUmVmLCBJbmplY3QsIEluamVjdG9yLCBPbkluaXQsIE9wdGlvbmFsLCBSZW5kZXJlcjIsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE9MaXN0SXRlbUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2xpc3QtaXRlbS9vLWxpc3QtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgT0xpc3RJdGVtVGV4dFJlbmRlcmVyIH0gZnJvbSAnLi4vby1saXN0LWl0ZW0tdGV4dC1yZW5kZXJlci5jbGFzcyc7XG5cbmV4cG9ydCBjb25zdCBERUZBVUxUX0lOUFVUU19PX0xJU1RfSVRFTV9BVkFUQVIgPSBbXG4gICdhdmF0YXInLFxuICAnZW1wdHlBdmF0YXI6IGVtcHR5LWF2YXRhcicsXG4gIC8vIGF2YXRhci10eXBlIFtiYXNlNjR8dXJsXTogYXZhdGFyIHR5cGUgKGV4dGVybiB1cmwgb3IgYmFzZTY0KS4gRGVmYXVsdDogbm8gdmFsdWUuXG4gICdhdmF0YXJUeXBlOiBhdmF0YXItdHlwZSdcbl07XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ28tbGlzdC1pdGVtLWF2YXRhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9vLWxpc3QtaXRlbS1hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vLWxpc3QtaXRlbS1hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcbiAgaW5wdXRzOiBERUZBVUxUX0lOUFVUU19PX0xJU1RfSVRFTV9BVkFUQVIsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLm8tY3VzdG9tLWxpc3QtaXRlbV0nOiAndHJ1ZScsXG4gICAgJ1tjbGFzcy5vLWxpc3QtaXRlbS1hdmF0YXJdJzogJ3RydWUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgT0xpc3RJdGVtQXZhdGFyQ29tcG9uZW50IGV4dGVuZHMgT0xpc3RJdGVtVGV4dFJlbmRlcmVyIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25Jbml0IHtcblxuICBwdWJsaWMgYXZhdGFyU3JjOiBzdHJpbmc7XG4gIHByb3RlY3RlZCBhdmF0YXI6IHN0cmluZztcbiAgcHJvdGVjdGVkIGF2YXRhclR5cGU6IHN0cmluZztcbiAgcHJvdGVjdGVkIGVtcHR5QXZhdGFyOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgZWxSZWY6IEVsZW1lbnRSZWYsXG4gICAgX3JlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgX2luamVjdG9yOiBJbmplY3RvcixcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gT0xpc3RJdGVtQ29tcG9uZW50KSkgcHJvdGVjdGVkIF9saXN0SXRlbTogT0xpc3RJdGVtQ29tcG9uZW50XG4gICkge1xuICAgIHN1cGVyKGVsUmVmLCBfcmVuZGVyZXIsIF9pbmplY3RvciwgX2xpc3RJdGVtKTtcbiAgfVxuXG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMubW9kaWZ5TWF0TGlzdEl0ZW1FbGVtZW50KCk7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBsZXQgYXZhdGFyVmFsdWU6IGFueSA9IHRoaXMuYXZhdGFyO1xuICAgIGlmICghdGhpcy5hdmF0YXIpIHtcbiAgICAgIGF2YXRhclZhbHVlID0gdGhpcy5lbXB0eUF2YXRhcjtcbiAgICB9IGVsc2Uge1xuICAgICAgc3dpdGNoICh0aGlzLmF2YXRhclR5cGUpIHtcbiAgICAgICAgY2FzZSAnYmFzZTY0JzpcbiAgICAgICAgICBhdmF0YXJWYWx1ZSA9ICgnZGF0YTppbWFnZS9wbmc7YmFzZTY0LCcgKyAoKHR5cGVvZiAoYXZhdGFyVmFsdWUuYnl0ZXMpICE9PSAndW5kZWZpbmVkJykgPyBhdmF0YXJWYWx1ZS5ieXRlcyA6IGF2YXRhclZhbHVlKSk7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgJ3VybCc6XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgYXZhdGFyVmFsdWUgPSB0aGlzLmF2YXRhcjtcbiAgICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9XG4gICAgdGhpcy5hdmF0YXJTcmMgPSBhdmF0YXJWYWx1ZTtcbiAgfVxuXG59XG4iLCI8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICA8aW1nIG1hdExpc3RJdGVtQXZhdGFyIGNsYXNzPVwiYXZhdGFyXCIgW3NyY109XCJhdmF0YXJTcmMgfCBvU2FmZToncmVzb3VyY2VVcmwnXCIgW2FsdF09XCJ0aXRsZVwiPlxuICA8ZGl2IGNsYXNzPVwibWF0LW1kYy1saXN0LWl0ZW1cIj5cbiAgICA8c3BhbiBtYXRMaXN0SXRlbVRpdGxlIGNsYXNzPVwicHJpbWFyeS10ZXh0XCI+IHt7IHRpdGxlIH19IDwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cInByaW1hcnlUZXh0ICE9PSB1bmRlZmluZWRcIiBtYXRMaXN0SXRlbUxpbmUgY2xhc3M9XCJwcmltYXJ5LXRleHRcIj57eyBwcmltYXJ5VGV4dCB9fTwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cInNlY29uZGFyeVRleHQgIT09IHVuZGVmaW5lZFwiIG1hdExpc3RJdGVtTGluZSBjbGFzcz1cInNlY29uZGFyeS10ZXh0XCI+e3sgc2Vjb25kYXJ5VGV4dCB9fTwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxtYXQtaWNvbiAqbmdJZj1cImljb24gIT09IHVuZGVmaW5lZFwiIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMgby1saXN0LWl0ZW0taWNvblwiIChjbGljayk9XCJvbkFjdGlvbkljb25DbGljaygkZXZlbnQpXCI+XG4gICAge3sgaWNvbiB9fVxuICA8L21hdC1pY29uPlxuPC9kaXY+XG4iXX0=