ngx-obelisco-example

Version:
Componentes funcionales y reutilizables para Angular.
gcba.github.io/ngx-obelisco/
29 lines • 4.91 kB
JavaScript
import { Component, Input, Optional } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../o-card.component";
import * as i2 from "@angular/common";
import * as i3 from "ngx-obelisco-example/directives";
export class OCardImageComponent {
    constructor(oCard) {
        this.oCard = oCard;
        this.customClasses = '';
    }
    getClassesCardImage() {
        const customClass = this.customClasses ? this.customClasses : '';
        const positionClass = this.oCard?.isHorizontal || this.oCard?.isThemeCard ? ' card-img-left ' : ' card-img-top ';
        return positionClass + customClass;
    }
}
OCardImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCardImageComponent, deps: [{ token: i1.OCardComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
OCardImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCardImageComponent, selector: "o-card-image", inputs: { image: "image", customClasses: "customClasses" }, ngImport: i0, template: "<img\r\n  *ngIf=\"image?.src\"\r\n  [src]=\"image?.src\"\r\n  [ngClass]=\"getClassesCardImage()\"\r\n  [alt]=\"image?.alt ? image?.alt : ' '\"\r\n  oDefaultImage\r\n/>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ODefaultImageDirective, selector: "img[oDefaultImage]", inputs: ["defaultImageUrl"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCardImageComponent, decorators: [{
            type: Component,
            args: [{ selector: 'o-card-image', template: "<img\r\n  *ngIf=\"image?.src\"\r\n  [src]=\"image?.src\"\r\n  [ngClass]=\"getClassesCardImage()\"\r\n  [alt]=\"image?.alt ? image?.alt : ' '\"\r\n  oDefaultImage\r\n/>\r\n" }]
        }], ctorParameters: function () { return [{ type: i1.OCardComponent, decorators: [{
                    type: Optional
                }] }]; }, propDecorators: { image: [{
                type: Input
            }], customClasses: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1jYXJkLWltYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vYmVsaXNjby9jYXJkL28tY2FyZC9vLWNhcmQtaW1hZ2Uvby1jYXJkLWltYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vYmVsaXNjby9jYXJkL28tY2FyZC9vLWNhcmQtaW1hZ2Uvby1jYXJkLWltYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTM0QsTUFBTSxPQUFPLG1CQUFtQjtJQUM5QixZQUFnQyxLQUFxQjtRQUFyQixVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQUdyQyxrQkFBYSxHQUFXLEVBQUUsQ0FBQztJQUhhLENBQUM7SUFLekQsbUJBQW1CO1FBQ2pCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNqRSxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLFlBQVksSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDO1FBQ2pILE9BQU8sYUFBYSxHQUFHLFdBQVcsQ0FBQztJQUNyQyxDQUFDOztnSEFWVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixnSENUaEMsNktBT0E7MkZERWEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGNBQWM7OzBCQUtYLFFBQVE7NENBRUwsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxhQUFhO3NCQUE1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT0NhcmRDb21wb25lbnQgfSBmcm9tICcuLi9vLWNhcmQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTWVkaWFJbWFnZSB9IGZyb20gJ25neC1vYmVsaXNjby1leGFtcGxlL2NvcmUvbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnby1jYXJkLWltYWdlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vby1jYXJkLWltYWdlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9vLWNhcmQtaW1hZ2UuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgT0NhcmRJbWFnZUNvbXBvbmVudCB7XHJcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHJpdmF0ZSBvQ2FyZDogT0NhcmRDb21wb25lbnQpIHt9XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBpbWFnZT86IE1lZGlhSW1hZ2U7XHJcbiAgQElucHV0KCkgcHVibGljIGN1c3RvbUNsYXNzZXM6IHN0cmluZyA9ICcnO1xyXG5cclxuICBnZXRDbGFzc2VzQ2FyZEltYWdlKCk6IHN0cmluZyB7XHJcbiAgICBjb25zdCBjdXN0b21DbGFzcyA9IHRoaXMuY3VzdG9tQ2xhc3NlcyA/IHRoaXMuY3VzdG9tQ2xhc3NlcyA6ICcnO1xyXG4gICAgY29uc3QgcG9zaXRpb25DbGFzcyA9IHRoaXMub0NhcmQ/LmlzSG9yaXpvbnRhbCB8fCB0aGlzLm9DYXJkPy5pc1RoZW1lQ2FyZCA/ICcgY2FyZC1pbWctbGVmdCAnIDogJyBjYXJkLWltZy10b3AgJztcclxuICAgIHJldHVybiBwb3NpdGlvbkNsYXNzICsgY3VzdG9tQ2xhc3M7XHJcbiAgfVxyXG59XHJcbiIsIjxpbWdcclxuICAqbmdJZj1cImltYWdlPy5zcmNcIlxyXG4gIFtzcmNdPVwiaW1hZ2U/LnNyY1wiXHJcbiAgW25nQ2xhc3NdPVwiZ2V0Q2xhc3Nlc0NhcmRJbWFnZSgpXCJcclxuICBbYWx0XT1cImltYWdlPy5hbHQgPyBpbWFnZT8uYWx0IDogJyAnXCJcclxuICBvRGVmYXVsdEltYWdlXHJcbi8+XHJcbiJdfQ==