@asi-ngtools/lib
Version:
This project is a little components library, simple to use, which will help you to simplify your project.
107 lines (106 loc) • 5.92 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component, Input, Renderer2, ElementRef } from '@angular/core';
export class AsiButtonComponent {
/**
* @param {?} renderer
* @param {?} elementRef
*/
constructor(renderer, elementRef) {
this.renderer = renderer;
this.elementRef = elementRef;
/**
* html type
*/
this.type = 'button';
/**
* button design
*/
this.design = 'flat';
/**
* button size
*/
this.size = 'standard';
/**
* ensable/disable the button
*/
this.disabled = false;
}
/**
* @return {?}
*/
ngOnInit() {
this.renderer.addClass(this.elementRef.nativeElement, `button-${this.design}`);
this.renderer.addClass(this.elementRef.nativeElement, `button-${this.size}`);
}
/**
* @return {?}
*/
ngOnChanges() {
if (this.disabled) {
this.renderer.addClass(this.elementRef.nativeElement, 'disabled');
}
else {
this.renderer.removeClass(this.elementRef.nativeElement, 'disabled');
}
}
}
AsiButtonComponent.decorators = [
{ type: Component, args: [{
selector: 'asi-button',
host: { 'class': 'asi-component asi-button' },
template: "<button [attr.id]=\"id\" [attr.name]=\"name\" [attr.type]=\"type\" [disabled]=\"disabled\" [attr.disabled]=\"disabled ? 'disabled' : null\">\n <ng-content></ng-content>\n</button>\n"
}] }
];
/** @nocollapse */
AsiButtonComponent.ctorParameters = () => [
{ type: Renderer2 },
{ type: ElementRef }
];
AsiButtonComponent.propDecorators = {
id: [{ type: Input }],
name: [{ type: Input }],
type: [{ type: Input }],
design: [{ type: Input }],
size: [{ type: Input }],
disabled: [{ type: Input }]
};
if (false) {
/**
* html id
* @type {?}
*/
AsiButtonComponent.prototype.id;
/**
* html name
* @type {?}
*/
AsiButtonComponent.prototype.name;
/**
* html type
* @type {?}
*/
AsiButtonComponent.prototype.type;
/**
* button design
* @type {?}
*/
AsiButtonComponent.prototype.design;
/**
* button size
* @type {?}
*/
AsiButtonComponent.prototype.size;
/**
* ensable/disable the button
* @type {?}
*/
AsiButtonComponent.prototype.disabled;
/** @type {?} */
AsiButtonComponent.prototype.renderer;
/** @type {?} */
AsiButtonComponent.prototype.elementRef;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AYXNpLW5ndG9vbHMvbGliLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvYXNpLWJ1dHRvbi9hc2ktYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsU0FBUyxFQUFFLFVBQVUsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQU8zRixNQUFNOzs7OztJQWdCSixZQUFvQixRQUFtQixFQUFVLFVBQXNCO1FBQW5ELGFBQVEsR0FBUixRQUFRLENBQVc7UUFBVSxlQUFVLEdBQVYsVUFBVSxDQUFZOzs7O29CQVRsQyxRQUFROzs7O3NCQUdLLE1BQU07Ozs7b0JBRVQsVUFBVTs7Ozt3QkFFckMsS0FBSztLQUd4Qjs7OztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxVQUFVLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO1FBQy9FLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFVBQVUsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUM7S0FDOUU7Ozs7SUFFRCxXQUFXO1FBQ1QsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7WUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsVUFBVSxDQUFDLENBQUM7U0FDbkU7UUFBQyxJQUFJLENBQUMsQ0FBQztZQUNOLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLFVBQVUsQ0FBQyxDQUFDO1NBQ3RFO0tBQ0Y7OztZQW5DRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLElBQUksRUFBRSxFQUFFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRTtnQkFDN0Msa01BQXdDO2FBQ3pDOzs7O1lBTmtDLFNBQVM7WUFBRSxVQUFVOzs7aUJBVXJELEtBQUs7bUJBRUwsS0FBSzttQkFFTCxLQUFLO3FCQUdMLEtBQUs7bUJBRUwsS0FBSzt1QkFFTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBSZW5kZXJlcjIsIEVsZW1lbnRSZWYsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhc2ktYnV0dG9uJyxcclxuICBob3N0OiB7ICdjbGFzcyc6ICdhc2ktY29tcG9uZW50IGFzaS1idXR0b24nIH0sXHJcbiAgdGVtcGxhdGVVcmw6ICdhc2ktYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFzaUJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuXHJcbiAgLyoqIGh0bWwgaWQgKi9cclxuICBASW5wdXQoKSBpZDogc3RyaW5nO1xyXG4gIC8qKiBodG1sIG5hbWUgKi9cclxuICBASW5wdXQoKSBuYW1lOiBzdHJpbmc7XHJcbiAgLyoqIGh0bWwgdHlwZSAqL1xyXG4gIEBJbnB1dCgpIHR5cGU6ICdzdWJtaXQnIHwgJ2J1dHRvbicgPSAnYnV0dG9uJztcclxuXHJcbiAgLyoqIGJ1dHRvbiBkZXNpZ24gKi9cclxuICBASW5wdXQoKSBkZXNpZ246ICdmbGF0JyB8ICdyYWlzZWQnIHwgJ2JvcmRlcmVkJyA9ICdmbGF0JztcclxuICAvKiogYnV0dG9uIHNpemUgKi9cclxuICBASW5wdXQoKSBzaXplOiAnc3RhbmRhcmQnIHwgJ3NtYWxsJyB8ICdtaW5pJyA9ICdzdGFuZGFyZCc7XHJcbiAgLyoqIGVuc2FibGUvZGlzYWJsZSB0aGUgYnV0dG9uICovXHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLCBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgYGJ1dHRvbi0ke3RoaXMuZGVzaWdufWApO1xyXG4gICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgYGJ1dHRvbi0ke3RoaXMuc2l6ZX1gKTtcclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKCkge1xyXG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2Rpc2FibGVkJyk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnZGlzYWJsZWQnKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19