ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
26 lines • 4.18 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class OBxIconComponent {
constructor(el) {
this.el = el;
this.customClasses = '';
this.projectedContent = '';
}
ngAfterContentInit() {
this.projectedContent = this.el.nativeElement.innerText.trim();
}
getClassNames() {
const customClass = this.customClasses ? ' ' + this.customClasses : '';
return 'bx ' + this.projectedContent + customClass;
}
}
OBxIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBxIconComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
OBxIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OBxIconComponent, selector: "o-bx-icon", inputs: { customClasses: "customClasses" }, ngImport: i0, template: "<span class=\"sr-only\" aria-hidden=\"true\"><ng-content></ng-content></span>\r\n<i [ngClass]=\"getClassNames()\"></i>\r\n", styles: ["::ng-deep o-bx-icon{line-height:0;display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBxIconComponent, decorators: [{
type: Component,
args: [{ selector: 'o-bx-icon', template: "<span class=\"sr-only\" aria-hidden=\"true\"><ng-content></ng-content></span>\r\n<i [ngClass]=\"getClassNames()\"></i>\r\n", styles: ["::ng-deep o-bx-icon{line-height:0;display:inline-block}\n"] }]
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { customClasses: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1ieC1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vYmVsaXNjby9pY29uL28tYngtaWNvbi9vLWJ4LWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW9iZWxpc2NvL2ljb24vby1ieC1pY29uL28tYngtaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8vRSxNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCLFlBQW9CLEVBQWM7UUFBZCxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQ2xCLGtCQUFhLEdBQVcsRUFBRSxDQUFDO1FBRXBDLHFCQUFnQixHQUFXLEVBQUUsQ0FBQztJQUhBLENBQUM7SUFLdEMsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDakUsQ0FBQztJQUVELGFBQWE7UUFDWCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ3ZFLE9BQU8sS0FBSyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxXQUFXLENBQUM7SUFDckQsQ0FBQzs7NkdBYlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsNkZDUDdCLDRIQUVBOzJGREthLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxXQUFXO2lHQU1MLGFBQWE7c0JBQTVCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ28tYngtaWNvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL28tYngtaWNvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vby1ieC1pY29uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE9CeEljb25Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7fVxyXG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21DbGFzc2VzOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgcHVibGljIHByb2plY3RlZENvbnRlbnQ6IHN0cmluZyA9ICcnO1xyXG5cclxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XHJcbiAgICB0aGlzLnByb2plY3RlZENvbnRlbnQgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuaW5uZXJUZXh0LnRyaW0oKTtcclxuICB9XHJcblxyXG4gIGdldENsYXNzTmFtZXMoKTogc3RyaW5nIHtcclxuICAgIGNvbnN0IGN1c3RvbUNsYXNzID0gdGhpcy5jdXN0b21DbGFzc2VzID8gJyAnICsgdGhpcy5jdXN0b21DbGFzc2VzIDogJyc7XHJcbiAgICByZXR1cm4gJ2J4ICcgKyB0aGlzLnByb2plY3RlZENvbnRlbnQgKyBjdXN0b21DbGFzcztcclxuICB9XHJcbn1cclxuIiwiPHNwYW4gY2xhc3M9XCJzci1vbmx5XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cclxuPGkgW25nQ2xhc3NdPVwiZ2V0Q2xhc3NOYW1lcygpXCI+PC9pPlxyXG4iXX0=