moh-common-lib
Version:
A library of Angular components, services, and styles for B.C. Government Ministry of Health (MoH).
48 lines • 4.2 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import * as tslib_1 from "tslib";
import { Component, Input, Output, EventEmitter } from '@angular/core';
import { Base } from '../../models/base';
var ToggleComponent = /** @class */ (function (_super) {
tslib_1.__extends(ToggleComponent, _super);
function ToggleComponent() {
var _this = _super.call(this) || this;
_this.dataChange = new EventEmitter();
return _this;
}
/**
* @return {?}
*/
ToggleComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
ToggleComponent.decorators = [
{ type: Component, args: [{
selector: 'common-toggle',
template: " <common-radio [value]=\"data\" [label]=\"label\" \r\n [radioLabels]='[{\"label\": \"No\", \"value\": false},{ \"label\": \"Yes\", \"value\": true}]'\r\n (statusChange)=\"dataChange.emit($event)\">\r\n</common-radio> ",
styles: [".toggle--legend{font-size:inherit;font-weight:700}.custom-control{padding-right:1.5rem;padding-left:0}.custom-control-label{cursor:pointer}.custom-radio .custom-control-label::before{border:1.5px solid #000}.custom-control-label::before{top:0;width:1.3rem;height:1.3rem;background-color:#fcfcfc;left:1.75rem}.custom-control-label::after{top:0;width:1.3rem;height:1.3rem;left:1.75rem}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#fcfcfc;border-color:#036}.custom-control-input:checked~.custom-control-label::before{color:#fcfcfc;background-color:#fcfcfc;border-color:#036}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3.75 -3.75 8.25 8.25'%3E%3Ccircle r='3.5' fill='%23000099'/%3E%3C/svg%3E\")!important}"]
}] }
];
/** @nocollapse */
ToggleComponent.ctorParameters = function () { return []; };
ToggleComponent.propDecorators = {
data: [{ type: Input }],
label: [{ type: Input }],
dataChange: [{ type: Output }]
};
return ToggleComponent;
}(Base));
export { ToggleComponent };
if (false) {
/** @type {?} */
ToggleComponent.prototype.data;
/** @type {?} */
ToggleComponent.prototype.label;
/** @type {?} */
ToggleComponent.prototype.dataChange;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL21vaC1jb21tb24tbGliLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvdG9nZ2xlL3RvZ2dsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV6QztJQUtxQywyQ0FBSTtJQU12QztRQUFBLFlBQ0UsaUJBQU8sU0FDUjtRQUpTLGdCQUFVLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7O0lBSTFFLENBQUM7Ozs7SUFFRCxrQ0FBUTs7O0lBQVI7SUFDQSxDQUFDOztnQkFoQkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixvUEFBc0M7O2lCQUV2Qzs7Ozs7dUJBR0UsS0FBSzt3QkFDTCxLQUFLOzZCQUNMLE1BQU07O0lBU1Qsc0JBQUM7Q0FBQSxBQWxCRCxDQUtxQyxJQUFJLEdBYXhDO1NBYlksZUFBZTs7O0lBRTFCLCtCQUF1Qjs7SUFDdkIsZ0NBQXVCOztJQUN2QixxQ0FBMEUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJhc2UgfSBmcm9tICcuLi8uLi9tb2RlbHMvYmFzZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2NvbW1vbi10b2dnbGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RvZ2dsZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb2dnbGVDb21wb25lbnQgZXh0ZW5kcyBCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgZGF0YTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nO1xyXG4gIEBPdXRwdXQoKSBkYXRhQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgc3VwZXIoKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbn1cclxuIl19