UNPKG

angular-wrapper-kendo-ui-app

Version:

A sample application to use and test the TreeList component defined in the *angular-wrapper-kendo-ui* library.

104 lines 12.2 kB
import { __decorate, __metadata } from "tslib"; import { Component, ViewEncapsulation, NgZone, ElementRef, ViewChild, OnInit, OnDestroy, AfterViewInit, ChangeDetectionStrategy, Input } from '@angular/core'; let TreeListComponent = class TreeListComponent { constructor(zone, elementRef) { this.zone = zone; this.elementRef = elementRef; } ngOnInit() { } ngAfterViewInit() { const treeList = kendo.jQuery(this.treelistEl.nativeElement); this.zone.runOutsideAngular(() => { this._treelist = treeList .kendoTreeList(this.options) .data('kendoTreeList'); }); } ngOnDestroy() { kendo.destroy(this.elementRef.nativeElement); } get dataSource() { return this._treelist && this._treelist.dataSource; } get content() { return this._treelist && this._treelist.content; } get thead() { return this._treelist && this._treelist.thead; } get tbody() { return this._treelist && this._treelist.tbody; } addRow(parentRow = '') { return this._treelist && this._treelist.addRow(parentRow); } editRow(row) { if (!row) { return; } const internalRow = row instanceof jQuery ? row : kendo.jQuery(row); return this._treelist && this._treelist.editRow(internalRow); } removeRow(row) { if (!row) { return; } const internalRow = row instanceof jQuery ? row : kendo.jQuery(row); return this._treelist && this._treelist.removeRow(internalRow); } expand(row) { if (!row) { return; } const internalRow = row instanceof jQuery ? row : kendo.jQuery(row); return this._treelist && this._treelist.expand(internalRow); } select(row) { if (!row) { return; } const internalRow = row instanceof jQuery ? row : kendo.jQuery(row); return this._treelist && this._treelist.select(internalRow); } itemFor(model) { if (!model) { return; } return this._treelist && this._treelist.itemFor(model); } dataItem(row) { if (!row) { return; } const internalRow = row instanceof jQuery ? row : kendo.jQuery(row); return this._treelist && this._treelist.dataItem(internalRow); } clearSelection() { return this._treelist && this._treelist.clearSelection(); } }; TreeListComponent.ctorParameters = () => [ { type: NgZone }, { type: ElementRef } ]; __decorate([ Input(), __metadata("design:type", Object) ], TreeListComponent.prototype, "options", void 0); __decorate([ ViewChild('treelist', { static: false }), __metadata("design:type", ElementRef) ], TreeListComponent.prototype, "treelistEl", void 0); TreeListComponent = __decorate([ Component({ // tslint:disable-next-line:component-selector selector: 'ng-treelist', template: "<div id=\"treelist\" #treelist></div>", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [""] }), __metadata("design:paramtypes", [NgZone, ElementRef]) ], TreeListComponent); export { TreeListComponent }; //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2FuZ3VsYXItd3JhcHBlci1rZW5kby11aS8iLCJzb3VyY2VzIjpbImxpYi90cmVlLWxpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQixNQUFNLEVBQ04sVUFBVSxFQUNWLFNBQVMsRUFDVCxNQUFNLEVBQ04sU0FBUyxFQUNULGFBQWEsRUFDYix1QkFBdUIsRUFDdkIsS0FBSyxFQUNOLE1BQU0sZUFBZSxDQUFDO0FBWXZCLElBQWEsaUJBQWlCLEdBQTlCLE1BQWEsaUJBQWlCO0lBUzVCLFlBQW9CLElBQVksRUFBVSxVQUFzQjtRQUE1QyxTQUFJLEdBQUosSUFBSSxDQUFRO1FBQVUsZUFBVSxHQUFWLFVBQVUsQ0FBWTtJQUFJLENBQUM7SUFFckUsUUFBUSxLQUFLLENBQUM7SUFFZCxlQUFlO1FBQ2IsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRTdELElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxFQUFFO1lBQy9CLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUTtpQkFDdEIsYUFBYSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7aUJBQzNCLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxJQUFJLFVBQVU7UUFDWixPQUFPLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUM7SUFDckQsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxD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QUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQzNELENBQUM7Q0FDRixDQUFBOztZQTlGMkIsTUFBTTtZQUFzQixVQUFVOztBQVBoRTtJQURDLEtBQUssRUFBRTs7a0RBQ2lDO0FBR3pDO0lBREMsU0FBUyxDQUFDLFVBQVUsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQzs4QkFDN0IsVUFBVTtxREFBQztBQUxaLGlCQUFpQjtJQVI3QixTQUFTLENBQUM7UUFDVCw4Q0FBOEM7UUFDOUMsUUFBUSxFQUFFLGFBQWE7UUFDdkIsaURBQXlDO1FBRXpDLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO1FBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOztLQUNoRCxDQUFDO3FDQVUwQixNQUFNLEVBQXNCLFVBQVU7R0FUckQsaUJBQWlCLENBdUc3QjtTQXZHWSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBOZ1pvbmUsXHJcbiAgRWxlbWVudFJlZixcclxuICBWaWV3Q2hpbGQsXHJcbiAgT25Jbml0LFxyXG4gIE9uRGVzdHJveSxcclxuICBBZnRlclZpZXdJbml0LFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIElucHV0XHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5kZWNsYXJlIHZhciBrZW5kbzogYW55O1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1zZWxlY3RvclxyXG4gIHNlbGVjdG9yOiAnbmctdHJlZWxpc3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90cmVlLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RyZWUtbGlzdC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFRyZWVMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIG9wdGlvbnM6IGtlbmRvLnVpLlRyZWVMaXN0T3B0aW9ucztcclxuXHJcbiAgQFZpZXdDaGlsZCgndHJlZWxpc3QnLCB7IHN0YXRpYzogZmFsc2UgfSlcclxuICB0cmVlbGlzdEVsOiBFbGVtZW50UmVmO1xyXG5cclxuICBwcml2YXRlIF90cmVlbGlzdDogYW55O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHpvbmU6IE5nWm9uZSwgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7IH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgY29uc3QgdHJlZUxpc3QgPSBrZW5kby5qUXVlcnkodGhpcy50cmVlbGlzdEVsLm5hdGl2ZUVsZW1lbnQpO1xyXG5cclxuICAgIHRoaXMuem9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PiB7XHJcbiAgICAgIHRoaXMuX3RyZWVsaXN0ID0gdHJlZUxpc3RcclxuICAgICAgICAua2VuZG9UcmVlTGlzdCh0aGlzLm9wdGlvbnMpXHJcbiAgICAgICAgLmRhdGEoJ2tlbmRvVHJlZUxpc3QnKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICBrZW5kby5kZXN0cm95KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcclxuICB9XHJcblxyXG4gIGdldCBkYXRhU291cmNlKCk6IGFueSB7XHJcbiAgICByZXR1cm4gdGhpcy5fdHJlZWxpc3QgJiYgdGhpcy5fdHJlZWxpc3QuZGF0YVNvdXJjZTtcclxuICB9XHJcblxyXG4gIGdldCBjb250ZW50KCk6IEpRdWVyeSB7XHJcbiAgICByZXR1cm4gdGhpcy5fdHJlZWxpc3QgJiYgdGhpcy5fdHJlZWxpc3QuY29udGVudDtcclxuICB9XHJcblxyXG4gIGdldCB0aGVhZCgpOiBKUXVlcnkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3RyZWVsaXN0ICYmIHRoaXMuX3RyZWVsaXN0LnRoZWFkO1xyXG4gIH1cclxuXHJcbiAgZ2V0IHRib2R5KCk6IEpRdWVyeSB7XHJcbiAgICByZXR1cm4gdGhpcy5fdHJlZWxpc3QgJiYgdGhpcy5fdHJlZWxpc3QudGJvZHk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgYWRkUm93KHBhcmVudFJvdzogc3RyaW5nIHwgRWxlbWVudCB8IEpRdWVyeSA9ICcnKTogdm9pZCB7XHJcbiAgICByZXR1cm4gdGhpcy5fdHJlZWxpc3QgJiYgdGhpcy5fdHJlZWxpc3QuYWRkUm93KHBhcmVudFJvdyk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZWRpdFJvdyhyb3c6IHN0cmluZyB8IEpRdWVyeSk6IHZvaWQge1xyXG4gICAgaWYgKCFyb3cpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0IGludGVybmFsUm93ID0gcm93IGluc3RhbmNlb2YgalF1ZXJ5ID8gcm93IDoga2VuZG8ualF1ZXJ5KHJvdyk7XHJcbiAgICByZXR1cm4gdGhpcy5fdHJlZWxpc3QgJiYgdGhpcy5fdHJlZWxpc3QuZWRpdFJvdyhpbnRlcm5hbFJvdyk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgcmVtb3ZlUm93KHJvdzogc3RyaW5nIHwgRWxlbWVudCB8IEpRdWVyeSk6IHZvaWQge1xyXG4gICAgaWYgKCFyb3cpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0IGludGVybmFsUm93ID0gcm93IGluc3RhbmNlb2YgalF1ZXJ5ID8gcm93IDoga2VuZG8ualF1ZXJ5KHJvdyk7XHJcbiAgICByZXR1cm4gdGhpcy5fdHJlZWxpc3QgJiYgdGhpcy5fdHJlZWxpc3QucmVtb3ZlUm93KGludGVybmFsUm93KTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBleHBhbmQocm93OiBzdHJpbmcgfCBFbGVtZW50IHwgSlF1ZXJ5KTogdm9pZCB7XHJcbiAgICBpZiAoIXJvdykge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3QgaW50ZXJuYWxSb3cgPSByb3cgaW5zdGFuY2VvZiBqUXVlcnkgPyByb3cgOiBrZW5kby5qUXVlcnkocm93KTtcclxuICAgIHJldHVybiB0aGlzLl90cmVlbGlzdCAmJiB0aGlzLl90cmVlbGlzdC5leHBhbmQoaW50ZXJuYWxSb3cpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHNlbGVjdChyb3c6IHN0cmluZyB8IEVsZW1lbnQgfCBKUXVlcnkpOiBKUXVlcnkge1xyXG4gICAgaWYgKCFyb3cpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0IGludGVybmFsUm93ID0gcm93IGluc3RhbmNlb2YgalF1ZXJ5ID8gcm93IDoga2VuZG8ualF1ZXJ5KHJvdyk7XHJcbiAgICByZXR1cm4gdGhpcy5fdHJlZWxpc3QgJiYgdGhpcy5fdHJlZWxpc3Quc2VsZWN0KGludGVybmFsUm93KTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBpdGVtRm9yKG1vZGVsOiBrZW5kby5kYXRhLlRyZWVMaXN0TW9kZWwgfCBPYmplY3QpOiBKUXVlcnkge1xyXG4gICAgaWYgKCFtb2RlbCkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIHRoaXMuX3RyZWVsaXN0ICYmIHRoaXMuX3RyZWVsaXN0Lml0ZW1Gb3IobW9kZWwpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGRhdGFJdGVtKHJvdzogc3RyaW5nIHwgRWxlbWVudCB8IEpRdWVyeSk6IGtlbmRvLmRhdGEuVHJlZUxpc3RNb2RlbCB7XHJcbiAgICBpZiAoIXJvdykge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3QgaW50ZXJuYWxSb3cgPSByb3cgaW5zdGFuY2VvZiBqUXVlcnkgPyByb3cgOiBrZW5kby5qUXVlcnkocm93KTtcclxuICAgIHJldHVybiB0aGlzLl90cmVlbGlzdCAmJiB0aGlzLl90cmVlbGlzdC5kYXRhSXRlbShpbnRlcm5hbFJvdyk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgY2xlYXJTZWxlY3Rpb24oKTogdm9pZCB7XHJcbiAgICByZXR1cm4gdGhpcy5fdHJlZWxpc3QgJiYgdGhpcy5fdHJlZWxpc3QuY2xlYXJTZWxlY3Rpb24oKTtcclxuICB9XHJcbn1cclxuIl19