ngx-obelisco-example

Version:
Componentes funcionales y reutilizables para Angular.
gcba.github.io/ngx-obelisco/
26 lines • 4.34 kB
JavaScript
import { Component, Input, Optional } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../o-card.component";
import * as i2 from "@angular/common";
export class OCardIconComponent {
    constructor(oCard) {
        this.oCard = oCard;
        this.customClasses = '';
    }
    getClassesCardIcon() {
        const customClass = this.customClasses ? this.customClasses : '';
        const positionClass = this.oCard?.isHorizontal ? ' card-icon-left ' : ' card-icon ';
        return positionClass + customClass;
    }
}
OCardIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCardIconComponent, deps: [{ token: i1.OCardComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
OCardIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCardIconComponent, selector: "o-card-icon", inputs: { customClasses: "customClasses" }, ngImport: i0, template: "<div [ngClass]=\"getClassesCardIcon()\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: ["::ng-deep .card.card-horizontal .card-icon-left{display:flex;align-items:center;justify-content:center}::ng-deep .card.card-horizontal .card-icon-left *{font-size:2rem;flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCardIconComponent, decorators: [{
            type: Component,
            args: [{ selector: 'o-card-icon', template: "<div [ngClass]=\"getClassesCardIcon()\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: ["::ng-deep .card.card-horizontal .card-icon-left{display:flex;align-items:center;justify-content:center}::ng-deep .card.card-horizontal .card-icon-left *{font-size:2rem;flex-shrink:0}\n"] }]
        }], ctorParameters: function () { return [{ type: i1.OCardComponent, decorators: [{
                    type: Optional
                }] }]; }, propDecorators: { customClasses: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1jYXJkLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW9iZWxpc2NvL2NhcmQvby1jYXJkL28tY2FyZC1pY29uL28tY2FyZC1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vYmVsaXNjby9jYXJkL28tY2FyZC9vLWNhcmQtaWNvbi9vLWNhcmQtaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRM0QsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QixZQUFnQyxLQUFxQjtRQUFyQixVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQUNyQyxrQkFBYSxHQUFXLEVBQUUsQ0FBQztJQURhLENBQUM7SUFHekQsa0JBQWtCO1FBQ2hCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNqRSxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLFlBQVksQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQztRQUNwRixPQUFPLGFBQWEsR0FBRyxXQUFXLENBQUM7SUFDckMsQ0FBQzs7K0dBUlUsa0JBQWtCO21HQUFsQixrQkFBa0IsK0ZDUi9CLHVGQUdBOzJGREthLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxhQUFhOzswQkFLVixRQUFROzRDQUNMLGFBQWE7c0JBQTVCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBPQ2FyZENvbXBvbmVudCB9IGZyb20gJy4uL28tY2FyZC5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdvLWNhcmQtaWNvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL28tY2FyZC1pY29uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9vLWNhcmQtaWNvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBPQ2FyZEljb25Db21wb25lbnQge1xyXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIHByaXZhdGUgb0NhcmQ6IE9DYXJkQ29tcG9uZW50KSB7fVxyXG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21DbGFzc2VzOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgZ2V0Q2xhc3Nlc0NhcmRJY29uKCk6IHN0cmluZyB7XHJcbiAgICBjb25zdCBjdXN0b21DbGFzcyA9IHRoaXMuY3VzdG9tQ2xhc3NlcyA/IHRoaXMuY3VzdG9tQ2xhc3NlcyA6ICcnO1xyXG4gICAgY29uc3QgcG9zaXRpb25DbGFzcyA9IHRoaXMub0NhcmQ/LmlzSG9yaXpvbnRhbCA/ICcgY2FyZC1pY29uLWxlZnQgJyA6ICcgY2FyZC1pY29uICc7XHJcbiAgICByZXR1cm4gcG9zaXRpb25DbGFzcyArIGN1c3RvbUNsYXNzO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IFtuZ0NsYXNzXT1cImdldENsYXNzZXNDYXJkSWNvbigpXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19