ng2-widgets
Version:
Angular Widgets includes a variety of components that you can easily use in your applications.
161 lines (152 loc) • 7.99 kB
JavaScript
import { Injectable, ɵɵdefineInjectable, Component, NgModule, Input } from '@angular/core';
import { CommonModule } from '@angular/common';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class Ng2WidgetsService {
constructor() { }
}
Ng2WidgetsService.decorators = [
{ type: Injectable, args: [{
providedIn: 'root'
},] }
];
/** @nocollapse */
Ng2WidgetsService.ctorParameters = () => [];
/** @nocollapse */ Ng2WidgetsService.ngInjectableDef = ɵɵdefineInjectable({ factory: function Ng2WidgetsService_Factory() { return new Ng2WidgetsService(); }, token: Ng2WidgetsService, providedIn: "root" });
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class Ng2WidgetsComponent {
constructor() { }
/**
* @return {?}
*/
ngOnInit() {
}
}
Ng2WidgetsComponent.decorators = [
{ type: Component, args: [{
selector: 'lib-ng2-widgets',
template: `
<p>
ng2-widgets works!
</p>
`,
styles: ["@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css);"]
}] }
];
/** @nocollapse */
Ng2WidgetsComponent.ctorParameters = () => [];
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class Ng2WidgetsModule {
}
Ng2WidgetsModule.decorators = [
{ type: NgModule, args: [{
declarations: [Ng2WidgetsComponent],
imports: [],
exports: [Ng2WidgetsComponent]
},] }
];
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class WidgetCurrencyComponent {
constructor() {
this.bgColor = '#e8e9c9';
this.textColor = '#3e3e3c';
this.iconBgColor = '#44524b';
this.iconColor = '#ffffff';
this.currencyTitleColor = '#44524b';
this.borderBottomWidth = '3px';
this.borderBottomColor = '#9da09f';
}
/**
* @return {?}
*/
ngOnInit() {
}
}
WidgetCurrencyComponent.decorators = [
{ type: Component, args: [{
selector: 'widget-currency',
template: "<div class=\"widget-currency-container {{ status ? 'success' : 'danger' }} {{ customClass }}\"\n [ngStyle]=\"{ 'background-color': bgColor, 'color': textColor, 'border-bottom-width': borderBottomWidth, 'border-bottom-color': borderBottomColor }\">\n <div class=\"currency-icon-container\" [ngStyle]=\"{ 'background-color': iconBgColor, 'color': iconColor }\">\n <i class=\"{{ currencyIcon }}\"></i>\n </div>\n <div class=\"currency-info-container\">\n <div class=\"currency-value-container\">\n <span class=\"currency-title\" [ngStyle]=\"{ 'color': currencyTitleColor }\">{{ currencyTitle }}</span>\n <strong class=\"currency-value\">{{ currencyValue }}</strong>\n </div>\n <div class=\"currency-status-container\">\n <span class=\"currency-status\" *ngIf=\"status !== undefined\"><i class=\"{{ status ? 'fas fa-caret-up' : 'fas fa-caret-down' }}\"></i></span>\n <span class=\"currency-percent\" *ngIf=\"currencyPercent\">%{{ currencyPercent }}</span>\n </div>\n </div>\n</div>\n\n",
styles: ["@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css);.widget-currency-container{display:flex;padding:15px;align-items:center;border-bottom-style:solid}.widget-currency-container .currency-icon-container{width:40px;height:40px;margin-right:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 4px rgba(59,64,69,.1);transition:.3s}.widget-currency-container .currency-info-container{display:flex;align-items:center;justify-content:space-between;flex:1}.widget-currency-container .currency-info-container .currency-value-container{display:flex;flex-direction:column;flex:1}.widget-currency-container .currency-info-container .currency-value-container .currency-title{font-size:13px;font-weight:500;text-transform:uppercase}.widget-currency-container .currency-info-container .currency-status-container{display:flex;flex-direction:column;align-items:center}.widget-currency-container .currency-info-container .currency-status-container .currency-status{font-size:35px;line-height:21px;margin-bottom:3px}.widget-currency-container .currency-info-container .currency-status-container .currency-status i{line-height:0}.widget-currency-container .currency-info-container .currency-status-container .currency-percent{font-size:11px}.widget-currency-container.success .currency-percent,.widget-currency-container.success .currency-status{color:green!important}.widget-currency-container.danger .currency-percent,.widget-currency-container.danger .currency-status{color:red!important}.widget-currency-container:hover .currency-icon-container{box-shadow:0 4px 8px rgba(59,64,69,.2)}"]
}] }
];
/** @nocollapse */
WidgetCurrencyComponent.ctorParameters = () => [];
WidgetCurrencyComponent.propDecorators = {
status: [{ type: Input }],
currencyIcon: [{ type: Input }],
currencyTitle: [{ type: Input }],
currencyValue: [{ type: Input }],
currencyPercent: [{ type: Input }],
customClass: [{ type: Input }],
bgColor: [{ type: Input }],
textColor: [{ type: Input }],
iconBgColor: [{ type: Input }],
iconColor: [{ type: Input }],
currencyTitleColor: [{ type: Input }],
borderBottomWidth: [{ type: Input }],
borderBottomColor: [{ type: Input }]
};
if (false) {
/** @type {?} */
WidgetCurrencyComponent.prototype.status;
/** @type {?} */
WidgetCurrencyComponent.prototype.currencyIcon;
/** @type {?} */
WidgetCurrencyComponent.prototype.currencyTitle;
/** @type {?} */
WidgetCurrencyComponent.prototype.currencyValue;
/** @type {?} */
WidgetCurrencyComponent.prototype.currencyPercent;
/** @type {?} */
WidgetCurrencyComponent.prototype.customClass;
/** @type {?} */
WidgetCurrencyComponent.prototype.bgColor;
/** @type {?} */
WidgetCurrencyComponent.prototype.textColor;
/** @type {?} */
WidgetCurrencyComponent.prototype.iconBgColor;
/** @type {?} */
WidgetCurrencyComponent.prototype.iconColor;
/** @type {?} */
WidgetCurrencyComponent.prototype.currencyTitleColor;
/** @type {?} */
WidgetCurrencyComponent.prototype.borderBottomWidth;
/** @type {?} */
WidgetCurrencyComponent.prototype.borderBottomColor;
}
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class WidgetCurrencyModule {
}
WidgetCurrencyModule.decorators = [
{ type: NgModule, args: [{
declarations: [WidgetCurrencyComponent],
imports: [
CommonModule
],
exports: [WidgetCurrencyComponent]
},] }
];
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
export { Ng2WidgetsComponent, Ng2WidgetsModule, Ng2WidgetsService, WidgetCurrencyComponent, WidgetCurrencyModule };
//# sourceMappingURL=ng2-widgets.js.map