@lucasferreiralsf/angular-frontend-library
Version:
This is a set of custom angular components to easy the development of any Subway frontend project.
67 lines • 7.26 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, EventEmitter, Output } from '@angular/core';
var ButtonComponent = /** @class */ (function () {
function ButtonComponent() {
this.buttonClick = new EventEmitter();
/* if(this.testeVariavel === 'mat-button') {
this.matButton = true;
} */
}
/**
* @return {?}
*/
ButtonComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @return {?}
*/
ButtonComponent.prototype.topButtonClick = /**
* @return {?}
*/
function () {
this.buttonClick.emit();
};
ButtonComponent.decorators = [
{ type: Component, args: [{
selector: 'sb-button',
template: "<div [ngSwitch]=\"materialTypeButton\">\r\n <button\r\n *ngSwitchCase=\"'mat-button'\"\r\n mat-button\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName || actionName == '' || actionName == null\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n <button\r\n *ngSwitchCase=\"'mat-raised-button'\"\r\n mat-raised-button\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n <button\r\n *ngSwitchCase=\"'mat-icon-button'\"\r\n mat-icon-button\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n <button\r\n *ngSwitchCase=\"'mat-fab'\"\r\n mat-fab\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n <button\r\n *ngSwitchCase=\"'mat-mini-fab'\"\r\n mat-mini-fab\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n <button\r\n *ngSwitchCase=\"'mat-stroked-button'\"\r\n mat-stroked-button\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n <button\r\n *ngSwitchCase=\"'mat-flat-button'\"\r\n mat-flat-button\r\n color=\"{{ color }}\"\r\n [ngClass]=\"fullWidth ? 'button-full-width' : ''\"\r\n [type]=\"typeButton\"\r\n [ngStyle]=\"customStyles\"\r\n (click)=\"topButtonClick()\"\r\n >\r\n <div *ngIf=\"actionName\">\r\n {{ actionName }}\r\n </div>\r\n <div *ngIf=\"!actionName\">\r\n <ng-content></ng-content>\r\n </div>\r\n </button>\r\n</div>\r\n",
styles: [".button-full-width{width:100%}"]
}] }
];
/** @nocollapse */
ButtonComponent.ctorParameters = function () { return []; };
ButtonComponent.propDecorators = {
color: [{ type: Input }],
actionName: [{ type: Input }],
typeButton: [{ type: Input }],
materialTypeButton: [{ type: Input }],
fullWidth: [{ type: Input }],
customStyles: [{ type: Input }],
buttonClick: [{ type: Output }]
};
return ButtonComponent;
}());
export { ButtonComponent };
if (false) {
/** @type {?} */
ButtonComponent.prototype.color;
/** @type {?} */
ButtonComponent.prototype.actionName;
/** @type {?} */
ButtonComponent.prototype.typeButton;
/** @type {?} */
ButtonComponent.prototype.materialTypeButton;
/** @type {?} */
ButtonComponent.prototype.fullWidth;
/** @type {?} */
ButtonComponent.prototype.customStyles;
/** @type {?} */
ButtonComponent.prototype.buttonClick;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BsdWNhc2ZlcnJlaXJhbHNmL2FuZ3VsYXItZnJvbnRlbmQtbGlicmFyeS8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9FO0lBZUU7UUFGVSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFHOUM7O1lBRUk7SUFDTixDQUFDOzs7O0lBRUQsa0NBQVE7OztJQUFSO0lBQ0EsQ0FBQzs7OztJQUVELHdDQUFjOzs7SUFBZDtRQUNFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7Z0JBMUJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsV0FBVztvQkFDckIsZ29HQUFzQzs7aUJBRXZDOzs7Ozt3QkFFRSxLQUFLOzZCQUNMLEtBQUs7NkJBQ0wsS0FBSztxQ0FDTCxLQUFLOzRCQUNMLEtBQUs7K0JBQ0wsS0FBSzs4QkFFTCxNQUFNOztJQWNULHNCQUFDO0NBQUEsQUEzQkQsSUEyQkM7U0F0QlksZUFBZTs7O0lBQzFCLGdDQUF3Qjs7SUFDeEIscUNBQTRCOztJQUM1QixxQ0FBNEI7O0lBQzVCLDZDQUFvQzs7SUFDcEMsb0NBQTZCOztJQUM3Qix1Q0FBMkI7O0lBRTNCLHNDQUFnRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ItYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBjb2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSBhY3Rpb25OYW1lOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdHlwZUJ1dHRvbjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG1hdGVyaWFsVHlwZUJ1dHRvbjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGZ1bGxXaWR0aD86IGJvb2xlYW47XHJcbiAgQElucHV0KCkgY3VzdG9tU3R5bGVzPzoge307XHJcblxyXG4gIEBPdXRwdXQoKSBidXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIC8qIGlmKHRoaXMudGVzdGVWYXJpYXZlbCA9PT0gJ21hdC1idXR0b24nKSB7XHJcbiAgICAgIHRoaXMubWF0QnV0dG9uID0gdHJ1ZTtcclxuICAgIH0gKi9cclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbiAgdG9wQnV0dG9uQ2xpY2soKSB7XHJcbiAgICB0aGlzLmJ1dHRvbkNsaWNrLmVtaXQoKTtcclxuICB9XHJcbn1cclxuIl19