@indigina/kendo 1.2.15 → 1.2.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -25,10 +25,10 @@ export class TreeViewNodeComponent {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
TreeViewNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TreeViewNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
TreeViewNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: { node: "node", hasExpand: "hasExpand" }, viewQueries: [{ propertyName: "treeViewProps", predicate: ["node"], descendants: true }], ngImport: i0, template: "<span class=\"tree-view-node\">\n <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n <ng-container\n *ngIf=\"node.isPrimitive; then primitiveNode; else baseNode\"\n ></ng-container>\n <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n\n<ng-template #primitiveNode>\n <span class=\"tree-view-prop\">\n {{ node.startTag }}\n <span [ngClass]=\"node.nodeType\">\n {{ node.value }}\n </span>\n {{ node.endTag }}\n </span>\n</ng-template>\n\n<ng-template #baseNode>\n <span>\n <em\n [ngClass]=\"\n expanded\n ? 'fa fa-caret-down node-toggler'\n : 'fa fa-caret-right node-toggler'\n \"\n *ngIf=\"hasExpand\"\n (click)=\"toggleExpand()\"\n ></em>\n <span class=\"ellipsis\" *ngIf=\"!expanded && !node.startTag\">...</span>\n <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n <li class=\"tree-view-prop\" *ngFor=\"let child of node.children\">\n <span class=\"prop-name\">{{ child.startTag }}</span>\n <span *ngIf=\"child.isPrimitive\" [ngClass]=\"child.nodeType\">{{\n child.value\n }}</span>\n <ng-container *ngIf=\"child.isComplex\">\n <tree-view-node\n [node]=\"child\"\n [hasExpand]=\"true\"\n #node\n ></tree-view-node>\n </ng-container>\n <span class=\"prop-name\">{{ child.endTag }}</span>\n </li>\n </ul>\n </span>\n</ng-template>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }] });
|
|
28
|
+
TreeViewNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: { node: "node", hasExpand: "hasExpand" }, viewQueries: [{ propertyName: "treeViewProps", predicate: ["node"], descendants: true }], ngImport: i0, template: "<span class=\"tree-view-node\">\n <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n <ng-container\n *ngIf=\"node.isPrimitive; then primitiveNode; else baseNode\"\n ></ng-container>\n <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n\n<ng-template #primitiveNode>\n <span class=\"tree-view-prop\">\n {{ node.startTag }}\n <span [ngClass]=\"node.nodeType\">\n {{ node.value }}\n </span>\n {{ node.endTag }}\n </span>\n</ng-template>\n\n<ng-template #baseNode>\n <span>\n <em\n [ngClass]=\"\n expanded\n ? 'fa fa-caret-down node-toggler'\n : 'fa fa-caret-right node-toggler'\n \"\n *ngIf=\"hasExpand\"\n (click)=\"toggleExpand()\"\n ></em>\n <span class=\"ellipsis\" *ngIf=\"!expanded && !node.startTag\">...</span>\n <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n <li class=\"tree-view-prop\" *ngFor=\"let child of node.children\">\n <span class=\"prop-name\">{{ child.startTag }}</span>\n <span *ngIf=\"child.isPrimitive\" [ngClass]=\"child.nodeType\">{{\n child.value\n }}</span>\n <ng-container *ngIf=\"child.isComplex\">\n <tree-view-node\n [node]=\"child\"\n [hasExpand]=\"true\"\n #node\n ></tree-view-node>\n </ng-container>\n <span class=\"prop-name\">{{ child.endTag }}</span>\n </li>\n </ul>\n </span>\n</ng-template>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0;word-wrap:break-word}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }] });
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TreeViewNodeComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: 'tree-view-node', template: "<span class=\"tree-view-node\">\n <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n <ng-container\n *ngIf=\"node.isPrimitive; then primitiveNode; else baseNode\"\n ></ng-container>\n <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n\n<ng-template #primitiveNode>\n <span class=\"tree-view-prop\">\n {{ node.startTag }}\n <span [ngClass]=\"node.nodeType\">\n {{ node.value }}\n </span>\n {{ node.endTag }}\n </span>\n</ng-template>\n\n<ng-template #baseNode>\n <span>\n <em\n [ngClass]=\"\n expanded\n ? 'fa fa-caret-down node-toggler'\n : 'fa fa-caret-right node-toggler'\n \"\n *ngIf=\"hasExpand\"\n (click)=\"toggleExpand()\"\n ></em>\n <span class=\"ellipsis\" *ngIf=\"!expanded && !node.startTag\">...</span>\n <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n <li class=\"tree-view-prop\" *ngFor=\"let child of node.children\">\n <span class=\"prop-name\">{{ child.startTag }}</span>\n <span *ngIf=\"child.isPrimitive\" [ngClass]=\"child.nodeType\">{{\n child.value\n }}</span>\n <ng-container *ngIf=\"child.isComplex\">\n <tree-view-node\n [node]=\"child\"\n [hasExpand]=\"true\"\n #node\n ></tree-view-node>\n </ng-container>\n <span class=\"prop-name\">{{ child.endTag }}</span>\n </li>\n </ul>\n </span>\n</ng-template>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"] }]
|
|
31
|
+
args: [{ selector: 'tree-view-node', template: "<span class=\"tree-view-node\">\n <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n <ng-container\n *ngIf=\"node.isPrimitive; then primitiveNode; else baseNode\"\n ></ng-container>\n <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n\n<ng-template #primitiveNode>\n <span class=\"tree-view-prop\">\n {{ node.startTag }}\n <span [ngClass]=\"node.nodeType\">\n {{ node.value }}\n </span>\n {{ node.endTag }}\n </span>\n</ng-template>\n\n<ng-template #baseNode>\n <span>\n <em\n [ngClass]=\"\n expanded\n ? 'fa fa-caret-down node-toggler'\n : 'fa fa-caret-right node-toggler'\n \"\n *ngIf=\"hasExpand\"\n (click)=\"toggleExpand()\"\n ></em>\n <span class=\"ellipsis\" *ngIf=\"!expanded && !node.startTag\">...</span>\n <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n <li class=\"tree-view-prop\" *ngFor=\"let child of node.children\">\n <span class=\"prop-name\">{{ child.startTag }}</span>\n <span *ngIf=\"child.isPrimitive\" [ngClass]=\"child.nodeType\">{{\n child.value\n }}</span>\n <ng-container *ngIf=\"child.isComplex\">\n <tree-view-node\n [node]=\"child\"\n [hasExpand]=\"true\"\n #node\n ></tree-view-node>\n </ng-container>\n <span class=\"prop-name\">{{ child.endTag }}</span>\n </li>\n </ul>\n </span>\n</ng-template>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0;word-wrap:break-word}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"] }]
|
|
32
32
|
}], propDecorators: { treeViewProps: [{
|
|
33
33
|
type: ViewChildren,
|
|
34
34
|
args: ['node']
|
|
@@ -37,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
|
|
|
37
37
|
}], hasExpand: [{
|
|
38
38
|
type: Input
|
|
39
39
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS12aWV3LW5vZGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2VuZG8vc3JjL2xpYi9hbmd1bGFyL3dpZGdldHMvdHJlZS12aWV3L3RyZWUtdmlldy1ub2RlL3RyZWUtdmlldy1ub2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlbmRvL3NyYy9saWIvYW5ndWxhci93aWRnZXRzL3RyZWUtdmlldy90cmVlLXZpZXctbm9kZS90cmVlLXZpZXctbm9kZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFHTCxZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7OztBQVF2QixNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBV1MsYUFBUSxHQUFZLElBQUksQ0FBQztLQXlCakM7SUF2QkMsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ2xDLENBQUM7SUFFTSxZQUFZO1FBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ2pDLENBQUM7SUFFTSxTQUFTO1FBQ2QsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1NBQ3RCO1FBRUQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNsQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztTQUN2QjtRQUVELElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUNyRCxDQUFDOztrSEE5QlUscUJBQXFCO3NHQUFyQixxQkFBcUIsa01DZGxDLHE3Q0FnREEseW9CRGxDYSxxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBS0osYUFBYTtzQkFBbEMsWUFBWTt1QkFBQyxNQUFNO2dCQUVYLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBRdWVyeUxpc3QsXG4gIFZpZXdDaGlsZHJlbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUcmVlVmlld05vZGUgfSBmcm9tICcuLi9tb2RlbHMvVHJlZVZpZXdOb2RlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndHJlZS12aWV3LW5vZGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdHJlZS12aWV3LW5vZGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90cmVlLXZpZXctbm9kZS5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRyZWVWaWV3Tm9kZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBWaWV3Q2hpbGRyZW4oJ25vZGUnKSB0cmVlVmlld1Byb3BzOiBRdWVyeUxpc3Q8VHJlZVZpZXdOb2RlQ29tcG9uZW50PjtcblxuICBASW5wdXQoKSBub2RlOiBUcmVlVmlld05vZGU7XG4gIEBJbnB1dCgpIGhhc0V4cGFuZDogYm9vbGVhbjtcblxuICBwdWJsaWMgZXhwYW5kZWQ6IGJvb2xlYW4gPSB0cnVlO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuZXhwYW5kZWQgPSAhdGhpcy5oYXNFeHBhbmQ7XG4gIH1cblxuICBwdWJsaWMgdG9nZ2xlRXhwYW5kKCkge1xuICAgIHRoaXMuZXhwYW5kZWQgPSAhdGhpcy5leHBhbmRlZDtcbiAgfVxuXG4gIHB1YmxpYyBleHBhbmRBbGwoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaGFzRXhwYW5kKSB7XG4gICAgICB0aGlzLmV4cGFuZGVkID0gdHJ1ZTtcbiAgICB9XG5cbiAgICB0aGlzLnRyZWVWaWV3UHJvcHMuZm9yRWFjaCgoeCkgPT4geC5leHBhbmRBbGwoKSk7XG4gIH1cblxuICBwdWJsaWMgY29sbGFwc2VBbGwoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuaGFzRXhwYW5kKSB7XG4gICAgICB0aGlzLmV4cGFuZGVkID0gZmFsc2U7XG4gICAgfVxuXG4gICAgdGhpcy50cmVlVmlld1Byb3BzLmZvckVhY2goKHgpID0+IHguY29sbGFwc2VBbGwoKSk7XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwidHJlZS12aWV3LW5vZGVcIj5cbiAgPHNwYW4gY2xhc3M9XCJicmFja2V0XCI+e3sgbm9kZS5icmFja2V0cz8uaW5zaWRlIH19PC9zcGFuPlxuICA8bmctY29udGFpbmVyXG4gICAgKm5nSWY9XCJub2RlLmlzUHJpbWl0aXZlOyB0aGVuIHByaW1pdGl2ZU5vZGU7IGVsc2UgYmFzZU5vZGVcIlxuICA+PC9uZy1jb250YWluZXI+XG4gIDxzcGFuIGNsYXNzPVwiYnJhY2tldFwiPnt7IG5vZGUuYnJhY2tldHM/Lm91dHNpZGUgfX08L3NwYW4+XG48L3NwYW4+XG5cbjxuZy10ZW1wbGF0ZSAjcHJpbWl0aXZlTm9kZT5cbiAgPHNwYW4gY2xhc3M9XCJ0cmVlLXZpZXctcHJvcFwiPlxuICAgIHt7IG5vZGUuc3RhcnRUYWcgfX1cbiAgICA8c3BhbiBbbmdDbGFzc109XCJub2RlLm5vZGVUeXBlXCI+XG4gICAgICB7eyBub2RlLnZhbHVlIH19XG4gICAgPC9zcGFuPlxuICAgIHt7IG5vZGUuZW5kVGFnIH19XG4gIDwvc3Bhbj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjYmFzZU5vZGU+XG4gIDxzcGFuPlxuICAgIDxlbVxuICAgICAgW25nQ2xhc3NdPVwiXG4gICAgICAgIGV4cGFuZGVkXG4gICAgICAgICAgPyAnZmEgZmEtY2FyZXQtZG93biBub2RlLXRvZ2dsZXInXG4gICAgICAgICAgOiAnZmEgZmEtY2FyZXQtcmlnaHQgbm9kZS10b2dnbGVyJ1xuICAgICAgXCJcbiAgICAgICpuZ0lmPVwiaGFzRXhwYW5kXCJcbiAgICAgIChjbGljayk9XCJ0b2dnbGVFeHBhbmQoKVwiXG4gICAgPjwvZW0+XG4gICAgPHNwYW4gY2xhc3M9XCJlbGxpcHNpc1wiICpuZ0lmPVwiIWV4cGFuZGVkICYmICFub2RlLnN0YXJ0VGFnXCI+Li4uPC9zcGFuPlxuICAgIDx1bCBbbmdDbGFzc109XCIhZXhwYW5kZWQgPyAnaGlkZGVuJyA6ICcnXCI+XG4gICAgICA8bGkgY2xhc3M9XCJ0cmVlLXZpZXctcHJvcFwiICpuZ0Zvcj1cImxldCBjaGlsZCBvZiBub2RlLmNoaWxkcmVuXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwicHJvcC1uYW1lXCI+e3sgY2hpbGQuc3RhcnRUYWcgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiY2hpbGQuaXNQcmltaXRpdmVcIiBbbmdDbGFzc109XCJjaGlsZC5ub2RlVHlwZVwiPnt7XG4gICAgICAgICAgY2hpbGQudmFsdWVcbiAgICAgICAgfX08L3NwYW4+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjaGlsZC5pc0NvbXBsZXhcIj5cbiAgICAgICAgICA8dHJlZS12aWV3LW5vZGVcbiAgICAgICAgICAgIFtub2RlXT1cImNoaWxkXCJcbiAgICAgICAgICAgIFtoYXNFeHBhbmRdPVwidHJ1ZVwiXG4gICAgICAgICAgICAjbm9kZVxuICAgICAgICAgID48L3RyZWUtdmlldy1ub2RlPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJwcm9wLW5hbWVcIj57eyBjaGlsZC5lbmRUYWcgfX08L3NwYW4+XG4gICAgICA8L2xpPlxuICAgIDwvdWw+XG4gIDwvc3Bhbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -476,10 +476,10 @@ class TreeViewNodeComponent {
|
|
|
476
476
|
}
|
|
477
477
|
}
|
|
478
478
|
TreeViewNodeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TreeViewNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
479
|
-
TreeViewNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: { node: "node", hasExpand: "hasExpand" }, viewQueries: [{ propertyName: "treeViewProps", predicate: ["node"], descendants: true }], ngImport: i0, template: "<span class=\"tree-view-node\">\n <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n <ng-container\n *ngIf=\"node.isPrimitive; then primitiveNode; else baseNode\"\n ></ng-container>\n <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n\n<ng-template #primitiveNode>\n <span class=\"tree-view-prop\">\n {{ node.startTag }}\n <span [ngClass]=\"node.nodeType\">\n {{ node.value }}\n </span>\n {{ node.endTag }}\n </span>\n</ng-template>\n\n<ng-template #baseNode>\n <span>\n <em\n [ngClass]=\"\n expanded\n ? 'fa fa-caret-down node-toggler'\n : 'fa fa-caret-right node-toggler'\n \"\n *ngIf=\"hasExpand\"\n (click)=\"toggleExpand()\"\n ></em>\n <span class=\"ellipsis\" *ngIf=\"!expanded && !node.startTag\">...</span>\n <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n <li class=\"tree-view-prop\" *ngFor=\"let child of node.children\">\n <span class=\"prop-name\">{{ child.startTag }}</span>\n <span *ngIf=\"child.isPrimitive\" [ngClass]=\"child.nodeType\">{{\n child.value\n }}</span>\n <ng-container *ngIf=\"child.isComplex\">\n <tree-view-node\n [node]=\"child\"\n [hasExpand]=\"true\"\n #node\n ></tree-view-node>\n </ng-container>\n <span class=\"prop-name\">{{ child.endTag }}</span>\n </li>\n </ul>\n </span>\n</ng-template>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }] });
|
|
479
|
+
TreeViewNodeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: { node: "node", hasExpand: "hasExpand" }, viewQueries: [{ propertyName: "treeViewProps", predicate: ["node"], descendants: true }], ngImport: i0, template: "<span class=\"tree-view-node\">\n <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n <ng-container\n *ngIf=\"node.isPrimitive; then primitiveNode; else baseNode\"\n ></ng-container>\n <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n\n<ng-template #primitiveNode>\n <span class=\"tree-view-prop\">\n {{ node.startTag }}\n <span [ngClass]=\"node.nodeType\">\n {{ node.value }}\n </span>\n {{ node.endTag }}\n </span>\n</ng-template>\n\n<ng-template #baseNode>\n <span>\n <em\n [ngClass]=\"\n expanded\n ? 'fa fa-caret-down node-toggler'\n : 'fa fa-caret-right node-toggler'\n \"\n *ngIf=\"hasExpand\"\n (click)=\"toggleExpand()\"\n ></em>\n <span class=\"ellipsis\" *ngIf=\"!expanded && !node.startTag\">...</span>\n <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n <li class=\"tree-view-prop\" *ngFor=\"let child of node.children\">\n <span class=\"prop-name\">{{ child.startTag }}</span>\n <span *ngIf=\"child.isPrimitive\" [ngClass]=\"child.nodeType\">{{\n child.value\n }}</span>\n <ng-container *ngIf=\"child.isComplex\">\n <tree-view-node\n [node]=\"child\"\n [hasExpand]=\"true\"\n #node\n ></tree-view-node>\n </ng-container>\n <span class=\"prop-name\">{{ child.endTag }}</span>\n </li>\n </ul>\n </span>\n</ng-template>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0;word-wrap:break-word}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TreeViewNodeComponent, selector: "tree-view-node", inputs: ["node", "hasExpand"] }] });
|
|
480
480
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: TreeViewNodeComponent, decorators: [{
|
|
481
481
|
type: Component,
|
|
482
|
-
args: [{ selector: 'tree-view-node', template: "<span class=\"tree-view-node\">\n <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n <ng-container\n *ngIf=\"node.isPrimitive; then primitiveNode; else baseNode\"\n ></ng-container>\n <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n\n<ng-template #primitiveNode>\n <span class=\"tree-view-prop\">\n {{ node.startTag }}\n <span [ngClass]=\"node.nodeType\">\n {{ node.value }}\n </span>\n {{ node.endTag }}\n </span>\n</ng-template>\n\n<ng-template #baseNode>\n <span>\n <em\n [ngClass]=\"\n expanded\n ? 'fa fa-caret-down node-toggler'\n : 'fa fa-caret-right node-toggler'\n \"\n *ngIf=\"hasExpand\"\n (click)=\"toggleExpand()\"\n ></em>\n <span class=\"ellipsis\" *ngIf=\"!expanded && !node.startTag\">...</span>\n <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n <li class=\"tree-view-prop\" *ngFor=\"let child of node.children\">\n <span class=\"prop-name\">{{ child.startTag }}</span>\n <span *ngIf=\"child.isPrimitive\" [ngClass]=\"child.nodeType\">{{\n child.value\n }}</span>\n <ng-container *ngIf=\"child.isComplex\">\n <tree-view-node\n [node]=\"child\"\n [hasExpand]=\"true\"\n #node\n ></tree-view-node>\n </ng-container>\n <span class=\"prop-name\">{{ child.endTag }}</span>\n </li>\n </ul>\n </span>\n</ng-template>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"] }]
|
|
482
|
+
args: [{ selector: 'tree-view-node', template: "<span class=\"tree-view-node\">\n <span class=\"bracket\">{{ node.brackets?.inside }}</span>\n <ng-container\n *ngIf=\"node.isPrimitive; then primitiveNode; else baseNode\"\n ></ng-container>\n <span class=\"bracket\">{{ node.brackets?.outside }}</span>\n</span>\n\n<ng-template #primitiveNode>\n <span class=\"tree-view-prop\">\n {{ node.startTag }}\n <span [ngClass]=\"node.nodeType\">\n {{ node.value }}\n </span>\n {{ node.endTag }}\n </span>\n</ng-template>\n\n<ng-template #baseNode>\n <span>\n <em\n [ngClass]=\"\n expanded\n ? 'fa fa-caret-down node-toggler'\n : 'fa fa-caret-right node-toggler'\n \"\n *ngIf=\"hasExpand\"\n (click)=\"toggleExpand()\"\n ></em>\n <span class=\"ellipsis\" *ngIf=\"!expanded && !node.startTag\">...</span>\n <ul [ngClass]=\"!expanded ? 'hidden' : ''\">\n <li class=\"tree-view-prop\" *ngFor=\"let child of node.children\">\n <span class=\"prop-name\">{{ child.startTag }}</span>\n <span *ngIf=\"child.isPrimitive\" [ngClass]=\"child.nodeType\">{{\n child.value\n }}</span>\n <ng-container *ngIf=\"child.isComplex\">\n <tree-view-node\n [node]=\"child\"\n [hasExpand]=\"true\"\n #node\n ></tree-view-node>\n </ng-container>\n <span class=\"prop-name\">{{ child.endTag }}</span>\n </li>\n </ul>\n </span>\n</ng-template>\n", styles: ["*{font-size:14px}li{position:relative}.prop-name{color:#555;font-weight:700}.tree-view-prop{list-style-type:none;margin:4px 0;word-wrap:break-word}.tree-view-prop{position:relative;padding-left:20px}.tree-view-prop .number{color:#00f}.tree-view-prop .string{color:green}\n"] }]
|
|
483
483
|
}], propDecorators: { treeViewProps: [{
|
|
484
484
|
type: ViewChildren,
|
|
485
485
|
args: ['node']
|