ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
38 lines • 10.5 kB
JavaScript
import { Component, ContentChild, Input } from '@angular/core';
import { OCustomContentDirective } from 'ngx-obelisco-example/directives';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class OAlertComponent {
constructor() {
this.type = 'info';
this.isDismissible = false;
this.listContent = { isUnorderedList: false, listItems: [] };
this.customClasses = '';
}
checkUrls() {
if (this.listContent) {
return this.listContent.listItems.every((item) => !!item.url);
}
else {
return false;
}
}
}
OAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OAlertComponent, selector: "o-alert", inputs: { type: "type", isDismissible: "isDismissible", listContent: "listContent", customClasses: "customClasses" }, queries: [{ propertyName: "oCustomContent", first: true, predicate: OCustomContentDirective, descendants: true, static: true }], ngImport: i0, template: "<div\r\n class=\"alert\"\r\n [ngClass]=\"\r\n (type && 'alert-' + type) +\r\n (isDismissible ? ' alert-dismissible show fade' : '') +\r\n (customClasses ? ' ' + customClasses : '')\r\n \"\r\n role=\"alert\"\r\n>\r\n <ng-container *ngIf=\"!oCustomContent\">\r\n <p><ng-content></ng-content></p>\r\n\r\n <ng-container *ngIf=\"listContent?.listItems?.length != 0\">\r\n <ul\r\n *ngIf=\"listContent?.isUnorderedList; else orderedList\"\r\n [class.list-links]=\"checkUrls()\"\r\n [class]=\"!checkUrls() ? '' : null\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"liItems\"></ng-container>\r\n </ul>\r\n </ng-container>\r\n\r\n <ng-template #orderedList>\r\n <ol [class.list-links]=\"checkUrls()\" [class]=\"!checkUrls() ? '' : null\">\r\n <ng-container [ngTemplateOutlet]=\"liItems\"></ng-container>\r\n </ol>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"oCustomContent\" [ngTemplateOutlet]=\"oCustomContent.template\"> </ng-container>\r\n\r\n <button *ngIf=\"isDismissible\" type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Cerrar\">\r\n <span class=\"material-icons-round\" aria-hidden=\"true\">close</span>\r\n </button>\r\n\r\n <ng-template #liItems>\r\n <li *ngFor=\"let item of listContent?.listItems\">\r\n <ng-container *ngIf=\"item.url; else itemList\">\r\n <a [href]=\"item.url\">{{ item.text }}</a>\r\n </ng-container>\r\n <ng-template #itemList>\r\n {{ item.text }}\r\n </ng-template>\r\n </li>\r\n </ng-template>\r\n</div>\r\n", styles: [".alert p{min-height:24px}\n"], 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"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OAlertComponent, decorators: [{
type: Component,
args: [{ selector: 'o-alert', template: "<div\r\n class=\"alert\"\r\n [ngClass]=\"\r\n (type && 'alert-' + type) +\r\n (isDismissible ? ' alert-dismissible show fade' : '') +\r\n (customClasses ? ' ' + customClasses : '')\r\n \"\r\n role=\"alert\"\r\n>\r\n <ng-container *ngIf=\"!oCustomContent\">\r\n <p><ng-content></ng-content></p>\r\n\r\n <ng-container *ngIf=\"listContent?.listItems?.length != 0\">\r\n <ul\r\n *ngIf=\"listContent?.isUnorderedList; else orderedList\"\r\n [class.list-links]=\"checkUrls()\"\r\n [class]=\"!checkUrls() ? '' : null\"\r\n >\r\n <ng-container [ngTemplateOutlet]=\"liItems\"></ng-container>\r\n </ul>\r\n </ng-container>\r\n\r\n <ng-template #orderedList>\r\n <ol [class.list-links]=\"checkUrls()\" [class]=\"!checkUrls() ? '' : null\">\r\n <ng-container [ngTemplateOutlet]=\"liItems\"></ng-container>\r\n </ol>\r\n </ng-template>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"oCustomContent\" [ngTemplateOutlet]=\"oCustomContent.template\"> </ng-container>\r\n\r\n <button *ngIf=\"isDismissible\" type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Cerrar\">\r\n <span class=\"material-icons-round\" aria-hidden=\"true\">close</span>\r\n </button>\r\n\r\n <ng-template #liItems>\r\n <li *ngFor=\"let item of listContent?.listItems\">\r\n <ng-container *ngIf=\"item.url; else itemList\">\r\n <a [href]=\"item.url\">{{ item.text }}</a>\r\n </ng-container>\r\n <ng-template #itemList>\r\n {{ item.text }}\r\n </ng-template>\r\n </li>\r\n </ng-template>\r\n</div>\r\n", styles: [".alert p{min-height:24px}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { type: [{
type: Input
}], isDismissible: [{
type: Input
}], listContent: [{
type: Input
}], customClasses: [{
type: Input
}], oCustomContent: [{
type: ContentChild,
args: [OCustomContentDirective, { static: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1hbGVydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2JlbGlzY28vYWxlcnQvby1hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2JlbGlzY28vYWxlcnQvby1hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0saUNBQWlDLENBQUM7OztBQVExRSxNQUFNLE9BQU8sZUFBZTtJQWdCMUI7UUFmZ0IsU0FBSSxHQUFlLE1BQU0sQ0FBQztRQUMxQixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQUMvQixnQkFBVyxHQUFlLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUM7UUFDcEUsa0JBQWEsR0FBVyxFQUFFLENBQUM7SUFZNUIsQ0FBQztJQVZoQixTQUFTO1FBQ1AsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3BCLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQy9EO2FBQU07WUFDTCxPQUFPLEtBQUssQ0FBQztTQUNkO0lBQ0gsQ0FBQzs7NEdBWlUsZUFBZTtnR0FBZixlQUFlLGlOQWNaLHVCQUF1Qiw4REN2QnZDLGdsREE4Q0E7MkZEckNhLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsU0FBUzswRUFLSCxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLGFBQWE7c0JBQTVCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxhQUFhO3NCQUE1QixLQUFLO2dCQVVtRCxjQUFjO3NCQUF0RSxZQUFZO3VCQUFDLHVCQUF1QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBPQ3VzdG9tQ29udGVudERpcmVjdGl2ZSB9IGZyb20gJ25neC1vYmVsaXNjby1leGFtcGxlL2RpcmVjdGl2ZXMnO1xyXG5pbXBvcnQgeyBBbGVydExpc3QsIEFsZXJ0VHlwZXMgfSBmcm9tICduZ3gtb2JlbGlzY28tZXhhbXBsZS9jb3JlL21vZGVscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ28tYWxlcnQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9vLWFsZXJ0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9vLWFsZXJ0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE9BbGVydENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgcHVibGljIHR5cGU6IEFsZXJ0VHlwZXMgPSAnaW5mbyc7XHJcbiAgQElucHV0KCkgcHVibGljIGlzRGlzbWlzc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgbGlzdENvbnRlbnQ/OiBBbGVydExpc3QgPSB7IGlzVW5vcmRlcmVkTGlzdDogZmFsc2UsIGxpc3RJdGVtczogW10gfTtcclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tQ2xhc3Nlczogc3RyaW5nID0gJyc7XHJcblxyXG4gIGNoZWNrVXJscygpOiBib29sZWFuIHtcclxuICAgIGlmICh0aGlzLmxpc3RDb250ZW50KSB7XHJcbiAgICAgIHJldHVybiB0aGlzLmxpc3RDb250ZW50Lmxpc3RJdGVtcy5ldmVyeSgoaXRlbSkgPT4gISFpdGVtLnVybCk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBAQ29udGVudENoaWxkKE9DdXN0b21Db250ZW50RGlyZWN0aXZlLCB7IHN0YXRpYzogdHJ1ZSB9KSBvQ3VzdG9tQ29udGVudD86IE9DdXN0b21Db250ZW50RGlyZWN0aXZlO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcbn1cclxuIiwiPGRpdlxyXG4gIGNsYXNzPVwiYWxlcnRcIlxyXG4gIFtuZ0NsYXNzXT1cIlxyXG4gICAgKHR5cGUgJiYgJ2FsZXJ0LScgKyB0eXBlKSArXHJcbiAgICAoaXNEaXNtaXNzaWJsZSA/ICcgYWxlcnQtZGlzbWlzc2libGUgc2hvdyBmYWRlJyA6ICcnKSArXHJcbiAgICAoY3VzdG9tQ2xhc3NlcyA/ICcgJyArIGN1c3RvbUNsYXNzZXMgOiAnJylcclxuICBcIlxyXG4gIHJvbGU9XCJhbGVydFwiXHJcbj5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiIW9DdXN0b21Db250ZW50XCI+XHJcbiAgICA8cD48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9wPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJsaXN0Q29udGVudD8ubGlzdEl0ZW1zPy5sZW5ndGggIT0gMFwiPlxyXG4gICAgICA8dWxcclxuICAgICAgICAqbmdJZj1cImxpc3RDb250ZW50Py5pc1Vub3JkZXJlZExpc3Q7IGVsc2Ugb3JkZXJlZExpc3RcIlxyXG4gICAgICAgIFtjbGFzcy5saXN0LWxpbmtzXT1cImNoZWNrVXJscygpXCJcclxuICAgICAgICBbY2xhc3NdPVwiIWNoZWNrVXJscygpID8gJycgOiBudWxsXCJcclxuICAgICAgPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwibGlJdGVtc1wiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L3VsPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLXRlbXBsYXRlICNvcmRlcmVkTGlzdD5cclxuICAgICAgPG9sIFtjbGFzcy5saXN0LWxpbmtzXT1cImNoZWNrVXJscygpXCIgW2NsYXNzXT1cIiFjaGVja1VybHMoKSA/ICcnIDogbnVsbFwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwibGlJdGVtc1wiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L29sPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9DdXN0b21Db250ZW50XCIgW25nVGVtcGxhdGVPdXRsZXRdPVwib0N1c3RvbUNvbnRlbnQudGVtcGxhdGVcIj4gPC9uZy1jb250YWluZXI+XHJcblxyXG4gIDxidXR0b24gKm5nSWY9XCJpc0Rpc21pc3NpYmxlXCIgdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiY2xvc2VcIiBkYXRhLWRpc21pc3M9XCJhbGVydFwiIGFyaWEtbGFiZWw9XCJDZXJyYXJcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtcm91bmRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5jbG9zZTwvc3Bhbj5cclxuICA8L2J1dHRvbj5cclxuXHJcbiAgPG5nLXRlbXBsYXRlICNsaUl0ZW1zPlxyXG4gICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGxpc3RDb250ZW50Py5saXN0SXRlbXNcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW0udXJsOyBlbHNlIGl0ZW1MaXN0XCI+XHJcbiAgICAgICAgPGEgW2hyZWZdPVwiaXRlbS51cmxcIj57eyBpdGVtLnRleHQgfX08L2E+XHJcbiAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8bmctdGVtcGxhdGUgI2l0ZW1MaXN0PlxyXG4gICAgICAgIHt7IGl0ZW0udGV4dCB9fVxyXG4gICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgPC9saT5cclxuICA8L25nLXRlbXBsYXRlPlxyXG48L2Rpdj5cclxuIl19