ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
35 lines • 6.66 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class OListStepComponent {
constructor() {
this.steps = [];
this.isStepLight = false;
this.isStepNumber = false;
this.customClasses = '';
}
isTextArray(i) {
return Array.isArray(this.steps[i].description);
}
textArray(i) {
const description = this.steps[i].description;
return Array.isArray(description) ? description : [description];
}
}
OListStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OListStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OListStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OListStepComponent, selector: "o-list-step", inputs: { steps: "steps", isStepLight: "isStepLight", isStepNumber: "isStepNumber", size: "size", customClasses: "customClasses" }, ngImport: i0, template: "<ul\r\n class=\"list-steps\"\r\n [class.list-steps-light]=\"isStepLight\"\r\n [class.list-steps-numbers]=\"isStepNumber\"\r\n [class.list-steps-lg]=\"size === 'lg'\"\r\n [class.list-steps-sm]=\"size === 'sm'\"\r\n [ngClass]=\"customClasses\"\r\n>\r\n <li class=\"list-steps-item\" *ngFor=\"let step of steps; let i = index\">\r\n <h3 *ngIf=\"step.title\">{{ step.title }}</h3>\r\n <p class=\"status-text\" *ngIf=\"!isTextArray; else isAarray\" [innerHTML]=\"step.description\"></p>\r\n <ng-template #isAarray>\r\n <p class=\"status-text\" *ngFor=\"let item of textArray(i)\" [innerHTML]=\"item\"></p>\r\n </ng-template>\r\n </li>\r\n</ul>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OListStepComponent, decorators: [{
type: Component,
args: [{ selector: 'o-list-step', template: "<ul\r\n class=\"list-steps\"\r\n [class.list-steps-light]=\"isStepLight\"\r\n [class.list-steps-numbers]=\"isStepNumber\"\r\n [class.list-steps-lg]=\"size === 'lg'\"\r\n [class.list-steps-sm]=\"size === 'sm'\"\r\n [ngClass]=\"customClasses\"\r\n>\r\n <li class=\"list-steps-item\" *ngFor=\"let step of steps; let i = index\">\r\n <h3 *ngIf=\"step.title\">{{ step.title }}</h3>\r\n <p class=\"status-text\" *ngIf=\"!isTextArray; else isAarray\" [innerHTML]=\"step.description\"></p>\r\n <ng-template #isAarray>\r\n <p class=\"status-text\" *ngFor=\"let item of textArray(i)\" [innerHTML]=\"item\"></p>\r\n </ng-template>\r\n </li>\r\n</ul>\r\n" }]
}], propDecorators: { steps: [{
type: Input
}], isStepLight: [{
type: Input
}], isStepNumber: [{
type: Input
}], size: [{
type: Input
}], customClasses: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1saXN0LXN0ZXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW9iZWxpc2NvL2xpc3Qvby1saXN0LXN0ZXAvby1saXN0LXN0ZXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW9iZWxpc2NvL2xpc3Qvby1saXN0LXN0ZXAvby1saXN0LXN0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVFqRCxNQUFNLE9BQU8sa0JBQWtCO0lBTC9CO1FBTWtCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFDN0IsaUJBQVksR0FBWSxLQUFLLENBQUM7UUFFOUIsa0JBQWEsR0FBVyxFQUFFLENBQUM7S0FVNUM7SUFSQyxXQUFXLENBQUMsQ0FBUztRQUNuQixPQUFPLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRUQsU0FBUyxDQUFDLENBQVM7UUFDakIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUM7UUFDOUMsT0FBTyxLQUFLLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDbEUsQ0FBQzs7K0dBZFUsa0JBQWtCO21HQUFsQixrQkFBa0IsdUxDUi9CLDZwQkFnQkE7MkZEUmEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGFBQWE7OEJBS1AsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxhQUFhO3NCQUE1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTaXplcywgU3RlcCB9IGZyb20gJ25neC1vYmVsaXNjby1leGFtcGxlL2NvcmUvbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnby1saXN0LXN0ZXAnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9vLWxpc3Qtc3RlcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vby1saXN0LXN0ZXAuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgT0xpc3RTdGVwQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBwdWJsaWMgc3RlcHM6IFN0ZXBbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBpc1N0ZXBMaWdodDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBpc1N0ZXBOdW1iZXI6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgc2l6ZSE6IFNpemVzO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21DbGFzc2VzOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgaXNUZXh0QXJyYXkoaTogbnVtYmVyKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gQXJyYXkuaXNBcnJheSh0aGlzLnN0ZXBzW2ldLmRlc2NyaXB0aW9uKTtcclxuICB9XHJcblxyXG4gIHRleHRBcnJheShpOiBudW1iZXIpOiBzdHJpbmdbXSB7XHJcbiAgICBjb25zdCBkZXNjcmlwdGlvbiA9IHRoaXMuc3RlcHNbaV0uZGVzY3JpcHRpb247XHJcbiAgICByZXR1cm4gQXJyYXkuaXNBcnJheShkZXNjcmlwdGlvbikgPyBkZXNjcmlwdGlvbiA6IFtkZXNjcmlwdGlvbl07XHJcbiAgfVxyXG59XHJcbiIsIjx1bFxyXG4gIGNsYXNzPVwibGlzdC1zdGVwc1wiXHJcbiAgW2NsYXNzLmxpc3Qtc3RlcHMtbGlnaHRdPVwiaXNTdGVwTGlnaHRcIlxyXG4gIFtjbGFzcy5saXN0LXN0ZXBzLW51bWJlcnNdPVwiaXNTdGVwTnVtYmVyXCJcclxuICBbY2xhc3MubGlzdC1zdGVwcy1sZ109XCJzaXplID09PSAnbGcnXCJcclxuICBbY2xhc3MubGlzdC1zdGVwcy1zbV09XCJzaXplID09PSAnc20nXCJcclxuICBbbmdDbGFzc109XCJjdXN0b21DbGFzc2VzXCJcclxuPlxyXG4gIDxsaSBjbGFzcz1cImxpc3Qtc3RlcHMtaXRlbVwiICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgaSA9IGluZGV4XCI+XHJcbiAgICA8aDMgKm5nSWY9XCJzdGVwLnRpdGxlXCI+e3sgc3RlcC50aXRsZSB9fTwvaDM+XHJcbiAgICA8cCBjbGFzcz1cInN0YXR1cy10ZXh0XCIgKm5nSWY9XCIhaXNUZXh0QXJyYXk7IGVsc2UgaXNBYXJyYXlcIiBbaW5uZXJIVE1MXT1cInN0ZXAuZGVzY3JpcHRpb25cIj48L3A+XHJcbiAgICA8bmctdGVtcGxhdGUgI2lzQWFycmF5PlxyXG4gICAgICA8cCBjbGFzcz1cInN0YXR1cy10ZXh0XCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgdGV4dEFycmF5KGkpXCIgW2lubmVySFRNTF09XCJpdGVtXCI+PC9wPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICA8L2xpPlxyXG48L3VsPlxyXG4iXX0=