angular-admin-lte-teliqo
Version:
npm# angular-admin-lte
110 lines (109 loc) • 10.4 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
import { Component, Input, ContentChild } 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',
styles: [".info-box.bg-color>.info-box-content{color:#fff}"],
template: "<div [ngClass]=\"styleClass\" [mkColor]=\"backgroundColor\" mkColorProperty=\"background-color\">\n <span class=\"info-box-icon\" [mkColor]=\"iconBackgroundColor\" mkColorProperty=\"background-color\">\n <i [ngClass]=\"iconStyleClass\" [mkFontColor]=\"iconColor\"></i>\n </span>\n <div class=\"info-box-content\">\n <span *ngIf=\"header || boxInfoHeaderDirective\" [ngClass]=\"headerStyleClass\" [mkFontColor]=\"headerColor\">\n {{header}}\n <ng-content select=\"mk-box-header\"></ng-content>\n </span>\n <span [ngClass]=\"contentStyleClass\" [mkFontColor]=\"contentColor\">\n <ng-container *ngIf=\"boxInfoHeaderDirective || boxInfoContentDirective || boxInfoFooterDirective; else noDirective\">\n <ng-content select=\"mk-box-content\"></ng-content>\n </ng-container>\n <ng-template #noDirective>\n <ng-content></ng-content>\n </ng-template>\n </span>\n <div *ngIf=\"progressWidth\" class=\"progress\">\n <div class=\"progress-bar\" [mkColor]=\"progressBarBg\" mkColorProperty=\"background-color\" [style.width.%]=\"progressWidth\"></div>\n </div>\n <span *ngIf=\"footer || boxInfoFooterDirective\" [ngClass]=\"footerStyleClass\" [mkFontColor]=\"footerColor\">\n {{footer}}\n <ng-content select=\"mk-box-footer\"></ng-content>\n </span>\n </div>\n</div>\n"
},] },
];
/** @nocollapse */
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,] },],
"boxInfoFooterDirective": [{ type: ContentChild, args: [BoxInfoFooterDirective,] },],
"boxInfoContentDirective": [{ type: ContentChild, args: [BoxInfoContentDirective,] },],
};
return BoxInfoComponent;
}());
export { BoxInfoComponent };
function BoxInfoComponent_tsickle_Closure_declarations() {
/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
BoxInfoComponent.decorators;
/**
* @nocollapse
* @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
*/
BoxInfoComponent.ctorParameters;
/** @type {!Object<string,!Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
BoxInfoComponent.propDecorators;
/** @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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94LWluZm8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vYW5ndWxhci1hZG1pbi1sdGUtdGVsaXFvLyIsInNvdXJjZXMiOlsibGliL2JveC1pbmZvL2JveC1pbmZvLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7aUNBd0N6RSxpQkFBaUI7Z0NBSWxCLHNCQUFzQjtnQ0FHdEIsZUFBZTt5QkFFdEIsTUFBTTs4QkFDRCxhQUFhOzBCQUVqQixVQUFVOztJQU12Qzs7T0FFRzs7Ozs7SUFDSCxtQ0FBUTs7OztJQUFSO1FBQ0UsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztZQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQztTQUMvQztLQUNGOztnQkE1REYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxhQUFhO29CQUN2QixNQUFNLEVBQUUsQ0FBQyxrREFBa0QsQ0FBQztvQkFDNUQsUUFBUSxFQUFFLG0wQ0EwQlg7aUJBQ0E7Ozs7b0NBSUUsS0FBSztzQ0FDTCxLQUFLO2lDQUNMLEtBQUs7MkJBQ0wsS0FBSztnQ0FDTCxLQUFLO3FDQUNMLEtBQUs7MkJBQ0wsS0FBSztnQ0FDTCxLQUFLO3FDQUNMLEtBQUs7d0NBQ0wsS0FBSzs4QkFDTCxLQUFLO21DQUNMLEtBQUs7a0NBQ0wsS0FBSzsrQkFDTCxLQUFLOzJDQUVMLFlBQVksU0FBQyxzQkFBc0I7MkNBQ25DLFlBQVksU0FBQyxzQkFBc0I7NENBQ25DLFlBQVksU0FBQyx1QkFBdUI7OzJCQXpEdkM7O1NBcUNhLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgQ29udGVudENoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCb3hJbmZvQ29udGVudERpcmVjdGl2ZSwgQm94SW5mb0Zvb3RlckRpcmVjdGl2ZSwgQm94SW5mb0hlYWRlckRpcmVjdGl2ZSB9IGZyb20gJy4vYm94LWluZm8uZGlyZWN0aXZlJztcblxuLypcbiAqXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21rLWJveC1pbmZvJyxcbiAgc3R5bGVzOiBbYC5pbmZvLWJveC5iZy1jb2xvcj4uaW5mby1ib3gtY29udGVudHtjb2xvcjojZmZmfWBdLFxuICB0ZW1wbGF0ZTogYDxkaXYgW25nQ2xhc3NdPVwic3R5bGVDbGFzc1wiIFtta0NvbG9yXT1cImJhY2tncm91bmRDb2xvclwiIG1rQ29sb3JQcm9wZXJ0eT1cImJhY2tncm91bmQtY29sb3JcIj5cbiAgPHNwYW4gY2xhc3M9XCJpbmZvLWJveC1pY29uXCIgW21rQ29sb3JdPVwiaWNvbkJhY2tncm91bmRDb2xvclwiIG1rQ29sb3JQcm9wZXJ0eT1cImJhY2tncm91bmQtY29sb3JcIj5cbiAgICA8aSBbbmdDbGFzc109XCJpY29uU3R5bGVDbGFzc1wiIFtta0ZvbnRDb2xvcl09XCJpY29uQ29sb3JcIj48L2k+XG4gIDwvc3Bhbj5cbiAgPGRpdiBjbGFzcz1cImluZm8tYm94LWNvbnRlbnRcIj5cbiAgICA8c3BhbiAqbmdJZj1cImhlYWRlciB8fCBib3hJbmZvSGVhZGVyRGlyZWN0aXZlXCIgW25nQ2xhc3NdPVwiaGVhZGVyU3R5bGVDbGFzc1wiIFtta0ZvbnRDb2xvcl09XCJoZWFkZXJDb2xvclwiPlxuICAgICAge3toZWFkZXJ9fVxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibWstYm94LWhlYWRlclwiPjwvbmctY29udGVudD5cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gW25nQ2xhc3NdPVwiY29udGVudFN0eWxlQ2xhc3NcIiBbbWtGb250Q29sb3JdPVwiY29udGVudENvbG9yXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiYm94SW5mb0hlYWRlckRpcmVjdGl2ZSB8fCBib3hJbmZvQ29udGVudERpcmVjdGl2ZSB8fCBib3hJbmZvRm9vdGVyRGlyZWN0aXZlOyBlbHNlIG5vRGlyZWN0aXZlXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1rLWJveC1jb250ZW50XCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctdGVtcGxhdGUgI25vRGlyZWN0aXZlPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvc3Bhbj5cbiAgICA8ZGl2ICpuZ0lmPVwicHJvZ3Jlc3NXaWR0aFwiIGNsYXNzPVwicHJvZ3Jlc3NcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJwcm9ncmVzcy1iYXJcIiBbbWtDb2xvcl09XCJwcm9ncmVzc0JhckJnXCIgbWtDb2xvclByb3BlcnR5PVwiYmFja2dyb3VuZC1jb2xvclwiIFtzdHlsZS53aWR0aC4lXT1cInByb2dyZXNzV2lkdGhcIj48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8c3BhbiAqbmdJZj1cImZvb3RlciB8fCBib3hJbmZvRm9vdGVyRGlyZWN0aXZlXCIgW25nQ2xhc3NdPVwiZm9vdGVyU3R5bGVDbGFzc1wiIFtta0ZvbnRDb2xvcl09XCJmb290ZXJDb2xvclwiPlxuICAgICAge3tmb290ZXJ9fVxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibWstYm94LWZvb3RlclwiPjwvbmctY29udGVudD5cbiAgICA8L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+XG5gXG59KVxuZXhwb3J0IGNsYXNzIEJveEluZm9Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwdWJsaWMgcHJvZ3Jlc3NCYXJCZzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGNvbnRlbnRTdHlsZUNsYXNzID0gJ2luZm8tYm94LW51bWJlcic7XG4gIEBJbnB1dCgpIHB1YmxpYyBjb250ZW50Q29sb3I6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGZvb3Rlcjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgZm9vdGVyQ29sb3I6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGZvb3RlclN0eWxlQ2xhc3MgPSAncHJvZ3Jlc3MtZGVzY3JpcHRpb24nO1xuICBASW5wdXQoKSBwdWJsaWMgaGVhZGVyOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBoZWFkZXJDb2xvcjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaGVhZGVyU3R5bGVDbGFzcyA9ICdpbmZvLWJveC10ZXh0JztcbiAgQElucHV0KCkgcHVibGljIGljb25CYWNrZ3JvdW5kQ29sb3I6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGljb25Db2xvciA9ICcjZmZmJztcbiAgQElucHV0KCkgcHVibGljIGljb25TdHlsZUNsYXNzID0gJ2lvbiBpb24tYmFnJztcbiAgQElucHV0KCkgcHVibGljIHByb2dyZXNzV2lkdGg6IG51bWJlcjtcbiAgQElucHV0KCkgcHVibGljIHN0eWxlQ2xhc3MgPSAnaW5mby1ib3gnO1xuXG4gIEBDb250ZW50Q2hpbGQoQm94SW5mb0hlYWRlckRpcmVjdGl2ZSkgcHVibGljIGJveEluZm9IZWFkZXJEaXJlY3RpdmU6IEJveEluZm9IZWFkZXJEaXJlY3RpdmU7XG4gIEBDb250ZW50Q2hpbGQoQm94SW5mb0Zvb3RlckRpcmVjdGl2ZSkgcHVibGljIGJveEluZm9Gb290ZXJEaXJlY3RpdmU6IEJveEluZm9Gb290ZXJEaXJlY3RpdmU7XG4gIEBDb250ZW50Q2hpbGQoQm94SW5mb0NvbnRlbnREaXJlY3RpdmUpIHB1YmxpYyBib3hJbmZvQ29udGVudERpcmVjdGl2ZTogQm94SW5mb0NvbnRlbnREaXJlY3RpdmU7XG5cbiAgLyoqXG4gICAqIEBtZXRob2QgbmdPbkluaXRcbiAgICovXG4gIG5nT25Jbml0KCkge1xuICAgIGlmICghdGhpcy5iYWNrZ3JvdW5kQ29sb3IpIHtcbiAgICAgIHRoaXMucHJvZ3Jlc3NCYXJCZyA9IHRoaXMuaWNvbkJhY2tncm91bmRDb2xvcjtcbiAgICB9XG4gIH1cbn1cbiJdfQ==