renta-ng-lib/fesm5/renta-ng-lib.js

Renta Solutions Angular Component Library

import { CommonModule } from '@angular/common';
import { Component, Input, NgModule } from '@angular/core';

/**
 * @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: 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: Input }],
        backgroundColor: [{ type: Input }],
        textColor: [{ type: 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: 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: Input }],
        type: [{ type: Input }],
        color: [{ type: 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: NgModule, args: [{
                    declarations: [
                        AvatarComponent,
                        ButtonComponent,
                    ],
                    imports: [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
 */

export { RentaNgLibModule, AvatarComponent as ɵa, ButtonComponent as ɵb };

//# sourceMappingURL=renta-ng-lib.js.map