ad-custom-lib/esm2015/lib/box-small/box-small.component.js

This is an UI custom library based on Adminlte library with purpose for personal use, if you need a full template of Primeng please visit https://github.com/mledour/angular-admin-lte

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
 */
import { Component, ContentChild, Input } from '@angular/core';
import { BoxSmallContentDirective, BoxSmallFooterDirective, BoxSmallHeaderDirective } from './box-small.directive';
/*
 *
 */
export class BoxSmallComponent {
    constructor() {
        this.contentStyleClass = 'small-box-content';
        this.footerStyleClass = 'small-box-footer';
        this.headerStyleClass = 'small-box-header';
        this.iconStyleClass = 'ion ion-bag';
        this.styleClass = 'small-box';
    }
}
BoxSmallComponent.decorators = [
    { type: Component, args: [{
                selector: 'mk-box-small',
                template: "<div [ngClass]=\"styleClass\" [mkColor]=\"backgroundColor\" mkColorProperty=\"background-color\">\r\n    <div class=\"inner\">\r\n        <h3 *ngIf=\"header || boxSmallHeaderDirective\" [ngClass]=\"headerStyleClass\" [mkFontColor]=\"headerColor\">\r\n            {{header}}\r\n            <ng-content select=\"mk-box-small-header\"></ng-content>\r\n        </h3>\r\n        <p [ngClass]=\"contentStyleClass\" [mkFontColor]=\"contentColor\">\r\n            <ng-container\r\n                *ngIf=\"boxSmallHeaderDirective || boxSmallContentDirective || boxSmallFooterDirective; else noDirective\">\r\n                <ng-content select=\"mk-box-small-content\"></ng-content>\r\n            </ng-container>\r\n            <ng-template #noDirective>\r\n                <ng-content></ng-content>\r\n            </ng-template>\r\n        </p>\r\n    </div>\r\n    <div *ngIf=\"iconStyleClass\" class=\"icon\">\r\n        <i [ngClass]=\"iconStyleClass\" [mkFontColor]=\"iconColor\"></i>\r\n    </div>\r\n    <span *ngIf=\"footer || boxSmallFooterDirective\" [ngClass]=\"footerStyleClass\" [mkFontColor]=\"footerColor\">\r\n        {{footer}}\r\n        <ng-content select=\"mk-box-small-footer\"></ng-content>\r\n    </span>\r\n</div>",
                styles: [".small-box.bg-color{color:#fff}/deep/ .small-box-footer:hover{cursor:pointer}/deep/ .small-box-footer a{color:rgba(255,255,255,.8)}/deep/ .small-box-footer:hover a{color:#fff}"]
            }] }
];
BoxSmallComponent.propDecorators = {
    backgroundColor: [{ type: Input }],
    contentColor: [{ type: Input }],
    contentStyleClass: [{ type: Input }],
    footer: [{ type: Input }],
    footerColor: [{ type: Input }],
    footerStyleClass: [{ type: Input }],
    header: [{ type: Input }],
    headerColor: [{ type: Input }],
    headerStyleClass: [{ type: Input }],
    iconColor: [{ type: Input }],
    iconStyleClass: [{ type: Input }],
    styleClass: [{ type: Input }],
    boxSmallHeaderDirective: [{ type: ContentChild, args: [BoxSmallHeaderDirective, { static: true },] }],
    boxSmallFooterDirective: [{ type: ContentChild, args: [BoxSmallFooterDirective, { static: true },] }],
    boxSmallContentDirective: [{ type: ContentChild, args: [BoxSmallContentDirective, { static: true },] }]
};
if (false) {
    /** @type {?} */
    BoxSmallComponent.prototype.backgroundColor;
    /** @type {?} */
    BoxSmallComponent.prototype.contentColor;
    /** @type {?} */
    BoxSmallComponent.prototype.contentStyleClass;
    /** @type {?} */
    BoxSmallComponent.prototype.footer;
    /** @type {?} */
    BoxSmallComponent.prototype.footerColor;
    /** @type {?} */
    BoxSmallComponent.prototype.footerStyleClass;
    /** @type {?} */
    BoxSmallComponent.prototype.header;
    /** @type {?} */
    BoxSmallComponent.prototype.headerColor;
    /** @type {?} */
    BoxSmallComponent.prototype.headerStyleClass;
    /** @type {?} */
    BoxSmallComponent.prototype.iconColor;
    /** @type {?} */
    BoxSmallComponent.prototype.iconStyleClass;
    /** @type {?} */
    BoxSmallComponent.prototype.styleClass;
    /** @type {?} */
    BoxSmallComponent.prototype.boxSmallHeaderDirective;
    /** @type {?} */
    BoxSmallComponent.prototype.boxSmallFooterDirective;
    /** @type {?} */
    BoxSmallComponent.prototype.boxSmallContentDirective;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LXNtYWxsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2FkLWN1c3RvbS1saWIvIiwic291cmNlcyI6WyJsaWIvYm94LXNtYWxsL2JveC1zbWFsbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRCxPQUFPLEVBQ0gsd0JBQXdCLEVBQUUsdUJBQXVCLEVBQUUsdUJBQXVCLEVBQzdFLE1BQU0sdUJBQXVCLENBQUM7Ozs7QUFVL0IsTUFBTSxPQUFPLGlCQUFpQjtJQUw5QjtRQVFvQixzQkFBaUIsR0FBRyxtQkFBbUIsQ0FBQztRQUd4QyxxQkFBZ0IsR0FBRyxrQkFBa0IsQ0FBQztRQUd0QyxxQkFBZ0IsR0FBRyxrQkFBa0IsQ0FBQztRQUV0QyxtQkFBYyxHQUFHLGFBQWEsQ0FBQztRQUMvQixlQUFVLEdBQUcsV0FBVyxDQUFDO0lBSzdDLENBQUM7OztZQXRCQSxTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLHd0Q0FBeUM7O2FBRTVDOzs7OEJBRUksS0FBSzsyQkFDTCxLQUFLO2dDQUNMLEtBQUs7cUJBQ0wsS0FBSzswQkFDTCxLQUFLOytCQUNMLEtBQUs7cUJBQ0wsS0FBSzswQkFDTCxLQUFLOytCQUNMLEtBQUs7d0JBQ0wsS0FBSzs2QkFDTCxLQUFLO3lCQUNMLEtBQUs7c0NBRUwsWUFBWSxTQUFDLHVCQUF1QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtzQ0FDdEQsWUFBWSxTQUFDLHVCQUF1QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTt1Q0FDdEQsWUFBWSxTQUFDLHdCQUF3QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTs7OztJQWZ4RCw0Q0FBd0M7O0lBQ3hDLHlDQUFxQzs7SUFDckMsOENBQXdEOztJQUN4RCxtQ0FBK0I7O0lBQy9CLHdDQUFvQzs7SUFDcEMsNkNBQXNEOztJQUN0RCxtQ0FBK0I7O0lBQy9CLHdDQUFvQzs7SUFDcEMsNkNBQXNEOztJQUN0RCxzQ0FBa0M7O0lBQ2xDLDJDQUErQzs7SUFDL0MsdUNBQXlDOztJQUV6QyxvREFBaUg7O0lBQ2pILG9EQUFpSDs7SUFDakgscURBQW9IIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQge1xyXG4gICAgQm94U21hbGxDb250ZW50RGlyZWN0aXZlLCBCb3hTbWFsbEZvb3RlckRpcmVjdGl2ZSwgQm94U21hbGxIZWFkZXJEaXJlY3RpdmVcclxufSBmcm9tICcuL2JveC1zbWFsbC5kaXJlY3RpdmUnO1xyXG5cclxuLypcclxuICpcclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdtay1ib3gtc21hbGwnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JveC1zbWFsbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9ib3gtc21hbGwuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCb3hTbWFsbENvbXBvbmVudCB7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgYmFja2dyb3VuZENvbG9yOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgY29udGVudENvbG9yOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgY29udGVudFN0eWxlQ2xhc3MgPSAnc21hbGwtYm94LWNvbnRlbnQnO1xyXG4gICAgQElucHV0KCkgcHVibGljIGZvb3Rlcjogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgcHVibGljIGZvb3RlckNvbG9yOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgZm9vdGVyU3R5bGVDbGFzcyA9ICdzbWFsbC1ib3gtZm9vdGVyJztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBoZWFkZXI6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBoZWFkZXJDb2xvcjogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgcHVibGljIGhlYWRlclN0eWxlQ2xhc3MgPSAnc21hbGwtYm94LWhlYWRlcic7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgaWNvbkNvbG9yOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgaWNvblN0eWxlQ2xhc3MgPSAnaW9uIGlvbi1iYWcnO1xyXG4gICAgQElucHV0KCkgcHVibGljIHN0eWxlQ2xhc3MgPSAnc21hbGwtYm94JztcclxuXHJcbiAgICBAQ29udGVudENoaWxkKEJveFNtYWxsSGVhZGVyRGlyZWN0aXZlLCB7IHN0YXRpYzogdHJ1ZSB9KSBwdWJsaWMgYm94U21hbGxIZWFkZXJEaXJlY3RpdmU6IEJveFNtYWxsSGVhZGVyRGlyZWN0aXZlO1xyXG4gICAgQENvbnRlbnRDaGlsZChCb3hTbWFsbEZvb3RlckRpcmVjdGl2ZSwgeyBzdGF0aWM6IHRydWUgfSkgcHVibGljIGJveFNtYWxsRm9vdGVyRGlyZWN0aXZlOiBCb3hTbWFsbEZvb3RlckRpcmVjdGl2ZTtcclxuICAgIEBDb250ZW50Q2hpbGQoQm94U21hbGxDb250ZW50RGlyZWN0aXZlLCB7IHN0YXRpYzogdHJ1ZSB9KSBwdWJsaWMgYm94U21hbGxDb250ZW50RGlyZWN0aXZlOiBCb3hTbWFsbENvbnRlbnREaXJlY3RpdmU7XHJcbn1cclxuIl19