renta-ng-lib
Version:
Renta Solutions Angular Component Library
107 lines (98 loc) • 4.81 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core')) :
typeof define === 'function' && define.amd ? define('renta-ng-lib', ['exports', '@angular/common', '@angular/core'], factory) :
(factory((global['renta-ng-lib'] = {}),global.ng.common,global.ng.core));
}(this, (function (exports,common,core) { 'use strict';
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var AvatarComponent = /** @class */ (function () {
function AvatarComponent() {
this.backgroundColor = '#5a5499';
this.textColor = 'black';
}
AvatarComponent.decorators = [
{ type: core.Component, args: [{
selector: 'renta-avatar',
template: "<div class=\"profile-picture\" role=\"button\">\n <div class=\"avatar-circle\" [ngStyle]=\"{'backgroundColor': backgroundColor}\" style=\"background-image: none;\">\n <span class=\"initials\" [ngStyle]=\"{'color': textColor, 'fontWeight': 'bold'}\">{{ initials }}</span>\n </div>\n</div>",
styles: ["@import url(https://fonts.googleapis.com/css?family=Montserrat);.profile-picture{cursor:pointer}.avatar-circle{width:50px;height:50px;background:linear-gradient(72deg,#385a8d,#545597);text-align:center;border-radius:50%}.initials{font-size:1em;font-family:Montserrat,sans-serif;position:relative;top:16px}"]
}] }
];
AvatarComponent.propDecorators = {
initials: [{ type: core.Input }],
backgroundColor: [{ type: core.Input }],
textColor: [{ type: core.Input }]
};
return AvatarComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var ButtonComponent = /** @class */ (function () {
function ButtonComponent() {
this.disabled = false;
this.type = 'submit';
this.color = '#FFA173';
}
/**
* @return {?}
*/
ButtonComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
ButtonComponent.decorators = [
{ type: core.Component, args: [{
selector: 'renta-button',
template: "<button [disabled]='disabled' [type]=\"type\" [ngStyle]=\"{'backgroundColor': color}\" class=\"btn\">\n <ng-content></ng-content>\n</button>",
styles: ["button{border:none;padding:10px;background-color:orange;color:#fff;width:100%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}button:hover{box-shadow:0 1px 20px 0 rgba(98,105,115,.19);cursor:pointer}"]
}] }
];
/** @nocollapse */
ButtonComponent.ctorParameters = function () { return []; };
ButtonComponent.propDecorators = {
disabled: [{ type: core.Input }],
type: [{ type: core.Input }],
color: [{ type: core.Input }]
};
return ButtonComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var RentaNgLibModule = /** @class */ (function () {
function RentaNgLibModule() {
}
RentaNgLibModule.decorators = [
{ type: core.NgModule, args: [{
declarations: [
AvatarComponent,
ButtonComponent,
],
imports: [common.CommonModule],
exports: [
AvatarComponent,
ButtonComponent,
]
},] }
];
return RentaNgLibModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
exports.RentaNgLibModule = RentaNgLibModule;
exports.ɵa = AvatarComponent;
exports.ɵb = ButtonComponent;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=renta-ng-lib.umd.js.map