@asi-ngtools/lib
Version:
This project is a little components library, simple to use, which will help you to simplify your project.
104 lines (103 loc) • 6.75 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import * as tslib_1 from "tslib";
import { DefaultControlValueAccessor } from './../common/default-control-value-accessor';
import { Component, Input, forwardRef, Renderer2, ElementRef } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
var AsiIconCheckboxComponent = /** @class */ (function (_super) {
tslib_1.__extends(AsiIconCheckboxComponent, _super);
function AsiIconCheckboxComponent(renderer, elementRef) {
var _this = _super.call(this) || this;
_this.renderer = renderer;
_this.elementRef = elementRef;
/**
* Label position
*/
_this.labelPosition = 'top';
/**
* font awesome icon to use
*/
_this.icon = 'fa fa-question';
/**
* icon size
*/
_this.size = '2x';
return _this;
}
/**
* @return {?}
*/
AsiIconCheckboxComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.renderer.addClass(this.elementRef.nativeElement, 'label-' + this.labelPosition);
};
/**
* @return {?}
*/
AsiIconCheckboxComponent.prototype.toggleCheck = /**
* @return {?}
*/
function () {
if (!this.disabled) {
this.value = !this.value;
}
};
AsiIconCheckboxComponent.decorators = [
{ type: Component, args: [{
selector: 'asi-icon-checkbox',
template: "<label class=\"input-label\" *ngIf=\"label != null\">{{label | translate}}</label>\r\n\r\n<asi-fa-icon class=\"icon-checkbox\"\r\n [size] = \"size\"\r\n [icon] = \"icon\"\r\n [ngClass] = \"{ 'checked': value }\"\r\n [disabled] = \"disabled\"\r\n (onClick)=\"toggleCheck()\"></asi-fa-icon>\r\n",
host: { 'class': 'asi-component asi-icon-checkbox' },
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(function () { return AsiIconCheckboxComponent; }),
multi: true
}
]
}] }
];
/** @nocollapse */
AsiIconCheckboxComponent.ctorParameters = function () { return [
{ type: Renderer2 },
{ type: ElementRef }
]; };
AsiIconCheckboxComponent.propDecorators = {
label: [{ type: Input }],
labelPosition: [{ type: Input }],
icon: [{ type: Input }],
size: [{ type: Input }]
};
return AsiIconCheckboxComponent;
}(DefaultControlValueAccessor));
export { AsiIconCheckboxComponent };
if (false) {
/**
* Label to display (is translated)
* @type {?}
*/
AsiIconCheckboxComponent.prototype.label;
/**
* Label position
* @type {?}
*/
AsiIconCheckboxComponent.prototype.labelPosition;
/**
* font awesome icon to use
* @type {?}
*/
AsiIconCheckboxComponent.prototype.icon;
/**
* icon size
* @type {?}
*/
AsiIconCheckboxComponent.prototype.size;
/** @type {?} */
AsiIconCheckboxComponent.prototype.renderer;
/** @type {?} */
AsiIconCheckboxComponent.prototype.elementRef;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpLWljb24tY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGFzaS1uZ3Rvb2xzL2xpYi8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2FzaS1pY29uLWNoZWNrYm94L2FzaS1pY29uLWNoZWNrYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLFVBQVUsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztJQWNMLG9EQUEyQjtJQWF2RSxrQ0FBb0IsUUFBbUIsRUFBVSxVQUFzQjtRQUF2RSxZQUNFLGlCQUFPLFNBQ1I7UUFGbUIsY0FBUSxHQUFSLFFBQVEsQ0FBVztRQUFVLGdCQUFVLEdBQVYsVUFBVSxDQUFZOzs7OzhCQVJ3QixLQUFLOzs7O3FCQUdwRixnQkFBZ0I7Ozs7cUJBR2hCLElBQUk7O0tBSW5COzs7O0lBRUQsMkNBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsUUFBUSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztLQUN0Rjs7OztJQUVELDhDQUFXOzs7SUFBWDtRQUNFLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7WUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7U0FDMUI7S0FDRjs7Z0JBckNGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3Qiw4WEFBK0M7b0JBQy9DLElBQUksRUFBRSxFQUFFLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRTtvQkFDcEQsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsY0FBTSxPQUFBLHdCQUF3QixFQUF4QixDQUF3QixDQUFDOzRCQUN2RCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRjs7OztnQkFkOEMsU0FBUztnQkFBRSxVQUFVOzs7d0JBa0JqRSxLQUFLO2dDQUVMLEtBQUs7dUJBR0wsS0FBSzt1QkFHTCxLQUFLOzttQ0EzQlI7RUFnQjhDLDJCQUEyQjtTQUE1RCx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEZWZhdWx0Q29udHJvbFZhbHVlQWNjZXNzb3IgfSBmcm9tICcuLy4uL2NvbW1vbi9kZWZhdWx0LWNvbnRyb2wtdmFsdWUtYWNjZXNzb3InO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBmb3J3YXJkUmVmLCBSZW5kZXJlcjIsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhc2ktaWNvbi1jaGVja2JveCcsXG4gIHRlbXBsYXRlVXJsOiAnYXNpLWljb24tY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBob3N0OiB7ICdjbGFzcyc6ICdhc2ktY29tcG9uZW50IGFzaS1pY29uLWNoZWNrYm94JyB9LFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEFzaUljb25DaGVja2JveENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBBc2lJY29uQ2hlY2tib3hDb21wb25lbnQgZXh0ZW5kcyBEZWZhdWx0Q29udHJvbFZhbHVlQWNjZXNzb3IgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIC8qKiBMYWJlbCB0byBkaXNwbGF5IChpcyB0cmFuc2xhdGVkKSAqL1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xuICAvKiogTGFiZWwgcG9zaXRpb24gKi9cbiAgQElucHV0KCkgbGFiZWxQb3NpdGlvbjogJ3RvcCcgfCAnbGVmdCcgfCAncmlnaHQnIHwgJ2JvdHRvbScgfCAnYm90dG9tLWNlbnRlcicgfCAndG9wLWNlbnRlcicgPSAndG9wJztcblxuICAvKiogZm9udCBhd2Vzb21lIGljb24gdG8gdXNlICovXG4gIEBJbnB1dCgpIGljb24gPSAnZmEgZmEtcXVlc3Rpb24nO1xuXG4gIC8qKiBpY29uIHNpemUgKi9cbiAgQElucHV0KCkgc2l6ZSA9ICcyeCc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLCBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2xhYmVsLScgKyB0aGlzLmxhYmVsUG9zaXRpb24pO1xuICB9XG5cbiAgdG9nZ2xlQ2hlY2soKSB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLnZhbHVlID0gIXRoaXMudmFsdWU7XG4gICAgfVxuICB9XG59XG4iXX0=