ad-custom-lib
Version:
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
102 lines • 9.32 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ContentChild, Input } from '@angular/core';
import { BoxInfoContentDirective, BoxInfoFooterDirective, BoxInfoHeaderDirective } from './box-info.directive';
/*
*
*/
var BoxInfoComponent = /** @class */ (function () {
function BoxInfoComponent() {
this.contentStyleClass = 'info-box-number';
this.footerStyleClass = 'progress-description';
this.headerStyleClass = 'info-box-text';
this.iconColor = '#fff';
this.iconStyleClass = 'ion ion-bag';
this.styleClass = 'info-box';
}
/**
* @method ngOnInit
*/
/**
* \@method ngOnInit
* @return {?}
*/
BoxInfoComponent.prototype.ngOnInit = /**
* \@method ngOnInit
* @return {?}
*/
function () {
if (!this.backgroundColor) {
this.progressBarBg = this.iconBackgroundColor;
}
};
BoxInfoComponent.decorators = [
{ type: Component, args: [{
selector: 'mk-box-info',
template: "<div [ngClass]=\"styleClass\" [mkColor]=\"backgroundColor\" mkColorProperty=\"background-color\">\r\n <span class=\"info-box-icon\" [mkColor]=\"iconBackgroundColor\" mkColorProperty=\"background-color\">\r\n <i [ngClass]=\"iconStyleClass\" [mkFontColor]=\"iconColor\"></i>\r\n </span>\r\n <div class=\"info-box-content\">\r\n <span *ngIf=\"header || boxInfoHeaderDirective\" [ngClass]=\"headerStyleClass\" [mkFontColor]=\"headerColor\">\r\n {{header}}\r\n <ng-content select=\"mk-box-header\"></ng-content>\r\n </span>\r\n <span [ngClass]=\"contentStyleClass\" [mkFontColor]=\"contentColor\">\r\n <ng-container\r\n *ngIf=\"boxInfoHeaderDirective || boxInfoContentDirective || boxInfoFooterDirective; else noDirective\">\r\n <ng-content select=\"mk-box-content\"></ng-content>\r\n </ng-container>\r\n <ng-template #noDirective>\r\n <ng-content></ng-content>\r\n </ng-template>\r\n </span>\r\n <div *ngIf=\"progressWidth\" class=\"progress\">\r\n <div class=\"progress-bar\" [mkColor]=\"progressBarBg\" mkColorProperty=\"background-color\"\r\n [style.width.%]=\"progressWidth\"></div>\r\n </div>\r\n <span *ngIf=\"footer || boxInfoFooterDirective\" [ngClass]=\"footerStyleClass\" [mkFontColor]=\"footerColor\">\r\n {{footer}}\r\n <ng-content select=\"mk-box-footer\"></ng-content>\r\n </span>\r\n </div>\r\n</div>",
styles: [".info-box.bg-color>.info-box-content{color:#fff}"]
}] }
];
BoxInfoComponent.propDecorators = {
backgroundColor: [{ type: Input }],
contentStyleClass: [{ type: Input }],
contentColor: [{ type: Input }],
footer: [{ type: Input }],
footerColor: [{ type: Input }],
footerStyleClass: [{ type: Input }],
header: [{ type: Input }],
headerColor: [{ type: Input }],
headerStyleClass: [{ type: Input }],
iconBackgroundColor: [{ type: Input }],
iconColor: [{ type: Input }],
iconStyleClass: [{ type: Input }],
progressWidth: [{ type: Input }],
styleClass: [{ type: Input }],
boxInfoHeaderDirective: [{ type: ContentChild, args: [BoxInfoHeaderDirective, { static: true },] }],
boxInfoFooterDirective: [{ type: ContentChild, args: [BoxInfoFooterDirective, { static: true },] }],
boxInfoContentDirective: [{ type: ContentChild, args: [BoxInfoContentDirective, { static: true },] }]
};
return BoxInfoComponent;
}());
export { BoxInfoComponent };
if (false) {
/** @type {?} */
BoxInfoComponent.prototype.progressBarBg;
/** @type {?} */
BoxInfoComponent.prototype.backgroundColor;
/** @type {?} */
BoxInfoComponent.prototype.contentStyleClass;
/** @type {?} */
BoxInfoComponent.prototype.contentColor;
/** @type {?} */
BoxInfoComponent.prototype.footer;
/** @type {?} */
BoxInfoComponent.prototype.footerColor;
/** @type {?} */
BoxInfoComponent.prototype.footerStyleClass;
/** @type {?} */
BoxInfoComponent.prototype.header;
/** @type {?} */
BoxInfoComponent.prototype.headerColor;
/** @type {?} */
BoxInfoComponent.prototype.headerStyleClass;
/** @type {?} */
BoxInfoComponent.prototype.iconBackgroundColor;
/** @type {?} */
BoxInfoComponent.prototype.iconColor;
/** @type {?} */
BoxInfoComponent.prototype.iconStyleClass;
/** @type {?} */
BoxInfoComponent.prototype.progressWidth;
/** @type {?} */
BoxInfoComponent.prototype.styleClass;
/** @type {?} */
BoxInfoComponent.prototype.boxInfoHeaderDirective;
/** @type {?} */
BoxInfoComponent.prototype.boxInfoFooterDirective;
/** @type {?} */
BoxInfoComponent.prototype.boxInfoContentDirective;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWluZm8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vYWQtY3VzdG9tLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9ib3gtaW5mby9ib3gtaW5mby5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUV2RSxPQUFPLEVBQ0gsdUJBQXVCLEVBQUUsc0JBQXNCLEVBQUUsc0JBQXNCLEVBQzFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFLOUI7SUFBQTtRQVNvQixzQkFBaUIsR0FBRyxpQkFBaUIsQ0FBQztRQUl0QyxxQkFBZ0IsR0FBRyxzQkFBc0IsQ0FBQztRQUcxQyxxQkFBZ0IsR0FBRyxlQUFlLENBQUM7UUFFbkMsY0FBUyxHQUFHLE1BQU0sQ0FBQztRQUNuQixtQkFBYyxHQUFHLGFBQWEsQ0FBQztRQUUvQixlQUFVLEdBQUcsVUFBVSxDQUFDO0lBYzVDLENBQUM7SUFSRzs7T0FFRzs7Ozs7SUFDSCxtQ0FBUTs7OztJQUFSO1FBQ0ksSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDdkIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUM7U0FDakQ7SUFDTCxDQUFDOztnQkFsQ0osU0FBUyxTQUFDO29CQUNQLFFBQVEsRUFBRSxhQUFhO29CQUV2QixxaERBQXdDOztpQkFDM0M7OztrQ0FJSSxLQUFLO29DQUNMLEtBQUs7K0JBQ0wsS0FBSzt5QkFDTCxLQUFLOzhCQUNMLEtBQUs7bUNBQ0wsS0FBSzt5QkFDTCxLQUFLOzhCQUNMLEtBQUs7bUNBQ0wsS0FBSztzQ0FDTCxLQUFLOzRCQUNMLEtBQUs7aUNBQ0wsS0FBSztnQ0FDTCxLQUFLOzZCQUNMLEtBQUs7eUNBRUwsWUFBWSxTQUFDLHNCQUFzQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTt5Q0FDckQsWUFBWSxTQUFDLHNCQUFzQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTswQ0FDckQsWUFBWSxTQUFDLHVCQUF1QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTs7SUFVM0QsdUJBQUM7Q0FBQSxBQW5DRCxJQW1DQztTQTlCWSxnQkFBZ0I7OztJQUN6Qix5Q0FBNkI7O0lBRTdCLDJDQUF3Qzs7SUFDeEMsNkNBQXNEOztJQUN0RCx3Q0FBcUM7O0lBQ3JDLGtDQUErQjs7SUFDL0IsdUNBQW9DOztJQUNwQyw0Q0FBMEQ7O0lBQzFELGtDQUErQjs7SUFDL0IsdUNBQW9DOztJQUNwQyw0Q0FBbUQ7O0lBQ25ELCtDQUE0Qzs7SUFDNUMscUNBQW1DOztJQUNuQywwQ0FBK0M7O0lBQy9DLHlDQUFzQzs7SUFDdEMsc0NBQXdDOztJQUV4QyxrREFBOEc7O0lBQzlHLGtEQUE4Rzs7SUFDOUcsbURBQWlIIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7XHJcbiAgICBCb3hJbmZvQ29udGVudERpcmVjdGl2ZSwgQm94SW5mb0Zvb3RlckRpcmVjdGl2ZSwgQm94SW5mb0hlYWRlckRpcmVjdGl2ZVxyXG59IGZyb20gJy4vYm94LWluZm8uZGlyZWN0aXZlJztcclxuXHJcbi8qXHJcbiAqXHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnbWstYm94LWluZm8nLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vYm94LWluZm8uY29tcG9uZW50LmNzcyddLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JveC1pbmZvLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQm94SW5mb0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBwdWJsaWMgcHJvZ3Jlc3NCYXJCZzogc3RyaW5nO1xyXG5cclxuICAgIEBJbnB1dCgpIHB1YmxpYyBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBjb250ZW50U3R5bGVDbGFzcyA9ICdpbmZvLWJveC1udW1iZXInO1xyXG4gICAgQElucHV0KCkgcHVibGljIGNvbnRlbnRDb2xvcjogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgcHVibGljIGZvb3Rlcjogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgcHVibGljIGZvb3RlckNvbG9yOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgZm9vdGVyU3R5bGVDbGFzcyA9ICdwcm9ncmVzcy1kZXNjcmlwdGlvbic7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgaGVhZGVyOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgaGVhZGVyQ29sb3I6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBoZWFkZXJTdHlsZUNsYXNzID0gJ2luZm8tYm94LXRleHQnO1xyXG4gICAgQElucHV0KCkgcHVibGljIGljb25CYWNrZ3JvdW5kQ29sb3I6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBpY29uQ29sb3IgPSAnI2ZmZic7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgaWNvblN0eWxlQ2xhc3MgPSAnaW9uIGlvbi1iYWcnO1xyXG4gICAgQElucHV0KCkgcHVibGljIHByb2dyZXNzV2lkdGg6IG51bWJlcjtcclxuICAgIEBJbnB1dCgpIHB1YmxpYyBzdHlsZUNsYXNzID0gJ2luZm8tYm94JztcclxuXHJcbiAgICBAQ29udGVudENoaWxkKEJveEluZm9IZWFkZXJEaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlIH0pIHB1YmxpYyBib3hJbmZvSGVhZGVyRGlyZWN0aXZlOiBCb3hJbmZvSGVhZGVyRGlyZWN0aXZlO1xyXG4gICAgQENvbnRlbnRDaGlsZChCb3hJbmZvRm9vdGVyRGlyZWN0aXZlLCB7IHN0YXRpYzogdHJ1ZSB9KSBwdWJsaWMgYm94SW5mb0Zvb3RlckRpcmVjdGl2ZTogQm94SW5mb0Zvb3RlckRpcmVjdGl2ZTtcclxuICAgIEBDb250ZW50Q2hpbGQoQm94SW5mb0NvbnRlbnREaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlIH0pIHB1YmxpYyBib3hJbmZvQ29udGVudERpcmVjdGl2ZTogQm94SW5mb0NvbnRlbnREaXJlY3RpdmU7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBAbWV0aG9kIG5nT25Jbml0XHJcbiAgICAgKi9cclxuICAgIG5nT25Jbml0KCkge1xyXG4gICAgICAgIGlmICghdGhpcy5iYWNrZ3JvdW5kQ29sb3IpIHtcclxuICAgICAgICAgICAgdGhpcy5wcm9ncmVzc0JhckJnID0gdGhpcy5pY29uQmFja2dyb3VuZENvbG9yO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG4iXX0=