ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
28 lines • 3.69 kB
JavaScript
import { Directive, HostListener, Input } from '@angular/core';
import * as i0 from "@angular/core";
const DEFAULT_IMAGE = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ5jomR9foeDrKFgdh_LNV4dCK14fY3DPk-0Q&usqp=CAU';
export class ODefaultImageDirective {
constructor(imgHost, renderer) {
this.imgHost = imgHost;
this.renderer = renderer;
}
handleError() {
const imageUrl = this.defaultImageUrl || DEFAULT_IMAGE;
this.renderer.setAttribute(this.imgHost.nativeElement, 'src', imageUrl);
}
}
ODefaultImageDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ODefaultImageDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
ODefaultImageDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: ODefaultImageDirective, isStandalone: true, selector: "img[oDefaultImage]", inputs: { defaultImageUrl: "defaultImageUrl" }, host: { listeners: { "error": "handleError()" } }, ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ODefaultImageDirective, decorators: [{
type: Directive,
args: [{
selector: 'img[oDefaultImage]',
standalone: true
}]
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { defaultImageUrl: [{
type: Input
}], handleError: [{
type: HostListener,
args: ['error']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1nLWJyb2tlbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2JlbGlzY28vZGlyZWN0aXZlcy9pbWctYnJva2VuL2ltZy1icm9rZW4uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQzs7QUFFdEYsTUFBTSxhQUFhLEdBQ2pCLHFHQUFxRyxDQUFDO0FBTXhHLE1BQU0sT0FBTyxzQkFBc0I7SUFHakMsWUFBNkIsT0FBbUIsRUFBbUIsUUFBbUI7UUFBekQsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQUFtQixhQUFRLEdBQVIsUUFBUSxDQUFXO0lBQUcsQ0FBQztJQUU1RCxXQUFXO1FBQ3ZDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxlQUFlLElBQUksYUFBYSxDQUFDO1FBQ3ZELElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUFFLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQztJQUMxRSxDQUFDOzttSEFSVSxzQkFBc0I7dUdBQXRCLHNCQUFzQjsyRkFBdEIsc0JBQXNCO2tCQUpsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjt5SEFFVSxlQUFlO3NCQUF2QixLQUFLO2dCQUl3QixXQUFXO3NCQUF4QyxZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuY29uc3QgREVGQVVMVF9JTUFHRSA9XHJcbiAgJ2h0dHBzOi8vZW5jcnlwdGVkLXRibjAuZ3N0YXRpYy5jb20vaW1hZ2VzP3E9dGJuOkFOZDlHY1E1am9tUjlmb2VEcktGZ2RoX0xOVjRkQ0sxNGZZM0RQay0wUSZ1c3FwPUNBVSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ2ltZ1tvRGVmYXVsdEltYWdlXScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgT0RlZmF1bHRJbWFnZURpcmVjdGl2ZSB7XHJcbiAgQElucHV0KCkgZGVmYXVsdEltYWdlVXJsITogc3RyaW5nO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGltZ0hvc3Q6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVhZG9ubHkgcmVuZGVyZXI6IFJlbmRlcmVyMikge31cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZXJyb3InKSBwdWJsaWMgaGFuZGxlRXJyb3IoKTogdm9pZCB7XHJcbiAgICBjb25zdCBpbWFnZVVybCA9IHRoaXMuZGVmYXVsdEltYWdlVXJsIHx8IERFRkFVTFRfSU1BR0U7XHJcbiAgICB0aGlzLnJlbmRlcmVyLnNldEF0dHJpYnV0ZSh0aGlzLmltZ0hvc3QubmF0aXZlRWxlbWVudCwgJ3NyYycsIGltYWdlVXJsKTtcclxuICB9XHJcbn1cclxuIl19