@asi-ngtools/lib
Version:
This project is a little components library, simple to use, which will help you to simplify your project.
51 lines (50 loc) • 4.09 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { AsiRadioButtonComponent } from './../asi-radio-button/asi-radio-button.component';
import { Component, Input, Output, EventEmitter, HostBinding } from '@angular/core';
export class AsiRadioButtonElement {
constructor() {
this.class = 'asi-component asi-radio-button-element';
this.disabled = false;
this.value = false;
this.onValueChange = new EventEmitter();
}
/**
* @return {?}
*/
onButtonClicked() {
this.value = !this.value;
this.onValueChange.emit({ index: this.radio.index, value: this.value });
}
}
AsiRadioButtonElement.decorators = [
{ type: Component, args: [{
selector: 'asi-radio-button-element',
template: "<asi-button type=\"button\" [design]=\"radio.design\" [disabled]=\"disabled\" [ngClass]=\"{'selected' : value}\" (click)=\"onButtonClicked()\">\n <ng-template [ngTemplateOutlet]=\"radio.template\"></ng-template>\n</asi-button>\n",
host: { 'class': 'asi-component asi-radio-button-group' }
}] }
];
/** @nocollapse */
AsiRadioButtonElement.ctorParameters = () => [];
AsiRadioButtonElement.propDecorators = {
class: [{ type: HostBinding, args: ['class',] }],
radio: [{ type: Input }],
disabled: [{ type: Input }],
value: [{ type: Input }],
onValueChange: [{ type: Output }]
};
if (false) {
/** @type {?} */
AsiRadioButtonElement.prototype.class;
/** @type {?} */
AsiRadioButtonElement.prototype.radio;
/** @type {?} */
AsiRadioButtonElement.prototype.disabled;
/** @type {?} */
AsiRadioButtonElement.prototype.value;
/** @type {?} */
AsiRadioButtonElement.prototype.onValueChange;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpLXJhZGlvLWJ1dHRvbi1lbGVtZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bhc2ktbmd0b29scy9saWIvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9hc2ktcmFkaW8tYnV0dG9uLWdyb3VwL2FzaS1yYWRpby1idXR0b24tZWxlbWVudC9hc2ktcmFkaW8tYnV0dG9uLWVsZW1lbnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUMzRixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU9wRixNQUFNO0lBVUo7cUJBUjhCLHdDQUF3Qzt3QkFHbEQsS0FBSztxQkFFUixLQUFLOzZCQUNJLElBQUksWUFBWSxFQUFxQztLQUc5RTs7OztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7S0FDekU7OztZQXJCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtnQkFDcEMsaVBBQXNEO2dCQUN0RCxJQUFJLEVBQUUsRUFBRSxPQUFPLEVBQUUsc0NBQXNDLEVBQUU7YUFDMUQ7Ozs7O29CQUdFLFdBQVcsU0FBQyxPQUFPO29CQUVuQixLQUFLO3VCQUNMLEtBQUs7b0JBRUwsS0FBSzs0QkFDTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQXNpUmFkaW9CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLy4uL2FzaS1yYWRpby1idXR0b24vYXNpLXJhZGlvLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FzaS1yYWRpby1idXR0b24tZWxlbWVudCcsXG4gIHRlbXBsYXRlVXJsOiAnYXNpLXJhZGlvLWJ1dHRvbi1lbGVtZW50LmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdDogeyAnY2xhc3MnOiAnYXNpLWNvbXBvbmVudCBhc2ktcmFkaW8tYnV0dG9uLWdyb3VwJyB9LFxufSlcbmV4cG9ydCBjbGFzcyBBc2lSYWRpb0J1dHRvbkVsZW1lbnQge1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzcyA9ICdhc2ktY29tcG9uZW50IGFzaS1yYWRpby1idXR0b24tZWxlbWVudCc7XG5cbiAgQElucHV0KCkgcmFkaW86IEFzaVJhZGlvQnV0dG9uQ29tcG9uZW50O1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIHZhbHVlID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBvblZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjx7IGluZGV4OiBudW1iZXIsIHZhbHVlOiBib29sZWFuIH0+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gIH1cblxuICBvbkJ1dHRvbkNsaWNrZWQoKSB7XG4gICAgdGhpcy52YWx1ZSA9ICF0aGlzLnZhbHVlO1xuICAgIHRoaXMub25WYWx1ZUNoYW5nZS5lbWl0KHsgaW5kZXg6IHRoaXMucmFkaW8uaW5kZXgsIHZhbHVlOiB0aGlzLnZhbHVlIH0pO1xuICB9XG59XG4iXX0=