angular-custom-selector
Version:
```bash NOTE*** This library was generated using Angular CLI version 9.0.0. Therefore, it is recommended that you use a compatible version of Angular to ensure proper functionality ```
66 lines • 7.47 kB
JavaScript
import { __decorate } from "tslib";
import { Component, EventEmitter, Input, Output } from '@angular/core';
var SingleSelectorTreeViewComponent = /** @class */ (function () {
function SingleSelectorTreeViewComponent() {
this.enableAllNodes = false;
this.searchKey = "name";
this.closeEvent = new EventEmitter();
}
SingleSelectorTreeViewComponent.prototype.ngOnInit = function () {
if (this.enableAllNodes) {
this.enableAll(this.data);
}
};
SingleSelectorTreeViewComponent.prototype.ngAfterContentInit = function () {
this.addExpandListItem(this.data);
};
SingleSelectorTreeViewComponent.prototype.showClick = function (dataItem) {
this.closeEvent.emit(dataItem);
};
SingleSelectorTreeViewComponent.prototype.addExpandListItem = function (treeItem) {
var _this = this;
treeItem.forEach(function (item) {
if (item.hasChild) {
_this.addExpandListItem(item.items);
}
});
};
SingleSelectorTreeViewComponent.prototype.enableAll = function (data) {
var _this = this;
data.map(function (item) {
item.isSelectable = true;
_this.enableAll(item.items);
});
};
__decorate([
Input()
], SingleSelectorTreeViewComponent.prototype, "expandedKeys", void 0);
__decorate([
Input()
], SingleSelectorTreeViewComponent.prototype, "selectedId", void 0);
__decorate([
Input()
], SingleSelectorTreeViewComponent.prototype, "displayName", void 0);
__decorate([
Input()
], SingleSelectorTreeViewComponent.prototype, "enableAllNodes", void 0);
__decorate([
Input()
], SingleSelectorTreeViewComponent.prototype, "searchKey", void 0);
__decorate([
Input()
], SingleSelectorTreeViewComponent.prototype, "data", void 0);
__decorate([
Output()
], SingleSelectorTreeViewComponent.prototype, "closeEvent", void 0);
SingleSelectorTreeViewComponent = __decorate([
Component({
selector: 'single-selector-tree-view',
template: "<kendo-treeview [nodes]=\"data\" [textField]=\"searchKey\" childrenField=\"items\" [(expandedKeys)]=\"expandedKeys\"\r\n expandBy=\"id\" [filterable]=\"true\" filterInputPlaceholder=\"Search\" kendoTreeViewExpandable\r\n kendoTreeViewHierarchyBinding>\r\n <ng-template kendoTreeViewNodeTemplate let-dataItem>\r\n <span class=\"selectoritem\" (click)=\"showClick(dataItem)\"\r\n [ngClass]=\"{'disableNode': dataItem.isSelectable === false,'itemactive' : selectedId == dataItem.id}\">\r\n {{ dataItem[displayName] }}\r\n </span>\r\n </ng-template>\r\n</kendo-treeview>",
styles: [":host ::ng-deep .k-checkbox{border-color:#000}:host ::ng-deep .k-textbox{width:100%;margin-bottom:8px}:host ::ng-deep .k-in.k-state-focused{box-shadow:none!important}:host ::ng-deep .selectoritem:hover{background-color:#005151;border-radius:3px;color:#fff;font-weight:500;cursor:default}:host ::ng-deep .k-treeview .k-icon{font-size:20px}:host ::ng-deep .k-treeview .k-in{padding:0;width:100%}:host ::ng-deep .selectoritem{padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}:host ::ng-deep .disableNode{opacity:.6;pointer-events:none}:host ::ng-deep .itemactive{color:#005151;font-weight:500}"]
})
], SingleSelectorTreeViewComponent);
return SingleSelectorTreeViewComponent;
}());
export { SingleSelectorTreeViewComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2luZ2xlLXNlbGVjdG9yLXRyZWUtdmlldy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hbmd1bGFyLWN1c3RvbS1zZWxlY3Rvci8iLCJzb3VyY2VzIjpbImxpYi9zaW5nbGUtc2VsZWN0b3Ivc2luZ2xlLXNlbGVjdG9yLXRyZWUtdmlldy9zaW5nbGUtc2VsZWN0b3ItdHJlZS12aWV3LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8vRTtJQVVJO1FBTFMsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFDaEMsY0FBUyxHQUFXLE1BQU0sQ0FBQztRQUUxQixlQUFVLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7SUFFbEQsQ0FBQztJQUVWLGtEQUFRLEdBQWY7UUFDSSxJQUFHLElBQUksQ0FBQyxjQUFjLEVBQUM7WUFDbkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDN0I7SUFDTCxDQUFDO0lBRUQsNERBQWtCLEdBQWxCO1FBQ0ksSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsbURBQVMsR0FBVCxVQUFVLFFBQWE7UUFDbkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVPLDJEQUFpQixHQUF6QixVQUEwQixRQUFhO1FBQXZDLGlCQU1DO1FBTEcsUUFBUSxDQUFDLE9BQU8sQ0FBQyxVQUFBLElBQUk7WUFDakIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO2dCQUNmLEtBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7YUFDckM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTSxtREFBUyxHQUFoQixVQUFpQixJQUFnQjtRQUFqQyxpQkFLQztRQUpHLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBQSxJQUFJO1lBQ1QsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7WUFDekIsS0FBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0IsQ0FBQyxDQUFDLENBQUE7SUFDTixDQUFDO0lBckNRO1FBQVIsS0FBSyxFQUFFO3lFQUFxQjtJQUNwQjtRQUFSLEtBQUssRUFBRTt1RUFBb0I7SUFDbkI7UUFBUixLQUFLLEVBQUU7d0VBQXFCO0lBQ3BCO1FBQVIsS0FBSyxFQUFFOzJFQUFpQztJQUNoQztRQUFSLEtBQUssRUFBRTtzRUFBNEI7SUFDM0I7UUFBUixLQUFLLEVBQUU7aUVBQVc7SUFDVDtRQUFULE1BQU0sRUFBRTt1RUFBeUQ7SUFSekQsK0JBQStCO1FBTDNDLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSwyQkFBMkI7WUFDckMsc2xCQUF5RDs7U0FFNUQsQ0FBQztPQUNXLCtCQUErQixDQXdDM0M7SUFBRCxzQ0FBQztDQUFBLEFBeENELElBd0NDO1NBeENZLCtCQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzaW5nbGUtc2VsZWN0b3ItdHJlZS12aWV3JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaW5nbGUtc2VsZWN0b3ItdHJlZS12aWV3LmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL3NpbmdsZS1zZWxlY3Rvci10cmVlLXZpZXcuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2luZ2xlU2VsZWN0b3JUcmVlVmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gICAgQElucHV0KCkgZXhwYW5kZWRLZXlzOiBhbnlbXTtcclxuICAgIEBJbnB1dCgpIHNlbGVjdGVkSWQ6IG51bWJlcjtcclxuICAgIEBJbnB1dCgpIGRpc3BsYXlOYW1lOiBzdHJpbmc7XHJcbiAgICBASW5wdXQoKSBlbmFibGVBbGxOb2RlczogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgQElucHV0KCkgc2VhcmNoS2V5OiBzdHJpbmcgPSBcIm5hbWVcIjtcclxuICAgIEBJbnB1dCgpIGRhdGE6IGFueTtcclxuICAgIEBPdXRwdXQoKSBjbG9zZUV2ZW50OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gICAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIGlmKHRoaXMuZW5hYmxlQWxsTm9kZXMpe1xyXG4gICAgICAgICAgICB0aGlzLmVuYWJsZUFsbCh0aGlzLmRhdGEpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XHJcbiAgICAgICAgdGhpcy5hZGRFeHBhbmRMaXN0SXRlbSh0aGlzLmRhdGEpO1xyXG4gICAgfVxyXG5cclxuICAgIHNob3dDbGljayhkYXRhSXRlbTogYW55KSB7XHJcbiAgICAgICAgdGhpcy5jbG9zZUV2ZW50LmVtaXQoZGF0YUl0ZW0pO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgYWRkRXhwYW5kTGlzdEl0ZW0odHJlZUl0ZW06IGFueSkge1xyXG4gICAgICAgIHRyZWVJdGVtLmZvckVhY2goaXRlbSA9PiB7XHJcbiAgICAgICAgICAgIGlmIChpdGVtLmhhc0NoaWxkKSB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLmFkZEV4cGFuZExpc3RJdGVtKGl0ZW0uaXRlbXMpXHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgZW5hYmxlQWxsKGRhdGE6IEFycmF5PGFueT4pIHtcclxuICAgICAgICBkYXRhLm1hcChpdGVtID0+IHtcclxuICAgICAgICAgICAgaXRlbS5pc1NlbGVjdGFibGUgPSB0cnVlO1xyXG4gICAgICAgICAgICB0aGlzLmVuYWJsZUFsbChpdGVtLml0ZW1zKTtcclxuICAgICAgICB9KVxyXG4gICAgfVxyXG59XHJcbiJdfQ==