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

Componentes funcionales y reutilizables para Angular.

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

class OBlockTitleComponent {
    constructor() {
        this.customClasses = '';
    }
}
OBlockTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBlockTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OBlockTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OBlockTitleComponent, selector: "o-block-title", inputs: { customClasses: "customClasses" }, ngImport: i0, template: "<h2 class=\"block-title\" [ngClass]=\"customClasses\"><ng-content></ng-content></h2>\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: OBlockTitleComponent, decorators: [{
            type: Component,
            args: [{ selector: 'o-block-title', template: "<h2 class=\"block-title\" [ngClass]=\"customClasses\"><ng-content></ng-content></h2>\r\n" }]
        }], ctorParameters: function () { return []; }, propDecorators: { customClasses: [{
                type: Input
            }] } });

class OBlockTextComponent {
    constructor() {
        this.customClasses = '';
    }
}
OBlockTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBlockTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OBlockTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OBlockTextComponent, selector: "o-block-text", inputs: { customClasses: "customClasses" }, ngImport: i0, template: "<p class=\"block-text\" [ngClass]=\"customClasses\"><ng-content></ng-content></p>\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: OBlockTextComponent, decorators: [{
            type: Component,
            args: [{ selector: 'o-block-text', template: "<p class=\"block-text\" [ngClass]=\"customClasses\"><ng-content></ng-content></p>\r\n" }]
        }], ctorParameters: function () { return []; }, propDecorators: { customClasses: [{
                type: Input
            }] } });

class OBlockComponent {
    constructor() {
        this.isBgLight = false;
        this.isPositionRelative = false;
        this.customClasses = '';
    }
}
OBlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OBlockComponent, selector: "o-block", inputs: { title: "title", description: "description", isBgLight: "isBgLight", isPositionRelative: "isPositionRelative", customClasses: "customClasses" }, queries: [{ propertyName: "oCustomContent", first: true, predicate: OCustomContentDirective, descendants: true, static: true }, { propertyName: "children", first: true, predicate: ["children"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\r\n  class=\"card card-block\"\r\n  [ngStyle]=\"isPositionRelative ? null : { top: '48px' }\"\r\n  [class.bg-light]=\"isBgLight\"\r\n  [class.position-sticky]=\"!isPositionRelative\"\r\n  [class]=\"customClasses\"\r\n>\r\n  <div class=\"card-body\" *ngIf=\"!oCustomContent\">\r\n    <o-block-title *ngIf=\"title\">{{ title }}</o-block-title>\r\n    <o-block-text *ngIf=\"description\">{{ description }}</o-block-text>\r\n\r\n    <ng-content select=\"o-block-header\"></ng-content>\r\n    <ng-content select=\"o-block-text\"></ng-content>\r\n\r\n    <ng-container *ngIf=\"children\"><ng-content></ng-content></ng-container>\r\n\r\n    <ng-content select=\"o-block-footer\"></ng-content>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: OBlockTitleComponent, selector: "o-block-title", inputs: ["customClasses"] }, { kind: "component", type: OBlockTextComponent, selector: "o-block-text", inputs: ["customClasses"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBlockComponent, decorators: [{
            type: Component,
            args: [{ selector: 'o-block', template: "<div\r\n  class=\"card card-block\"\r\n  [ngStyle]=\"isPositionRelative ? null : { top: '48px' }\"\r\n  [class.bg-light]=\"isBgLight\"\r\n  [class.position-sticky]=\"!isPositionRelative\"\r\n  [class]=\"customClasses\"\r\n>\r\n  <div class=\"card-body\" *ngIf=\"!oCustomContent\">\r\n    <o-block-title *ngIf=\"title\">{{ title }}</o-block-title>\r\n    <o-block-text *ngIf=\"description\">{{ description }}</o-block-text>\r\n\r\n    <ng-content select=\"o-block-header\"></ng-content>\r\n    <ng-content select=\"o-block-text\"></ng-content>\r\n\r\n    <ng-container *ngIf=\"children\"><ng-content></ng-content></ng-container>\r\n\r\n    <ng-content select=\"o-block-footer\"></ng-content>\r\n  </div>\r\n  <ng-container *ngIf=\"oCustomContent\" [ngTemplateOutlet]=\"oCustomContent.template\"></ng-container>\r\n</div>\r\n" }]
        }], propDecorators: { title: [{
                type: Input
            }], description: [{
                type: Input
            }], isBgLight: [{
                type: Input
            }], isPositionRelative: [{
                type: Input
            }], customClasses: [{
                type: Input
            }], oCustomContent: [{
                type: ContentChild,
                args: [OCustomContentDirective, { static: true }]
            }], children: [{
                type: ContentChild,
                args: ['children', { read: ElementRef }]
            }] } });

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

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

class OBlockModule {
}
OBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
OBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OBlockModule, declarations: [OBlockComponent,
        OBlockFooterComponent,
        OBlockTitleComponent,
        OBlockHeaderComponent,
        OBlockTextComponent], imports: [CommonModule], exports: [OBlockComponent, OBlockFooterComponent, OBlockTitleComponent, OBlockHeaderComponent, OBlockTextComponent] });
OBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBlockModule, imports: [CommonModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBlockModule, decorators: [{
            type: NgModule,
            args: [{
                    declarations: [
                        OBlockComponent,
                        OBlockFooterComponent,
                        OBlockTitleComponent,
                        OBlockHeaderComponent,
                        OBlockTextComponent
                    ],
                    imports: [CommonModule],
                    exports: [OBlockComponent, OBlockFooterComponent, OBlockTitleComponent, OBlockHeaderComponent, OBlockTextComponent]
                }]
        }] });

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

export { OBlockComponent, OBlockFooterComponent, OBlockHeaderComponent, OBlockModule, OBlockTextComponent, OBlockTitleComponent };
//# sourceMappingURL=ngx-obelisco-example-block.mjs.map