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.
35 lines • 7.87 kB
JavaScript
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class CheckboxCellEditorComponent {
ngAfterViewInit() {
setTimeout(() => {
if (this.singleClickEdit && !this.params.context?.componentParent.startCellEditorWithTab) {
this.isCheckboxActive = !this.isCheckboxActive;
this.params.stopEditing();
}
}, 0);
}
agInit(params) {
this.params = params;
if (this.params.column.colDef['elementID']) {
this.id = this.params.node.data[this.params.column.colDef['elementID']];
}
this.isCheckboxActive = this.params.value;
this.singleClickEdit = !this.params.hasOwnProperty('singleClickEdit') || this.params.singleClickEdit;
}
getValue() {
this.params.value = this.isCheckboxActive;
return this.isCheckboxActive;
}
doOnChange() {
this.isCheckboxActive = !this.isCheckboxActive;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CheckboxCellEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: CheckboxCellEditorComponent, selector: "systelab-checkbox-cell", ngImport: i0, template: "<div class=\"ag-selection-checkbox ag-selection-checkbox-cell-renderer h-100 w-100\">\n <div class=\"ag-labeled ag-label-align-right ag-checkbox ag-input-field h-100\">\n <label class=\"ag-input-field-label ag-label ag-hidden ag-checkbox-label\" for=\"{{id}}-active\"></label>\n <div class=\"ag-wrapper ag-input-wrapper ag-checkbox-input-wrapper ag-checkbox-input-wrapper-cell-editor\"\n [ngClass]=\"{'ag-checked': isCheckboxActive}\">\n <input class=\"ag-input-field-input ag-checkbox-input\"\n type=\"checkbox\"\n id=\"{{id}}-active\" [checked]=\"isCheckboxActive\"\n (change)=\"doOnChange()\">\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: CheckboxCellEditorComponent, decorators: [{
type: Component,
args: [{ selector: 'systelab-checkbox-cell', template: "<div class=\"ag-selection-checkbox ag-selection-checkbox-cell-renderer h-100 w-100\">\n <div class=\"ag-labeled ag-label-align-right ag-checkbox ag-input-field h-100\">\n <label class=\"ag-input-field-label ag-label ag-hidden ag-checkbox-label\" for=\"{{id}}-active\"></label>\n <div class=\"ag-wrapper ag-input-wrapper ag-checkbox-input-wrapper ag-checkbox-input-wrapper-cell-editor\"\n [ngClass]=\"{'ag-checked': isCheckboxActive}\">\n <input class=\"ag-input-field-input ag-checkbox-input\"\n type=\"checkbox\"\n id=\"{{id}}-active\" [checked]=\"isCheckboxActive\"\n (change)=\"doOnChange()\">\n </div>\n </div>\n</div>\n" }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtY2VsbC1lZGl0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc3lzdGVsYWItY29tcG9uZW50cy9zcmMvbGliL2dyaWQvY3VzdG9tLWNlbGxzL2NoZWNrYm94L2NoZWNrYm94LWNlbGwtZWRpdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N5c3RlbGFiLWNvbXBvbmVudHMvc3JjL2xpYi9ncmlkL2N1c3RvbS1jZWxscy9jaGVja2JveC9jaGVja2JveC1jZWxsLWVkaXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT3pELE1BQU0sT0FBTywyQkFBMkI7SUFPaEMsZUFBZTtRQUNwQixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2YsSUFBSSxJQUFJLENBQUMsZUFBZSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsZUFBZSxDQUFDLHNCQUFzQixFQUFFO2dCQUN6RixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7Z0JBQy9DLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUM7YUFDMUI7UUFDRixDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDUixDQUFDO0lBRU0sTUFBTSxDQUFDLE1BQVc7UUFDeEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDckIsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLEVBQUU7WUFDM0MsSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUM7U0FDeEU7UUFDRCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDMUMsSUFBSSxDQUFDLGVBQWUsR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLGlCQUFpQixDQUFDLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUM7SUFDdEcsQ0FBQztJQUVNLFFBQVE7UUFDZCxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7UUFDMUMsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7SUFDOUIsQ0FBQztJQUVNLFVBQVU7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQ2hELENBQUM7OEdBaENXLDJCQUEyQjtrR0FBM0IsMkJBQTJCLDhEQ1B4QywwdEJBWUE7OzJGRExhLDJCQUEyQjtrQkFKdkMsU0FBUzsrQkFDSSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFnRWRpdG9yQ29tcG9uZW50IH0gZnJvbSAnYWctZ3JpZC1hbmd1bGFyJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAgICAnc3lzdGVsYWItY2hlY2tib3gtY2VsbCcsXG5cdHRlbXBsYXRlVXJsOiAnY2hlY2tib3gtY2VsbC1lZGl0b3IuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrYm94Q2VsbEVkaXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIEFnRWRpdG9yQ29tcG9uZW50LCBBZnRlclZpZXdJbml0IHtcblx0cHJpdmF0ZSBwYXJhbXM6IGFueTtcblxuXHRwdWJsaWMgaXNDaGVja2JveEFjdGl2ZTogYm9vbGVhbjtcblx0cHVibGljIGlkOiBzdHJpbmc7XG5cdHByaXZhdGUgc2luZ2xlQ2xpY2tFZGl0OiBib29sZWFuO1xuXG5cdHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKSB7XG5cdFx0XHRzZXRUaW1lb3V0KCgpID0+IHtcblx0XHRcdFx0aWYgKHRoaXMuc2luZ2xlQ2xpY2tFZGl0ICYmICF0aGlzLnBhcmFtcy5jb250ZXh0Py5jb21wb25lbnRQYXJlbnQuc3RhcnRDZWxsRWRpdG9yV2l0aFRhYikge1xuXHRcdFx0XHRcdHRoaXMuaXNDaGVja2JveEFjdGl2ZSA9ICF0aGlzLmlzQ2hlY2tib3hBY3RpdmU7XG5cdFx0XHRcdFx0dGhpcy5wYXJhbXMuc3RvcEVkaXRpbmcoKTtcblx0XHRcdFx0fVxuXHRcdFx0fSwgMCk7XG5cdH1cblxuXHRwdWJsaWMgYWdJbml0KHBhcmFtczogYW55KTogdm9pZCB7XG5cdFx0dGhpcy5wYXJhbXMgPSBwYXJhbXM7XG5cdFx0aWYgKHRoaXMucGFyYW1zLmNvbHVtbi5jb2xEZWZbJ2VsZW1lbnRJRCddKSB7XG5cdFx0XHR0aGlzLmlkID0gdGhpcy5wYXJhbXMubm9kZS5kYXRhW3RoaXMucGFyYW1zLmNvbHVtbi5jb2xEZWZbJ2VsZW1lbnRJRCddXTtcblx0XHR9XG5cdFx0dGhpcy5pc0NoZWNrYm94QWN0aXZlID0gdGhpcy5wYXJhbXMudmFsdWU7XG5cdFx0dGhpcy5zaW5nbGVDbGlja0VkaXQgPSAhdGhpcy5wYXJhbXMuaGFzT3duUHJvcGVydHkoJ3NpbmdsZUNsaWNrRWRpdCcpIHx8IHRoaXMucGFyYW1zLnNpbmdsZUNsaWNrRWRpdDtcblx0fVxuXG5cdHB1YmxpYyBnZXRWYWx1ZSgpOiBhbnkge1xuXHRcdHRoaXMucGFyYW1zLnZhbHVlID0gdGhpcy5pc0NoZWNrYm94QWN0aXZlO1xuXHRcdHJldHVybiB0aGlzLmlzQ2hlY2tib3hBY3RpdmU7XG5cdH1cblxuXHRwdWJsaWMgZG9PbkNoYW5nZSgpIHtcblx0XHR0aGlzLmlzQ2hlY2tib3hBY3RpdmUgPSAhdGhpcy5pc0NoZWNrYm94QWN0aXZlO1xuXHR9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJhZy1zZWxlY3Rpb24tY2hlY2tib3ggYWctc2VsZWN0aW9uLWNoZWNrYm94LWNlbGwtcmVuZGVyZXIgaC0xMDAgdy0xMDBcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYWctbGFiZWxlZCBhZy1sYWJlbC1hbGlnbi1yaWdodCBhZy1jaGVja2JveCBhZy1pbnB1dC1maWVsZCBoLTEwMFwiPlxuICAgICAgICA8bGFiZWwgY2xhc3M9XCJhZy1pbnB1dC1maWVsZC1sYWJlbCBhZy1sYWJlbCBhZy1oaWRkZW4gYWctY2hlY2tib3gtbGFiZWxcIiBmb3I9XCJ7e2lkfX0tYWN0aXZlXCI+PC9sYWJlbD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFnLXdyYXBwZXIgYWctaW5wdXQtd3JhcHBlciBhZy1jaGVja2JveC1pbnB1dC13cmFwcGVyIGFnLWNoZWNrYm94LWlucHV0LXdyYXBwZXItY2VsbC1lZGl0b3JcIlxuICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsnYWctY2hlY2tlZCc6IGlzQ2hlY2tib3hBY3RpdmV9XCI+XG4gICAgICAgICAgICA8aW5wdXQgY2xhc3M9XCJhZy1pbnB1dC1maWVsZC1pbnB1dCBhZy1jaGVja2JveC1pbnB1dFwiXG4gICAgICAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAgICBpZD1cInt7aWR9fS1hY3RpdmVcIiBbY2hlY2tlZF09XCJpc0NoZWNrYm94QWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAoY2hhbmdlKT1cImRvT25DaGFuZ2UoKVwiPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19