@blackbaud/skyux
Version:
SKY UX built on Angular 2
29 lines • 2.04 kB
JavaScript
import { Component, EventEmitter, Output } from '@angular/core';
var SkyActionButtonComponent = (function () {
function SkyActionButtonComponent() {
this.actionClick = new EventEmitter();
}
SkyActionButtonComponent.prototype.buttonClicked = function () {
this.actionClick.emit();
};
SkyActionButtonComponent.prototype.enterPress = function (event) {
if (event.which === 13) {
this.actionClick.emit();
}
};
return SkyActionButtonComponent;
}());
export { SkyActionButtonComponent };
SkyActionButtonComponent.decorators = [
{ type: Component, args: [{
selector: 'sky-action-button',
styles: [".sky-action-button{border-top:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4;border-right:1px solid #e2e3e4;max-width:236px;border-radius:3px;margin-top:20px;margin-right:20px;cursor:pointer;display:inline-block;padding-top:20px;padding-right:20px;padding-left:20px;padding-bottom:30px;text-align:center}.sky-action-button:hover{border-color:#c2c4c6}@media (min-width: 768px){.sky-action-button{padding:30px 20px}}@media (max-width: 767px){.sky-action-button-icon-header-container{margin-bottom:20px}.sky-action-button{max-width:none;display:block;margin-left:15px;margin-right:15px}}\n"],
template: "<div\n class=\"sky-action-button sky-btn-default\"\n role=\"button\"\n (click)=\"buttonClicked()\"\n (keyup)=\"enterPress($event)\"\n tabindex=\"0\"\n >\n <div class=\"sky-action-button-icon-header-container\">\n <ng-content select=\"sky-action-button-icon\"></ng-content>\n <ng-content select=\"sky-action-button-header\"></ng-content>\n </div>\n <ng-content select=\"sky-action-button-details\"></ng-content>\n</div>\n"
},] },
];
/** @nocollapse */
SkyActionButtonComponent.ctorParameters = function () { return []; };
SkyActionButtonComponent.propDecorators = {
'actionClick': [{ type: Output },],
};
//# sourceMappingURL=action-button.component.js.map