ontimize-web-ngx/esm2020/lib/components/list/renderers/text/o-list-item-text.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 "../../list-item/o-list-item.component";
export const DEFAULT_INPUTS_O_LIST_ITEM_TEXT = [
    'iconPosition : icon-position'
];
export class OListItemTextComponent extends OListItemTextRenderer {
    constructor(elRef, _renderer, _injector, _listItem) {
        super(elRef, _renderer, _injector, _listItem);
        this._listItem = _listItem;
        this.ICON_POSITION_LEFT = 'left';
        this.ICON_POSITION_RIGHT = 'right';
        this.elRef.nativeElement.classList.add('o-list-item-text');
    }
    ngOnInit() {
        if (!this.iconPosition || [this.ICON_POSITION_LEFT, this.ICON_POSITION_RIGHT].indexOf(this.iconPosition.toLowerCase()) === -1) {
            this.iconPosition = this.ICON_POSITION_RIGHT;
        }
    }
    ngAfterViewInit() {
        this.modifyMatListItemElement();
    }
    get iconPosition() {
        return this._iconPosition;
    }
    set iconPosition(val) {
        this._iconPosition = val;
    }
}
OListItemTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OListItemTextComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }, { token: forwardRef(() => OListItemComponent), optional: true }], target: i0.ɵɵFactoryTarget.Component });
OListItemTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: OListItemTextComponent, selector: "o-list-item-text", inputs: { iconPosition: ["icon-position", "iconPosition"] }, host: { properties: { "class.o-custom-list-item": "true" } }, usesInheritance: true, ngImport: i0, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n  <mat-icon *ngIf=\"icon !== undefined && iconPosition === ICON_POSITION_LEFT\" class=\"material-icons o-list-item-icon\"\n    (click)=\"onActionIconClick($event)\">\n    {{ icon }}\n  </mat-icon>\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 && iconPosition === ICON_POSITION_RIGHT\" class=\"material-icons o-list-item-icon\"\n    (click)=\"onActionIconClick($event)\">\n    {{icon }}\n  </mat-icon>\n</div>\n", styles: [""], 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.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i4.MatListItemTitle, selector: "[matListItemTitle]" }], encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OListItemTextComponent, decorators: [{
            type: Component,
            args: [{ selector: 'o-list-item-text', inputs: DEFAULT_INPUTS_O_LIST_ITEM_TEXT, encapsulation: ViewEncapsulation.None, host: {
                        '[class.o-custom-list-item]': 'true'
                    }, template: "<div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n  <mat-icon *ngIf=\"icon !== undefined && iconPosition === ICON_POSITION_LEFT\" class=\"material-icons o-list-item-icon\"\n    (click)=\"onActionIconClick($event)\">\n    {{ icon }}\n  </mat-icon>\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 && iconPosition === ICON_POSITION_RIGHT\" class=\"material-icons o-list-item-icon\"\n    (click)=\"onActionIconClick($event)\">\n    {{icon }}\n  </mat-icon>\n</div>\n" }]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.Injector }, { type: i5.OListItemComponent, decorators: [{
                    type: Optional
                }, {
                    type: Inject,
                    args: [forwardRef(() => OListItemComponent)]
                }] }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1saXN0LWl0ZW0tdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vbnRpbWl6ZS13ZWItbmd4L3NyYy9saWIvY29tcG9uZW50cy9saXN0L3JlbmRlcmVycy90ZXh0L28tbGlzdC1pdGVtLXRleHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb250aW1pemUtd2ViLW5neC9zcmMvbGliL2NvbXBvbmVudHMvbGlzdC9yZW5kZXJlcnMvdGV4dC9vLWxpc3QtaXRlbS10ZXh0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBVSxRQUFRLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRW5KLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7Ozs7O0FBRTNFLE1BQU0sQ0FBQyxNQUFNLCtCQUErQixHQUFHO0lBQzdDLDhCQUE4QjtDQUMvQixDQUFDO0FBYUYsTUFBTSxPQUFPLHNCQUF1QixTQUFRLHFCQUFxQjtJQU8vRCxZQUNFLEtBQWlCLEVBQ2pCLFNBQW9CLEVBQ3BCLFNBQW1CLEVBQ2lELFNBQTZCO1FBRWpHLEtBQUssQ0FBQyxLQUFLLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUZzQixjQUFTLEdBQVQsU0FBUyxDQUFvQjtRQVQ1Rix1QkFBa0IsR0FBRyxNQUFNLENBQUM7UUFDNUIsd0JBQW1CLEdBQUcsT0FBTyxDQUFDO1FBV25DLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUU7WUFDN0gsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUM7U0FDOUM7SUFDSCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDNUIsQ0FBQztJQUVELElBQUksWUFBWSxDQUFDLEdBQVc7UUFDMUIsSUFBSSxDQUFDLGFBQWEsR0FBRyxHQUFHLENBQUM7SUFDM0IsQ0FBQzs7b0hBakNVLHNCQUFzQiw2RkFXWCxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsa0JBQWtCLENBQUM7d0dBWC9DLHNCQUFzQiwwTUNwQm5DLHd5QkFlQTs0RkRLYSxzQkFBc0I7a0JBVmxDLFNBQVM7K0JBQ0Usa0JBQWtCLFVBR3BCLCtCQUErQixpQkFDeEIsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDSiw0QkFBNEIsRUFBRSxNQUFNO3FCQUNyQzs7MEJBYUUsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIGZvcndhcmRSZWYsIEluamVjdCwgSW5qZWN0b3IsIE9uSW5pdCwgT3B0aW9uYWwsIFJlbmRlcmVyMiwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgT0xpc3RJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vbGlzdC1pdGVtL28tbGlzdC1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBPTGlzdEl0ZW1UZXh0UmVuZGVyZXIgfSBmcm9tICcuLi9vLWxpc3QtaXRlbS10ZXh0LXJlbmRlcmVyLmNsYXNzJztcblxuZXhwb3J0IGNvbnN0IERFRkFVTFRfSU5QVVRTX09fTElTVF9JVEVNX1RFWFQgPSBbXG4gICdpY29uUG9zaXRpb24gOiBpY29uLXBvc2l0aW9uJ1xuXTtcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvLWxpc3QtaXRlbS10ZXh0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL28tbGlzdC1pdGVtLXRleHQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vLWxpc3QtaXRlbS10ZXh0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGlucHV0czogREVGQVVMVF9JTlBVVFNfT19MSVNUX0lURU1fVEVYVCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3Muby1jdXN0b20tbGlzdC1pdGVtXSc6ICd0cnVlJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIE9MaXN0SXRlbVRleHRDb21wb25lbnQgZXh0ZW5kcyBPTGlzdEl0ZW1UZXh0UmVuZGVyZXIgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuXG4gIHB1YmxpYyBJQ09OX1BPU0lUSU9OX0xFRlQgPSAnbGVmdCc7XG4gIHB1YmxpYyBJQ09OX1BPU0lUSU9OX1JJR0hUID0gJ3JpZ2h0JztcblxuICBwdWJsaWMgX2ljb25Qb3NpdGlvbjogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGVsUmVmOiBFbGVtZW50UmVmLFxuICAgIF9yZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIF9pbmplY3RvcjogSW5qZWN0b3IsXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdChmb3J3YXJkUmVmKCgpID0+IE9MaXN0SXRlbUNvbXBvbmVudCkpIHByb3RlY3RlZCBfbGlzdEl0ZW06IE9MaXN0SXRlbUNvbXBvbmVudFxuICApIHtcbiAgICBzdXBlcihlbFJlZiwgX3JlbmRlcmVyLCBfaW5qZWN0b3IsIF9saXN0SXRlbSk7XG4gICAgdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ28tbGlzdC1pdGVtLXRleHQnKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5pY29uUG9zaXRpb24gfHwgW3RoaXMuSUNPTl9QT1NJVElPTl9MRUZULCB0aGlzLklDT05fUE9TSVRJT05fUklHSFRdLmluZGV4T2YodGhpcy5pY29uUG9zaXRpb24udG9Mb3dlckNhc2UoKSkgPT09IC0xKSB7XG4gICAgICB0aGlzLmljb25Qb3NpdGlvbiA9IHRoaXMuSUNPTl9QT1NJVElPTl9SSUdIVDtcbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5tb2RpZnlNYXRMaXN0SXRlbUVsZW1lbnQoKTtcbiAgfVxuXG4gIGdldCBpY29uUG9zaXRpb24oKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5faWNvblBvc2l0aW9uO1xuICB9XG5cbiAgc2V0IGljb25Qb3NpdGlvbih2YWw6IHN0cmluZykge1xuICAgIHRoaXMuX2ljb25Qb3NpdGlvbiA9IHZhbDtcbiAgfVxufVxuIiwiPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJzdGFydCBjZW50ZXJcIj5cbiAgPG1hdC1pY29uICpuZ0lmPVwiaWNvbiAhPT0gdW5kZWZpbmVkICYmIGljb25Qb3NpdGlvbiA9PT0gSUNPTl9QT1NJVElPTl9MRUZUXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29ucyBvLWxpc3QtaXRlbS1pY29uXCJcbiAgICAoY2xpY2spPVwib25BY3Rpb25JY29uQ2xpY2soJGV2ZW50KVwiPlxuICAgIHt7IGljb24gfX1cbiAgPC9tYXQtaWNvbj5cbiAgPGRpdiBjbGFzcz1cIm1hdC1tZGMtbGlzdC1pdGVtXCI+XG4gICAgPHNwYW4gbWF0TGlzdEl0ZW1UaXRsZSBjbGFzcz1cInByaW1hcnktdGV4dFwiPiB7eyB0aXRsZSB9fSA8L3NwYW4+XG4gICAgPHNwYW4gKm5nSWY9XCJwcmltYXJ5VGV4dCAhPT0gdW5kZWZpbmVkXCIgbWF0TGlzdEl0ZW1MaW5lIGNsYXNzPVwicHJpbWFyeS10ZXh0XCI+e3sgcHJpbWFyeVRleHQgfX08L3NwYW4+XG4gICAgPHNwYW4gKm5nSWY9XCJzZWNvbmRhcnlUZXh0ICE9PSB1bmRlZmluZWRcIiBtYXRMaXN0SXRlbUxpbmUgY2xhc3M9XCJzZWNvbmRhcnktdGV4dFwiPnt7IHNlY29uZGFyeVRleHQgfX08L3NwYW4+XG4gIDwvZGl2PlxuICA8bWF0LWljb24gKm5nSWY9XCJpY29uICE9PSB1bmRlZmluZWQgJiYgaWNvblBvc2l0aW9uID09PSBJQ09OX1BPU0lUSU9OX1JJR0hUXCIgY2xhc3M9XCJtYXRlcmlhbC1pY29ucyBvLWxpc3QtaXRlbS1pY29uXCJcbiAgICAoY2xpY2spPVwib25BY3Rpb25JY29uQ2xpY2soJGV2ZW50KVwiPlxuICAgIHt7aWNvbiB9fVxuICA8L21hdC1pY29uPlxuPC9kaXY+XG4iXX0=