@rangertechnologies/ngnxt
Version:
This library was used for creating dymanic UI based on the input JSON/data
34 lines • 4.34 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class CustomImageComponent {
alt;
src;
imageStyle;
question;
styles;
constructor() { }
ngOnInit() {
// VD 03Aug24 style changes
// RS 09DEC24 Changed keys
if (this.question) {
this.imageStyle = this.question.subTitle ? this.question.subTitle : "height: 150px;width: 200px;";
this.src = this.question.title ? this.question.title : "";
this.alt = this.question.helpText ? this.question.helpText : "my image";
}
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CustomImageComponent, selector: "app-custom-image", inputs: { alt: "alt", src: "src", imageStyle: "imageStyle", question: "question" }, ngImport: i0, template: "<img src={{src}} alt={{alt}} style={{imageStyle}}>", styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CustomImageComponent, decorators: [{
type: Component,
args: [{ selector: 'app-custom-image', template: "<img src={{src}} alt={{alt}} style={{imageStyle}}>" }]
}], ctorParameters: () => [], propDecorators: { alt: [{
type: Input
}], src: [{
type: Input
}], imageStyle: [{
type: Input
}], question: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWltYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL254dC1hcHAvc3JjL2xpYi9jb21wb25lbnRzL2N1c3RvbS1pbWFnZS9jdXN0b20taW1hZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL2NvbXBvbmVudHMvY3VzdG9tLWltYWdlL2N1c3RvbS1pbWFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPekQsTUFBTSxPQUFPLG9CQUFvQjtJQUN0QixHQUFHLENBQVM7SUFDWixHQUFHLENBQVM7SUFDWixVQUFVLENBQU07SUFDaEIsUUFBUSxDQUFLO0lBRWYsTUFBTSxDQUFTO0lBRXRCLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7UUFDTiw0QkFBNEI7UUFDNUIsMEJBQTBCO1FBQ3pCLElBQUcsSUFBSSxDQUFDLFFBQVEsRUFBQyxDQUFDO1lBQ2YsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLDZCQUE2QixDQUFDO1lBQ2xHLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUU7WUFDM0QsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQztRQUMzRSxDQUFDO0lBQ0osQ0FBQzt3R0FsQlUsb0JBQW9COzRGQUFwQixvQkFBb0IsNElDUGpDLG9EQUFrRDs7NEZET3JDLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxrQkFBa0I7d0RBS25CLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jdXN0b20taW1hZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLWltYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY3VzdG9tLWltYWdlLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDdXN0b21JbWFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGFsdDogc3RyaW5nO1xuICBASW5wdXQoKSBzcmM6IHN0cmluZztcbiAgQElucHV0KCkgaW1hZ2VTdHlsZTogYW55O1xuICBASW5wdXQoKSBxdWVzdGlvbjphbnk7XG5cbiAgcHVibGljIHN0eWxlczogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgLy8gVkQgMDNBdWcyNCBzdHlsZSBjaGFuZ2VzIFxuICAgIC8vIFJTIDA5REVDMjQgQ2hhbmdlZCBrZXlzXG4gICAgIGlmKHRoaXMucXVlc3Rpb24pe1xuICAgICAgICB0aGlzLmltYWdlU3R5bGUgPSB0aGlzLnF1ZXN0aW9uLnN1YlRpdGxlID8gdGhpcy5xdWVzdGlvbi5zdWJUaXRsZSA6IFwiaGVpZ2h0OiAxNTBweDt3aWR0aDogMjAwcHg7XCI7XG4gICAgICAgIHRoaXMuc3JjID0gdGhpcy5xdWVzdGlvbi50aXRsZSA/IHRoaXMucXVlc3Rpb24udGl0bGUgOiBcIlwiIDtcbiAgICAgICAgdGhpcy5hbHQgPSB0aGlzLnF1ZXN0aW9uLmhlbHBUZXh0ID8gdGhpcy5xdWVzdGlvbi5oZWxwVGV4dCA6IFwibXkgaW1hZ2VcIjtcbiAgICAgfVxuICB9XG59IiwiPGltZyBzcmM9e3tzcmN9fSBhbHQ9e3thbHR9fSBzdHlsZT17e2ltYWdlU3R5bGV9fT4iXX0=