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.
40 lines • 8.97 kB
JavaScript
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/forms";
export class AbstractTreeListboxRendererComponent {
constructor() {
this.isMultipleSelection = false;
this.checkId = (Math.floor(Math.random() * (999999999999 - 1))).toString();
}
agInit(params) {
this.params = params;
if (params.data) {
const listBoxElement = params.data;
if (listBoxElement.level === 0) {
this.id = listBoxElement.nodeData[params.level0IDField];
this.description = listBoxElement.nodeData[params.level0DescriptionField];
}
else {
this.id = listBoxElement.nodeData[params.level1IDField];
this.description = listBoxElement.nodeData[params.level1DescriptionField];
}
this.isCheckboxActive = listBoxElement.selected;
this.level = listBoxElement.level;
this.isMultipleSelection = params.isMultipleSelection;
}
}
refresh(params) {
return true;
}
changeValue() {
this.params.changeFunction(this.params.data);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AbstractTreeListboxRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: AbstractTreeListboxRendererComponent, selector: "abstract-listbox-renderer", ngImport: i0, template: "<div class=\"d-flex column\">\n <div *ngIf=\"isMultipleSelection\">\n <div class=\"slab-flex-1\" [style.marginLeft.px]=\"(level*20)+1\">\n <input type=\"checkbox\" id=\"{{checkId}}-{{level}}-{{id}}\" [(ngModel)]=\"params.data.selected\"\n [disabled]=\"params.isDisabled\"\n (change)=\"changeValue()\">\n <label for=\"{{checkId}}-{{level}}-{{id}}\">{{description}}</label>\n </div>\n </div>\n <div *ngIf=\"!isMultipleSelection\" class=\"d-flex slab-flex-1\">\n <div class=\"slab-flex-1\" (click)=\"changeValue()\" [style.marginLeft.px]=\"(level*20)+1\">\n <span>{{description}}</span>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AbstractTreeListboxRendererComponent, decorators: [{
type: Component,
args: [{ selector: 'abstract-listbox-renderer', template: "<div class=\"d-flex column\">\n <div *ngIf=\"isMultipleSelection\">\n <div class=\"slab-flex-1\" [style.marginLeft.px]=\"(level*20)+1\">\n <input type=\"checkbox\" id=\"{{checkId}}-{{level}}-{{id}}\" [(ngModel)]=\"params.data.selected\"\n [disabled]=\"params.isDisabled\"\n (change)=\"changeValue()\">\n <label for=\"{{checkId}}-{{level}}-{{id}}\">{{description}}</label>\n </div>\n </div>\n <div *ngIf=\"!isMultipleSelection\" class=\"d-flex slab-flex-1\">\n <div class=\"slab-flex-1\" (click)=\"changeValue()\" [style.marginLeft.px]=\"(level*20)+1\">\n <span>{{description}}</span>\n </div>\n </div>\n</div>\n" }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtdHJlZS1saXN0Ym94LXJlbmRlcmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3N5c3RlbGFiLWNvbXBvbmVudHMvc3JjL2xpYi9saXN0Ym94L3JlbmRlcmVyL2Fic3RyYWN0LXRyZWUtbGlzdGJveC1yZW5kZXJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zeXN0ZWxhYi1jb21wb25lbnRzL3NyYy9saWIvbGlzdGJveC9yZW5kZXJlci9hYnN0cmFjdC10cmVlLWxpc3Rib3gtcmVuZGVyZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVExQyxNQUFNLE9BQU8sb0NBQW9DO0lBSmpEO1FBV1Esd0JBQW1CLEdBQUcsS0FBSyxDQUFDO1FBQzVCLFlBQU8sR0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztLQTJCckY7SUF6Qk8sTUFBTSxDQUFDLE1BQVc7UUFDeEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDckIsSUFBSSxNQUFNLENBQUMsSUFBSSxFQUFFO1lBQ2hCLE1BQU0sY0FBYyxHQUE0QixNQUFNLENBQUMsSUFBSSxDQUFDO1lBQzVELElBQUksY0FBYyxDQUFDLEtBQUssS0FBSyxDQUFDLEVBQUU7Z0JBQy9CLElBQUksQ0FBQyxFQUFFLEdBQUcsY0FBYyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQ3hELElBQUksQ0FBQyxXQUFXLEdBQUcsY0FBYyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsc0JBQXNCLENBQUMsQ0FBQzthQUMxRTtpQkFBTTtnQkFDTixJQUFJLENBQUMsRUFBRSxHQUFHLGNBQWMsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2dCQUN4RCxJQUFJLENBQUMsV0FBVyxHQUFHLGNBQWMsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLHNCQUFzQixDQUFDLENBQUM7YUFDMUU7WUFDRCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsY0FBYyxDQUFDLFFBQVEsQ0FBQztZQUNoRCxJQUFJLENBQUMsS0FBSyxHQUFHLGNBQWMsQ0FBQyxLQUFLLENBQUM7WUFDbEMsSUFBSSxDQUFDLG1CQUFtQixHQUFTLE1BQU8sQ0FBQyxtQkFBbUIsQ0FBQztTQUM3RDtJQUNGLENBQUM7SUFFTSxPQUFPLENBQUMsTUFBVztRQUN6QixPQUFPLElBQUksQ0FBQztJQUNiLENBQUM7SUFFTSxXQUFXO1FBQ2pCLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7SUFFOUMsQ0FBQzs4R0FsQ1csb0NBQW9DO2tHQUFwQyxvQ0FBb0MsaUVDUmpELGt0QkFlQTs7MkZEUGEsb0NBQW9DO2tCQUpoRCxTQUFTOytCQUNJLDJCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWdSZW5kZXJlckNvbXBvbmVudCB9IGZyb20gJ2FnLWdyaWQtYW5ndWxhcic7XG5pbXBvcnQgeyBUcmVlTGlzdEJveEVsZW1lbnQgfSBmcm9tICcuLi9hYnN0cmFjdC1hcGktdHJlZS1saXN0Ym94LmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogICAgJ2Fic3RyYWN0LWxpc3Rib3gtcmVuZGVyZXInLFxuXHR0ZW1wbGF0ZVVybDogJ2Fic3RyYWN0LXRyZWUtbGlzdGJveC1yZW5kZXJlci5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQWJzdHJhY3RUcmVlTGlzdGJveFJlbmRlcmVyQ29tcG9uZW50IGltcGxlbWVudHMgQWdSZW5kZXJlckNvbXBvbmVudCB7XG5cdHB1YmxpYyBwYXJhbXM6IGFueTtcblxuXHRwdWJsaWMgaXNDaGVja2JveEFjdGl2ZTogYm9vbGVhbjtcblx0cHVibGljIGlkOiBzdHJpbmc7XG5cdHB1YmxpYyBkZXNjcmlwdGlvbjogc3RyaW5nO1xuXHRwdWJsaWMgbGV2ZWw6IG51bWJlcjtcblx0cHVibGljIGlzTXVsdGlwbGVTZWxlY3Rpb24gPSBmYWxzZTtcblx0cHVibGljIGNoZWNrSWQ6IHN0cmluZyA9IChNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiAoOTk5OTk5OTk5OTk5IC0gMSkpKS50b1N0cmluZygpO1xuXG5cdHB1YmxpYyBhZ0luaXQocGFyYW1zOiBhbnkpOiB2b2lkIHtcblx0XHR0aGlzLnBhcmFtcyA9IHBhcmFtcztcblx0XHRpZiAocGFyYW1zLmRhdGEpIHtcblx0XHRcdGNvbnN0IGxpc3RCb3hFbGVtZW50OiBUcmVlTGlzdEJveEVsZW1lbnQ8YW55PiA9IHBhcmFtcy5kYXRhO1xuXHRcdFx0aWYgKGxpc3RCb3hFbGVtZW50LmxldmVsID09PSAwKSB7XG5cdFx0XHRcdHRoaXMuaWQgPSBsaXN0Qm94RWxlbWVudC5ub2RlRGF0YVtwYXJhbXMubGV2ZWwwSURGaWVsZF07XG5cdFx0XHRcdHRoaXMuZGVzY3JpcHRpb24gPSBsaXN0Qm94RWxlbWVudC5ub2RlRGF0YVtwYXJhbXMubGV2ZWwwRGVzY3JpcHRpb25GaWVsZF07XG5cdFx0XHR9IGVsc2Uge1xuXHRcdFx0XHR0aGlzLmlkID0gbGlzdEJveEVsZW1lbnQubm9kZURhdGFbcGFyYW1zLmxldmVsMUlERmllbGRdO1xuXHRcdFx0XHR0aGlzLmRlc2NyaXB0aW9uID0gbGlzdEJveEVsZW1lbnQubm9kZURhdGFbcGFyYW1zLmxldmVsMURlc2NyaXB0aW9uRmllbGRdO1xuXHRcdFx0fVxuXHRcdFx0dGhpcy5pc0NoZWNrYm94QWN0aXZlID0gbGlzdEJveEVsZW1lbnQuc2VsZWN0ZWQ7XG5cdFx0XHR0aGlzLmxldmVsID0gbGlzdEJveEVsZW1lbnQubGV2ZWw7XG5cdFx0XHR0aGlzLmlzTXVsdGlwbGVTZWxlY3Rpb24gPSAoPGFueT5wYXJhbXMpLmlzTXVsdGlwbGVTZWxlY3Rpb247XG5cdFx0fVxuXHR9XG5cblx0cHVibGljIHJlZnJlc2gocGFyYW1zOiBhbnkpOiBib29sZWFuIHtcblx0XHRyZXR1cm4gdHJ1ZTtcblx0fVxuXG5cdHB1YmxpYyBjaGFuZ2VWYWx1ZSgpOiB2b2lkIHtcblx0XHR0aGlzLnBhcmFtcy5jaGFuZ2VGdW5jdGlvbih0aGlzLnBhcmFtcy5kYXRhKTtcblxuXHR9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZC1mbGV4IGNvbHVtblwiPlxuICAgIDxkaXYgKm5nSWY9XCJpc011bHRpcGxlU2VsZWN0aW9uXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzbGFiLWZsZXgtMVwiIFtzdHlsZS5tYXJnaW5MZWZ0LnB4XT1cIihsZXZlbCoyMCkrMVwiPlxuICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIGlkPVwie3tjaGVja0lkfX0te3tsZXZlbH19LXt7aWR9fVwiIFsobmdNb2RlbCldPVwicGFyYW1zLmRhdGEuc2VsZWN0ZWRcIlxuICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJwYXJhbXMuaXNEaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgKGNoYW5nZSk9XCJjaGFuZ2VWYWx1ZSgpXCI+XG4gICAgICAgICAgICA8bGFiZWwgZm9yPVwie3tjaGVja0lkfX0te3tsZXZlbH19LXt7aWR9fVwiPnt7ZGVzY3JpcHRpb259fTwvbGFiZWw+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCIhaXNNdWx0aXBsZVNlbGVjdGlvblwiIGNsYXNzPVwiZC1mbGV4IHNsYWItZmxleC0xXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzbGFiLWZsZXgtMVwiIChjbGljayk9XCJjaGFuZ2VWYWx1ZSgpXCIgW3N0eWxlLm1hcmdpbkxlZnQucHhdPVwiKGxldmVsKjIwKSsxXCI+XG4gICAgICAgICAgICA8c3Bhbj57e2Rlc2NyaXB0aW9ufX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=