ngx-obelisco-example/fesm2015/ngx-obelisco-example-banner.mjs

Componentes funcionales y reutilizables para Angular.

import * as i0 from '@angular/core';
import { Component, Input, ContentChild, NgModule } from '@angular/core';
import { OCustomContentDirective } from 'ngx-obelisco-example/directives';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';

class OBannerActionsComponent {
    constructor() {
        this.customClasses = '';
    }
}
OBannerActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBannerActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OBannerActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OBannerActionsComponent, selector: "o-banner-actions", inputs: { customClasses: "customClasses" }, ngImport: i0, template: "<div class=\"banner-actions\" [ngClass]=\"customClasses\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBannerActionsComponent, decorators: [{
            type: Component,
            args: [{ selector: 'o-banner-actions', template: "<div class=\"banner-actions\" [ngClass]=\"customClasses\">\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
        }], ctorParameters: function () { return []; }, propDecorators: { customClasses: [{
                type: Input
            }] } });

class OBannerTextComponent {
    constructor() {
        this.customClasses = '';
    }
}
OBannerTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBannerTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OBannerTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OBannerTextComponent, selector: "o-banner-text", inputs: { text: "text", customClasses: "customClasses" }, ngImport: i0, template: "<p class=\"banner-text\" *ngIf=\"text; else children\" [innerHTML]=\"text\" [ngClass]=\"customClasses\"></p>\r\n<ng-template #children>\r\n  <p class=\"banner-text\" [ngClass]=\"customClasses\"><ng-content></ng-content></p>\r\n</ng-template>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBannerTextComponent, decorators: [{
            type: Component,
            args: [{ selector: 'o-banner-text', template: "<p class=\"banner-text\" *ngIf=\"text; else children\" [innerHTML]=\"text\" [ngClass]=\"customClasses\"></p>\r\n<ng-template #children>\r\n  <p class=\"banner-text\" [ngClass]=\"customClasses\"><ng-content></ng-content></p>\r\n</ng-template>\r\n" }]
        }], ctorParameters: function () { return []; }, propDecorators: { text: [{
                type: Input
            }], customClasses: [{
                type: Input
            }] } });

class OBannerComponent {
    constructor() {
        this.isDark = false;
        this.customClasses = '';
    }
}
OBannerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OBannerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OBannerComponent, selector: "o-banner", inputs: { isDark: "isDark", content: "content", icon: "icon", customClasses: "customClasses" }, queries: [{ propertyName: "children", first: true, predicate: ["children"], descendants: true, static: true }, { propertyName: "oCustomContent", first: true, predicate: OCustomContentDirective, descendants: true, static: true }], ngImport: i0, template: "<div class=\"banner\" [class.banner-dark]=\"isDark\" [ngClass]=\"customClasses\">\r\n  <div class=\"banner-content\" *ngIf=\"!oCustomContent\">\r\n    <ng-content select=\"o-banner-icon\"></ng-content>\r\n    <i *ngIf=\"icon && icon?.includes('bx')\" class=\"{{ icon }}\"></i>\r\n    <span *ngIf=\"icon && !icon.includes('bx')\" class=\"material-icons-round\" aria-hidden=\"true\">{{ icon }}</span>\r\n\r\n    <ng-content select=\"o-banner-text\"></ng-content>\r\n    <o-banner-text *ngIf=\"content\" [text]=\"content\"></o-banner-text>\r\n\r\n    <ng-content select=\"o-banner-actions\"></ng-content>\r\n    <o-banner-actions *ngIf=\"children\"><ng-content></ng-content></o-banner-actions>\r\n  </div>\r\n  <ng-container *ngIf=\"oCustomContent\" [ngTemplateOutlet]=\"oCustomContent.template\"> </ng-container>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: OBannerActionsComponent, selector: "o-banner-actions", inputs: ["customClasses"] }, { kind: "component", type: OBannerTextComponent, selector: "o-banner-text", inputs: ["text", "customClasses"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBannerComponent, decorators: [{
            type: Component,
            args: [{ selector: 'o-banner', template: "<div class=\"banner\" [class.banner-dark]=\"isDark\" [ngClass]=\"customClasses\">\r\n  <div class=\"banner-content\" *ngIf=\"!oCustomContent\">\r\n    <ng-content select=\"o-banner-icon\"></ng-content>\r\n    <i *ngIf=\"icon && icon?.includes('bx')\" class=\"{{ icon }}\"></i>\r\n    <span *ngIf=\"icon && !icon.includes('bx')\" class=\"material-icons-round\" aria-hidden=\"true\">{{ icon }}</span>\r\n\r\n    <ng-content select=\"o-banner-text\"></ng-content>\r\n    <o-banner-text *ngIf=\"content\" [text]=\"content\"></o-banner-text>\r\n\r\n    <ng-content select=\"o-banner-actions\"></ng-content>\r\n    <o-banner-actions *ngIf=\"children\"><ng-content></ng-content></o-banner-actions>\r\n  </div>\r\n  <ng-container *ngIf=\"oCustomContent\" [ngTemplateOutlet]=\"oCustomContent.template\"> </ng-container>\r\n</div>\r\n" }]
        }], ctorParameters: function () { return []; }, propDecorators: { isDark: [{
                type: Input
            }], content: [{
                type: Input
            }], icon: [{
                type: Input
            }], customClasses: [{
                type: Input
            }], children: [{
                type: ContentChild,
                args: ['children', { static: true }]
            }], oCustomContent: [{
                type: ContentChild,
                args: [OCustomContentDirective, { static: true }]
            }] } });

class OBannerIconComponent {
    constructor() { }
}
OBannerIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBannerIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OBannerIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OBannerIconComponent, selector: "o-banner-icon", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: ["::ng-deep o-banner-icon{line-height:0}\n"] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBannerIconComponent, decorators: [{
            type: Component,
            args: [{ selector: 'o-banner-icon', template: "<ng-content></ng-content>\r\n", styles: ["::ng-deep o-banner-icon{line-height:0}\n"] }]
        }], ctorParameters: function () { return []; } });

class OBannerModule {
}
OBannerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
OBannerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OBannerModule, declarations: [OBannerComponent, OBannerIconComponent, OBannerActionsComponent, OBannerTextComponent], imports: [CommonModule], exports: [OBannerComponent, OBannerIconComponent, OBannerActionsComponent, OBannerTextComponent] });
OBannerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBannerModule, imports: [CommonModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBannerModule, decorators: [{
            type: NgModule,
            args: [{
                    declarations: [OBannerComponent, OBannerIconComponent, OBannerActionsComponent, OBannerTextComponent],
                    imports: [CommonModule],
                    exports: [OBannerComponent, OBannerIconComponent, OBannerActionsComponent, OBannerTextComponent]
                }]
        }] });

/**
 * Generated bundle index. Do not edit.
 */

export { OBannerActionsComponent, OBannerComponent, OBannerIconComponent, OBannerModule, OBannerTextComponent };
//# sourceMappingURL=ngx-obelisco-example-banner.mjs.map