systelab-components
Version:
systelab-components is a set of components that use wide accepted and adopted standard technologies like Angular and Bootstrap, as well as other popular libraries. Please read the ATTRIBUTION.md file for a complete list of dependencies.
37 lines • 6.33 kB
JavaScript
import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
export class ButtonComponent {
constructor(element) {
this.element = element;
this.action = new EventEmitter();
this.disabled = false;
this.type = 'regular';
this.size = 'medium';
}
getId() {
return this.element.nativeElement.id;
}
doClick(event) {
if (this.disabled) {
event.stopPropagation();
}
else {
this.action.emit(event);
}
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: ButtonComponent, selector: "systelab-button", inputs: { disabled: "disabled", type: "type", size: "size" }, outputs: { action: "action" }, ngImport: i0, template: "<button type=\"button\" class=\"slab-btn\"\n [class.slab-btn-regular]=\"type==='regular'\"\n [class.slab-btn-primary]=\"type==='primary'\"\n [class.slab-btn-warning]=\"type==='warning'\"\n [class.slab-btn-danger]=\"type==='danger'\"\n [class.slab-btn-success]=\"type==='success'\"\n [class.slab-btn-link]=\"type==='link'\"\n [class.slab-btn-small]=\"size==='small'\"\n [class.slab-btn-medium]=\"size==='medium'\"\n [class.slab-btn-large]=\"size==='large'\"\n [class.slab-btn-disabled]=\"disabled\"\n [disabled]=\"disabled\" (click)=\"doClick($event)\">\n <ng-content></ng-content>\n</button>\n", styles: [":host{display:inline-block}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: ButtonComponent, decorators: [{
type: Component,
args: [{ selector: 'systelab-button', template: "<button type=\"button\" class=\"slab-btn\"\n [class.slab-btn-regular]=\"type==='regular'\"\n [class.slab-btn-primary]=\"type==='primary'\"\n [class.slab-btn-warning]=\"type==='warning'\"\n [class.slab-btn-danger]=\"type==='danger'\"\n [class.slab-btn-success]=\"type==='success'\"\n [class.slab-btn-link]=\"type==='link'\"\n [class.slab-btn-small]=\"size==='small'\"\n [class.slab-btn-medium]=\"size==='medium'\"\n [class.slab-btn-large]=\"size==='large'\"\n [class.slab-btn-disabled]=\"disabled\"\n [disabled]=\"disabled\" (click)=\"doClick($event)\">\n <ng-content></ng-content>\n</button>\n", styles: [":host{display:inline-block}\n"] }]
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { action: [{
type: Output
}], disabled: [{
type: Input
}], type: [{
type: Input
}], size: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N5c3RlbGFiLWNvbXBvbmVudHMvc3JjL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N5c3RlbGFiLWNvbXBvbmVudHMvc3JjL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBVW5GLE1BQU0sT0FBTyxlQUFlO0lBVTNCLFlBQW9CLE9BQW1CO1FBQW5CLFlBQU8sR0FBUCxPQUFPLENBQVk7UUFSdEIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFN0IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixTQUFJLEdBQXNFLFNBQVMsQ0FBQztRQUVwRixTQUFJLEdBQWlDLFFBQVEsQ0FBQztJQUk5RCxDQUFDO0lBRU0sS0FBSztRQUNYLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFFTSxPQUFPLENBQUMsS0FBVTtRQUN4QixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1NBQ3hCO2FBQU07WUFDTixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN4QjtJQUNGLENBQUM7OEdBeEJXLGVBQWU7a0dBQWYsZUFBZSxvSkNWNUIsbXFCQWNBOzsyRkRKYSxlQUFlO2tCQVIzQixTQUFTOytCQUNJLGlCQUFpQjsrRUFTYixNQUFNO3NCQUF0QixNQUFNO2dCQUVTLFFBQVE7c0JBQXZCLEtBQUs7Z0JBRVUsSUFBSTtzQkFBbkIsS0FBSztnQkFFVSxJQUFJO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAgICAnc3lzdGVsYWItYnV0dG9uJyxcblx0dGVtcGxhdGVVcmw6ICdidXR0b24uY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZXM6ICAgICAgW2BcbiAgICAgIDpob3N0IHtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICB9YF1cbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcblxuXHRAT3V0cHV0KCkgcHVibGljIGFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXHRASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQgPSBmYWxzZTtcblxuXHRASW5wdXQoKSBwdWJsaWMgdHlwZTogJ3JlZ3VsYXInIHwgJ3ByaW1hcnknIHwgJ3dhcm5pbmcnIHwgJ2RhbmdlcicgfCAnc3VjY2VzcycgfCAnbGluaycgPSAncmVndWxhcic7XG5cblx0QElucHV0KCkgcHVibGljIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJztcblxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnQ6IEVsZW1lbnRSZWYpIHtcblxuXHR9XG5cblx0cHVibGljIGdldElkKCkge1xuXHRcdHJldHVybiB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5pZDtcblx0fVxuXG5cdHB1YmxpYyBkb0NsaWNrKGV2ZW50OiBhbnkpIHtcblx0XHRpZiAodGhpcy5kaXNhYmxlZCkge1xuXHRcdFx0ZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cdFx0fSBlbHNlIHtcblx0XHRcdHRoaXMuYWN0aW9uLmVtaXQoZXZlbnQpO1xuXHRcdH1cblx0fVxufVxuIiwiPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJzbGFiLWJ0blwiXG4gICAgICAgIFtjbGFzcy5zbGFiLWJ0bi1yZWd1bGFyXT1cInR5cGU9PT0ncmVndWxhcidcIlxuICAgICAgICBbY2xhc3Muc2xhYi1idG4tcHJpbWFyeV09XCJ0eXBlPT09J3ByaW1hcnknXCJcbiAgICAgICAgW2NsYXNzLnNsYWItYnRuLXdhcm5pbmddPVwidHlwZT09PSd3YXJuaW5nJ1wiXG4gICAgICAgIFtjbGFzcy5zbGFiLWJ0bi1kYW5nZXJdPVwidHlwZT09PSdkYW5nZXInXCJcbiAgICAgICAgW2NsYXNzLnNsYWItYnRuLXN1Y2Nlc3NdPVwidHlwZT09PSdzdWNjZXNzJ1wiXG4gICAgICAgIFtjbGFzcy5zbGFiLWJ0bi1saW5rXT1cInR5cGU9PT0nbGluaydcIlxuICAgICAgICBbY2xhc3Muc2xhYi1idG4tc21hbGxdPVwic2l6ZT09PSdzbWFsbCdcIlxuICAgICAgICBbY2xhc3Muc2xhYi1idG4tbWVkaXVtXT1cInNpemU9PT0nbWVkaXVtJ1wiXG4gICAgICAgIFtjbGFzcy5zbGFiLWJ0bi1sYXJnZV09XCJzaXplPT09J2xhcmdlJ1wiXG4gICAgICAgIFtjbGFzcy5zbGFiLWJ0bi1kaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIChjbGljayk9XCJkb0NsaWNrKCRldmVudClcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2J1dHRvbj5cbiJdfQ==