ngx-tethys 20.0.1 → 20.0.2

package/fesm2022/ngx-tethys-tree.mjs

@@ -42,6 +42,7 @@ class ThyTreeNode {
         else if (this.parentNode) {
             return this.parentNode.treeService;
         }
+        return;
     }
     constructor(node, parent = null, service) {
         this.level = 0;
@@ -88,17 +89,17 @@ class ThyTreeNode {
     }
     setExpanded(expanded, propagate = false) {
         this._setExpanded(expanded, propagate);
-        this.treeService.syncFlattenTreeNodes();
+        this.treeService?.syncFlattenTreeNodes();
     }
     setLoading(loading) {
         this.isLoading = loading;
-        this.treeService.syncFlattenTreeNodes();
+        this.treeService?.syncFlattenTreeNodes();
     }
     setChecked(checked, propagateUp = true, propagateDown = true) {
-        this.treeService.setNodeChecked(this, checked, propagateUp, propagateDown);
+        this.treeService?.setNodeChecked(this, checked, propagateUp, propagateDown);
     }
     syncNodeCheckState() {
-        this.treeService.syncNodeCheckState(this);
+        this.treeService?.syncNodeCheckState(this);
     }
     getParentNode() {
         return this.parentNode;
@@ -118,7 +119,7 @@ class ThyTreeNode {
         });
         this.origin.children = this.getChildren().map(n => n.origin);
         this.setLoading(false);
-        this.treeService.statusChange$.next({
+        this.treeService?.statusChange$?.next({
             eventName: 'addChildren',
             node: this
         });
@@ -155,7 +156,7 @@ class ThyTreeService {
     }
     initializeTreeNodes(rootNodes) {
         this.originTreeNodes = rootNodes || [];
-        this.treeNodes = (rootNodes || []).map(node => new ThyTreeNode(node, null, this));
+        this.treeNodes = (rootNodes || []).map(node => new ThyTreeNode(node, undefined, this));
     }
     syncFlattenTreeNodes() {
         this.flattenTreeNodes.set(this.getParallelTreeNodes(this.treeNodes, false));
@@ -296,10 +297,10 @@ class ThyTreeService {
         this.statusChange$.complete();
         this.statusChange$ = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTreeService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTreeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTreeService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTreeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTreeService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -315,7 +316,7 @@ class ThyTreeNodeComponent {
         /**
          * node 节点展现所需的数据
          */
-        this.node = input(null, ...(ngDevMode ? [{ debugName: "node" }] : []));
+        this.node = input.required(...(ngDevMode ? [{ debugName: "node" }] : []));
         /**
          * 设置 TreeNode 是否支持异步加载
          */
@@ -336,7 +337,7 @@ class ThyTreeNodeComponent {
          * 点击节点的行为，`default` 为选中当前节点，`selectCheckbox` 为选中节点的 Checkbox， `thyCheckable` 为 true 时生效。
          * @default default
          */
-        this.thyClickBehavior = input(undefined, ...(ngDevMode ? [{ debugName: "thyClickBehavior" }] : []));
+        this.thyClickBehavior = input(...(ngDevMode ? [undefined, { debugName: "thyClickBehavior" }] : []));
         /**
          * 设置节点名称是否支持超出截取
          * @default false
@@ -465,16 +466,16 @@ class ThyTreeNodeComponent {
     isShowExpand(node) {
         return this.root.isShowExpand(node);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ThyTreeNodeComponent, isStandalone: true, selector: "thy-tree-node", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null }, thyAsync: { classPropertyName: "thyAsync", publicName: "thyAsync", isSignal: true, isRequired: false, transformFunction: null }, thyMultiple: { classPropertyName: "thyMultiple", publicName: "thyMultiple", isSignal: true, isRequired: false, transformFunction: null }, thyDraggable: { classPropertyName: "thyDraggable", publicName: "thyDraggable", isSignal: true, isRequired: false, transformFunction: null }, thyCheckable: { classPropertyName: "thyCheckable", publicName: "thyCheckable", isSignal: true, isRequired: false, transformFunction: null }, thyClickBehavior: { classPropertyName: "thyClickBehavior", publicName: "thyClickBehavior", isSignal: true, isRequired: false, transformFunction: null }, thyTitleTruncate: { classPropertyName: "thyTitleTruncate", publicName: "thyTitleTruncate", isSignal: true, isRequired: false, transformFunction: null }, templateRef: { classPropertyName: "templateRef", publicName: "templateRef", isSignal: true, isRequired: false, transformFunction: null }, emptyChildrenTemplateRef: { classPropertyName: "emptyChildrenTemplateRef", publicName: "emptyChildrenTemplateRef", isSignal: true, isRequired: false, transformFunction: null }, thyItemSize: { classPropertyName: "thyItemSize", publicName: "thyItemSize", isSignal: true, isRequired: false, transformFunction: null }, thyIndent: { classPropertyName: "thyIndent", publicName: "thyIndent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyOnClick: "thyOnClick", thyDblClick: "thyDblClick", thyOnExpandChange: "thyOnExpandChange", thyOnCheckboxChange: "thyOnCheckboxChange" }, host: { properties: { "class.thy-tree-node": "true", "class": "itemClass()" } }, queries: [{ propertyName: "childrenTreeTemplateRef", first: true, predicate: ["childrenTree"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "treeNodeWrapper", first: true, predicate: ["treeNodeWrapper"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  #treeNodeWrapper\n  class=\"thy-tree-node-wrapper\"\n  [class.active]=\"root.isSelected(node())\"\n  [class.disabled]=\"node().isDisabled\"\n  [class.expand]=\"node().children.length\"\n  [style.height]=\"thyItemSize() + 'px'\"\n  (click)=\"clickNode($event)\"\n  >\n  <span class=\"thy-tree-index\" [style.width.px]=\"node().level * thyIndent()\"></span>\n  <span  class=\"thy-tree-drag-icon\">\n    <thy-icon thyIconName=\"drag\"></thy-icon>\n  </span>\n  <span class=\"thy-tree-expand\" (click)=\"expandNode($event)\">\n    @if (isShowExpand(node())) {\n      @if ((node().children && node().children.length > 0) || thyAsync() || emptyChildrenTemplateRef()) {\n        @if (root.icons()?.expand && root.icons()?.collapse) {\n          <thy-icon\n            class=\"thy-tree-expand-icon\"\n            [thyIconName]=\"node().isExpanded ? root.icons().expand : root.icons().collapse\"\n          ></thy-icon>\n        } @else {\n          <thy-icon class=\"thy-tree-expand-icon\" [class.collapse]=\"!node().isExpanded\" thyIconName=\"caret-right-down\"></thy-icon>\n        }\n      }\n    }\n  </span>\n\n  <span class=\"thy-tree-node-content\" (dblclick)=\"dbClickNode($event)\">\n    @if (thyCheckable()) {\n      <input\n        type=\"checkbox\"\n        class=\"thy-tree-node-check\"\n        [class.form-check-indeterminate]=\"node().isChecked === checkState.indeterminate\"\n        [class.form-unchecked]=\"node().isChecked === checkState.unchecked\"\n        [checked]=\"node().isChecked === checkState.checked\"\n        [disabled]=\"node().isDisabled\"\n        (click)=\"clickNodeCheck($event)\"\n        />\n    }\n    @if (!templateRef()) {\n      @if (nodeIcon()) {\n        <span class=\"thy-tree-node-icon\"> <i [ngClass]=\"nodeIcon()\" [ngStyle]=\"nodeIconStyle()\"></i></span>\n      }\n      <span [title]=\"node().title\" class=\"thy-tree-node-title\" [class.truncate]=\"thyTitleTruncate()\"> {{ node().title }}</span>\n    }\n    @if (templateRef()) {\n      <ng-template\n        [ngTemplateOutlet]=\"templateRef()\"\n        [ngTemplateOutletContext]=\"{ $implicit: node(), node: node(), origin: node()?.origin }\"\n      ></ng-template>\n    }\n  </span>\n</div>\n@if (thyAsync()) {\n  @if (node().isLoading) {\n    <thy-loading [thyDone]=\"!node().isLoading\"></thy-loading>\n  }\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyLoading, selector: "thy-loading", inputs: ["thyDone", "thyTip", "thyIsMask"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTreeNodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ThyTreeNodeComponent, isStandalone: true, selector: "thy-tree-node", inputs: { node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: true, transformFunction: null }, thyAsync: { classPropertyName: "thyAsync", publicName: "thyAsync", isSignal: true, isRequired: false, transformFunction: null }, thyMultiple: { classPropertyName: "thyMultiple", publicName: "thyMultiple", isSignal: true, isRequired: false, transformFunction: null }, thyDraggable: { classPropertyName: "thyDraggable", publicName: "thyDraggable", isSignal: true, isRequired: false, transformFunction: null }, thyCheckable: { classPropertyName: "thyCheckable", publicName: "thyCheckable", isSignal: true, isRequired: false, transformFunction: null }, thyClickBehavior: { classPropertyName: "thyClickBehavior", publicName: "thyClickBehavior", isSignal: true, isRequired: false, transformFunction: null }, thyTitleTruncate: { classPropertyName: "thyTitleTruncate", publicName: "thyTitleTruncate", isSignal: true, isRequired: false, transformFunction: null }, templateRef: { classPropertyName: "templateRef", publicName: "templateRef", isSignal: true, isRequired: false, transformFunction: null }, emptyChildrenTemplateRef: { classPropertyName: "emptyChildrenTemplateRef", publicName: "emptyChildrenTemplateRef", isSignal: true, isRequired: false, transformFunction: null }, thyItemSize: { classPropertyName: "thyItemSize", publicName: "thyItemSize", isSignal: true, isRequired: false, transformFunction: null }, thyIndent: { classPropertyName: "thyIndent", publicName: "thyIndent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyOnClick: "thyOnClick", thyDblClick: "thyDblClick", thyOnExpandChange: "thyOnExpandChange", thyOnCheckboxChange: "thyOnCheckboxChange" }, host: { properties: { "class.thy-tree-node": "true", "class": "itemClass()" } }, queries: [{ propertyName: "childrenTreeTemplateRef", first: true, predicate: ["childrenTree"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "treeNodeWrapper", first: true, predicate: ["treeNodeWrapper"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  #treeNodeWrapper\n  class=\"thy-tree-node-wrapper\"\n  [class.active]=\"root.isSelected(node())\"\n  [class.disabled]=\"node().isDisabled\"\n  [class.expand]=\"node().children.length\"\n  [style.height]=\"thyItemSize() + 'px'\"\n  (click)=\"clickNode($event)\">\n  <span class=\"thy-tree-index\" [style.width.px]=\"node().level * thyIndent()\"></span>\n  <span class=\"thy-tree-drag-icon\">\n    <thy-icon thyIconName=\"drag\"></thy-icon>\n  </span>\n  <span class=\"thy-tree-expand\" (click)=\"expandNode($event)\">\n    @if (isShowExpand(node())) {\n      @if ((node().children && node().children.length > 0) || thyAsync() || emptyChildrenTemplateRef()) {\n        @if (root.icons()?.expand && root.icons()?.collapse) {\n          <thy-icon class=\"thy-tree-expand-icon\" [thyIconName]=\"node().isExpanded ? root.icons().expand : root.icons().collapse\"></thy-icon>\n        } @else {\n          <thy-icon class=\"thy-tree-expand-icon\" [class.collapse]=\"!node().isExpanded\" thyIconName=\"caret-right-down\"></thy-icon>\n        }\n      }\n    }\n  </span>\n\n  <span class=\"thy-tree-node-content\" (dblclick)=\"dbClickNode($event)\">\n    @if (thyCheckable()) {\n      <input\n        type=\"checkbox\"\n        class=\"thy-tree-node-check\"\n        [class.form-check-indeterminate]=\"node().isChecked === checkState.indeterminate\"\n        [class.form-unchecked]=\"node().isChecked === checkState.unchecked\"\n        [checked]=\"node().isChecked === checkState.checked\"\n        [disabled]=\"node().isDisabled\"\n        (click)=\"clickNodeCheck($event)\" />\n    }\n    @if (!templateRef()) {\n      @if (nodeIcon()) {\n        <span class=\"thy-tree-node-icon\"> <i [ngClass]=\"nodeIcon()\" [ngStyle]=\"nodeIconStyle()\"></i></span>\n      }\n      <span [title]=\"node().title\" class=\"thy-tree-node-title\" [class.truncate]=\"thyTitleTruncate()\"> {{ node().title }}</span>\n    }\n    @if (templateRef()) {\n      <ng-template\n        [ngTemplateOutlet]=\"templateRef()\"\n        [ngTemplateOutletContext]=\"{ $implicit: node(), node: node(), origin: node()?.origin }\"></ng-template>\n    }\n  </span>\n</div>\n@if (thyAsync()) {\n  @if (node().isLoading) {\n    <thy-loading [thyDone]=\"!node().isLoading\"></thy-loading>\n  }\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyLoading, selector: "thy-loading", inputs: ["thyDone", "thyTip", "thyIsMask"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTreeNodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTreeNodeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-tree-node', encapsulation: ViewEncapsulation.None, imports: [ThyIcon, NgClass, NgStyle, NgTemplateOutlet, ThyLoading], host: {
+            args: [{ selector: 'thy-tree-node', standalone: true, encapsulation: ViewEncapsulation.None, imports: [ThyIcon, NgClass, NgStyle, NgTemplateOutlet, ThyLoading], host: {
                         '[class.thy-tree-node]': 'true',
                         '[class]': 'itemClass()'
-                    }, template: "<div\n  #treeNodeWrapper\n  class=\"thy-tree-node-wrapper\"\n  [class.active]=\"root.isSelected(node())\"\n  [class.disabled]=\"node().isDisabled\"\n  [class.expand]=\"node().children.length\"\n  [style.height]=\"thyItemSize() + 'px'\"\n  (click)=\"clickNode($event)\"\n  >\n  <span class=\"thy-tree-index\" [style.width.px]=\"node().level * thyIndent()\"></span>\n  <span  class=\"thy-tree-drag-icon\">\n    <thy-icon thyIconName=\"drag\"></thy-icon>\n  </span>\n  <span class=\"thy-tree-expand\" (click)=\"expandNode($event)\">\n    @if (isShowExpand(node())) {\n      @if ((node().children && node().children.length > 0) || thyAsync() || emptyChildrenTemplateRef()) {\n        @if (root.icons()?.expand && root.icons()?.collapse) {\n          <thy-icon\n            class=\"thy-tree-expand-icon\"\n            [thyIconName]=\"node().isExpanded ? root.icons().expand : root.icons().collapse\"\n          ></thy-icon>\n        } @else {\n          <thy-icon class=\"thy-tree-expand-icon\" [class.collapse]=\"!node().isExpanded\" thyIconName=\"caret-right-down\"></thy-icon>\n        }\n      }\n    }\n  </span>\n\n  <span class=\"thy-tree-node-content\" (dblclick)=\"dbClickNode($event)\">\n    @if (thyCheckable()) {\n      <input\n        type=\"checkbox\"\n        class=\"thy-tree-node-check\"\n        [class.form-check-indeterminate]=\"node().isChecked === checkState.indeterminate\"\n        [class.form-unchecked]=\"node().isChecked === checkState.unchecked\"\n        [checked]=\"node().isChecked === checkState.checked\"\n        [disabled]=\"node().isDisabled\"\n        (click)=\"clickNodeCheck($event)\"\n        />\n    }\n    @if (!templateRef()) {\n      @if (nodeIcon()) {\n        <span class=\"thy-tree-node-icon\"> <i [ngClass]=\"nodeIcon()\" [ngStyle]=\"nodeIconStyle()\"></i></span>\n      }\n      <span [title]=\"node().title\" class=\"thy-tree-node-title\" [class.truncate]=\"thyTitleTruncate()\"> {{ node().title }}</span>\n    }\n    @if (templateRef()) {\n      <ng-template\n        [ngTemplateOutlet]=\"templateRef()\"\n        [ngTemplateOutletContext]=\"{ $implicit: node(), node: node(), origin: node()?.origin }\"\n      ></ng-template>\n    }\n  </span>\n</div>\n@if (thyAsync()) {\n  @if (node().isLoading) {\n    <thy-loading [thyDone]=\"!node().isLoading\"></thy-loading>\n  }\n}\n" }]
-        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], thyAsync: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAsync", required: false }] }], thyMultiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMultiple", required: false }] }], thyDraggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDraggable", required: false }] }], thyCheckable: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyCheckable", required: false }] }], thyClickBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyClickBehavior", required: false }] }], thyTitleTruncate: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTitleTruncate", required: false }] }], templateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateRef", required: false }] }], emptyChildrenTemplateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyChildrenTemplateRef", required: false }] }], thyOnClick: [{ type: i0.Output, args: ["thyOnClick"] }], thyDblClick: [{ type: i0.Output, args: ["thyDblClick"] }], thyOnExpandChange: [{ type: i0.Output, args: ["thyOnExpandChange"] }], thyOnCheckboxChange: [{ type: i0.Output, args: ["thyOnCheckboxChange"] }], childrenTreeTemplateRef: [{ type: i0.ContentChild, args: ['childrenTree', { isSignal: true }] }], treeNodeWrapper: [{ type: i0.ViewChild, args: ['treeNodeWrapper', { isSignal: true }] }], thyItemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyItemSize", required: false }] }], thyIndent: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIndent", required: false }] }] } });
+                    }, template: "<div\n  #treeNodeWrapper\n  class=\"thy-tree-node-wrapper\"\n  [class.active]=\"root.isSelected(node())\"\n  [class.disabled]=\"node().isDisabled\"\n  [class.expand]=\"node().children.length\"\n  [style.height]=\"thyItemSize() + 'px'\"\n  (click)=\"clickNode($event)\">\n  <span class=\"thy-tree-index\" [style.width.px]=\"node().level * thyIndent()\"></span>\n  <span class=\"thy-tree-drag-icon\">\n    <thy-icon thyIconName=\"drag\"></thy-icon>\n  </span>\n  <span class=\"thy-tree-expand\" (click)=\"expandNode($event)\">\n    @if (isShowExpand(node())) {\n      @if ((node().children && node().children.length > 0) || thyAsync() || emptyChildrenTemplateRef()) {\n        @if (root.icons()?.expand && root.icons()?.collapse) {\n          <thy-icon class=\"thy-tree-expand-icon\" [thyIconName]=\"node().isExpanded ? root.icons().expand : root.icons().collapse\"></thy-icon>\n        } @else {\n          <thy-icon class=\"thy-tree-expand-icon\" [class.collapse]=\"!node().isExpanded\" thyIconName=\"caret-right-down\"></thy-icon>\n        }\n      }\n    }\n  </span>\n\n  <span class=\"thy-tree-node-content\" (dblclick)=\"dbClickNode($event)\">\n    @if (thyCheckable()) {\n      <input\n        type=\"checkbox\"\n        class=\"thy-tree-node-check\"\n        [class.form-check-indeterminate]=\"node().isChecked === checkState.indeterminate\"\n        [class.form-unchecked]=\"node().isChecked === checkState.unchecked\"\n        [checked]=\"node().isChecked === checkState.checked\"\n        [disabled]=\"node().isDisabled\"\n        (click)=\"clickNodeCheck($event)\" />\n    }\n    @if (!templateRef()) {\n      @if (nodeIcon()) {\n        <span class=\"thy-tree-node-icon\"> <i [ngClass]=\"nodeIcon()\" [ngStyle]=\"nodeIconStyle()\"></i></span>\n      }\n      <span [title]=\"node().title\" class=\"thy-tree-node-title\" [class.truncate]=\"thyTitleTruncate()\"> {{ node().title }}</span>\n    }\n    @if (templateRef()) {\n      <ng-template\n        [ngTemplateOutlet]=\"templateRef()\"\n        [ngTemplateOutletContext]=\"{ $implicit: node(), node: node(), origin: node()?.origin }\"></ng-template>\n    }\n  </span>\n</div>\n@if (thyAsync()) {\n  @if (node().isLoading) {\n    <thy-loading [thyDone]=\"!node().isLoading\"></thy-loading>\n  }\n}\n" }]
+        }], propDecorators: { node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: true }] }], thyAsync: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAsync", required: false }] }], thyMultiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMultiple", required: false }] }], thyDraggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDraggable", required: false }] }], thyCheckable: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyCheckable", required: false }] }], thyClickBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyClickBehavior", required: false }] }], thyTitleTruncate: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTitleTruncate", required: false }] }], templateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateRef", required: false }] }], emptyChildrenTemplateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyChildrenTemplateRef", required: false }] }], thyOnClick: [{ type: i0.Output, args: ["thyOnClick"] }], thyDblClick: [{ type: i0.Output, args: ["thyDblClick"] }], thyOnExpandChange: [{ type: i0.Output, args: ["thyOnExpandChange"] }], thyOnCheckboxChange: [{ type: i0.Output, args: ["thyOnCheckboxChange"] }], childrenTreeTemplateRef: [{ type: i0.ContentChild, args: ['childrenTree', { isSignal: true }] }], treeNodeWrapper: [{ type: i0.ViewChild, args: ['treeNodeWrapper', { isSignal: true }] }], thyItemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyItemSize", required: false }] }], thyIndent: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIndent", required: false }] }] } });
 
 /**
  * @private
@@ -489,13 +490,14 @@ class ThyTreeNodeDraggablePipe {
             return true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTreeNodeDraggablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.14", ngImport: i0, type: ThyTreeNodeDraggablePipe, isStandalone: true, name: "treeNodeDraggable" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTreeNodeDraggablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: ThyTreeNodeDraggablePipe, isStandalone: true, name: "treeNodeDraggable" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTreeNodeDraggablePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTreeNodeDraggablePipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'treeNodeDraggable'
+                    name: 'treeNodeDraggable',
+                    standalone: true
                 }]
         }] });
 
@@ -525,6 +527,9 @@ class ThyTree {
         // 缓存 Element 和 DragRef 的关系，方便在 Item 拖动时查找
         this.nodeDragsMap = new Map();
         this.nodeDragMoved = new Subject();
+        this.startDragNodeClone = null;
+        // Node 拖动经过目标时临时记录目标id以及相对应目标的位置
+        this.nodeDropTarget = null;
         this.dropEnterPredicate = context => {
             return (this.isShowExpand(context.target) || (!this.isShowExpand(context.target) && context.dropPosition !== ThyTreeDropPosition.in));
         };
@@ -537,7 +542,7 @@ class ThyTree {
          * TreeNode 展现所需的数据
          * @type ThyTreeNodeData[]
          */
-        this.thyNodes = model(undefined, ...(ngDevMode ? [{ debugName: "thyNodes" }] : []));
+        this.thyNodes = model(...(ngDevMode ? [undefined, { debugName: "thyNodes" }] : []));
         /**
          * 设置 TreeNode 是否支持展开
          * @type boolean | Function
@@ -635,11 +640,11 @@ class ThyTree {
          * 已选中的 node 节点集合
          * @default []
          */
-        this.thySelectedKeys = input(undefined, ...(ngDevMode ? [{ debugName: "thySelectedKeys" }] : []));
+        this.thySelectedKeys = input(...(ngDevMode ? [undefined, { debugName: "thySelectedKeys" }] : []));
         /**
          * 展开指定的树节点
          */
-        this.thyExpandedKeys = input(undefined, ...(ngDevMode ? [{ debugName: "thyExpandedKeys" }] : []));
+        this.thyExpandedKeys = input(...(ngDevMode ? [undefined, { debugName: "thyExpandedKeys" }] : []));
         /**
          * 是否展开所有树节点
          */
@@ -652,11 +657,11 @@ class ThyTree {
         /**
          * 拖拽之前的回调，函数返回 false 则阻止拖拽
          */
-        this.thyBeforeDragStart = input(undefined, ...(ngDevMode ? [{ debugName: "thyBeforeDragStart" }] : []));
+        this.thyBeforeDragStart = input(...(ngDevMode ? [undefined, { debugName: "thyBeforeDragStart" }] : []));
         /**
          * 拖放到元素时回调，函数返回 false 则阻止拖放到当前元素
          */
-        this.thyBeforeDragDrop = input(undefined, ...(ngDevMode ? [{ debugName: "thyBeforeDragDrop" }] : []));
+        this.thyBeforeDragDrop = input(...(ngDevMode ? [undefined, { debugName: "thyBeforeDragDrop" }] : []));
         /**
          * 设置子 TreeNode 点击事件
          */
@@ -823,12 +828,12 @@ class ThyTree {
     }
     onDragMoved(event) {
         // 通过鼠标位置查找对应的目标 Item 元素
-        let currentPointElement = this.document.elementFromPoint(event.pointerPosition.x, event.pointerPosition.y);
+        const currentPointElement = this.document.elementFromPoint(event.pointerPosition.x, event.pointerPosition.y);
         if (!currentPointElement) {
             this.cleanupDragArtifacts();
             return;
         }
-        let targetElement = currentPointElement.classList.contains('thy-tree-node')
+        const targetElement = currentPointElement.classList.contains('thy-tree-node')
             ? currentPointElement
             : currentPointElement.closest('.thy-tree-node');
         if (!targetElement) {
@@ -877,7 +882,7 @@ class ThyTree {
         }
         const sourceNode = this.startDragNodeClone;
         const sourceNodeParent = sourceNode.parentNode;
-        const targetDragRef = this.cdkDrags().find(item => item.data?.key === this.nodeDropTarget.key);
+        const targetDragRef = this.cdkDrags().find(item => item.data?.key === this.nodeDropTarget?.key);
         const targetNode = targetDragRef?.data;
         const targetNodeParent = targetNode.parentNode;
         const beforeDragDropContext = {
@@ -894,21 +899,23 @@ class ThyTree {
         }
         this.thyTreeService.deleteTreeNode(sourceNode);
         switch (this.nodeDropTarget.position) {
-            case 'before':
+            case 'before': {
                 const beforeInsertIndex = (targetNodeParent?.children || this.treeNodes).indexOf(targetNode);
                 this.thyTreeService.addTreeNode(sourceNode, targetNodeParent, beforeInsertIndex);
                 break;
-            case 'after':
+            }
+            case 'after': {
                 const afterInsertIndex = (targetNodeParent?.children || this.treeNodes).indexOf(targetNode) + 1;
                 this.thyTreeService.addTreeNode(sourceNode, targetNodeParent, afterInsertIndex);
                 break;
+            }
             case 'in':
                 this.thyTreeService.addTreeNode(sourceNode, targetNode);
                 break;
         }
         this.thyTreeService.syncFlattenTreeNodes();
-        let after = null;
-        let targe = null;
+        let after = undefined;
+        let targe = undefined;
         if (beforeDragDropContext.position === ThyTreeDropPosition.before) {
             const targetContainerNodes = targetNodeParent?.children || this.treeNodes;
             after = targetContainerNodes[targetContainerNodes.indexOf(targetNode) - 2];
@@ -981,7 +988,7 @@ class ThyTree {
         return this.thyTreeService.getCheckedNodes();
     }
     addTreeNode(node, parent, index = -1) {
-        this.thyTreeService.addTreeNode(new ThyTreeNode(node, null, this.thyTreeService), parent, index);
+        this.thyTreeService.addTreeNode(new ThyTreeNode(node, undefined, this.thyTreeService), parent, index);
         this.thyTreeService.syncFlattenTreeNodes();
     }
     deleteTreeNode(node) {
@@ -999,8 +1006,8 @@ class ThyTree {
         const nodes = this.treeNodes;
         nodes.forEach(n => n.setExpanded(false, true));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTree, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ThyTree, isStandalone: true, selector: "thy-tree", inputs: { thyNodes: { classPropertyName: "thyNodes", publicName: "thyNodes", isSignal: true, isRequired: false, transformFunction: null }, thyShowExpand: { classPropertyName: "thyShowExpand", publicName: "thyShowExpand", isSignal: true, isRequired: false, transformFunction: null }, thyMultiple: { classPropertyName: "thyMultiple", publicName: "thyMultiple", isSignal: true, isRequired: false, transformFunction: null }, thyDraggable: { classPropertyName: "thyDraggable", publicName: "thyDraggable", isSignal: true, isRequired: false, transformFunction: null }, thyCheckable: { classPropertyName: "thyCheckable", publicName: "thyCheckable", isSignal: true, isRequired: false, transformFunction: null }, thyClickBehavior: { classPropertyName: "thyClickBehavior", publicName: "thyClickBehavior", isSignal: true, isRequired: false, transformFunction: null }, thyCheckStateResolve: { classPropertyName: "thyCheckStateResolve", publicName: "thyCheckStateResolve", isSignal: true, isRequired: false, transformFunction: null }, thyAsync: { classPropertyName: "thyAsync", publicName: "thyAsync", isSignal: true, isRequired: false, transformFunction: null }, thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyIcons: { classPropertyName: "thyIcons", publicName: "thyIcons", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyVirtualScroll: { classPropertyName: "thyVirtualScroll", publicName: "thyVirtualScroll", isSignal: true, isRequired: false, transformFunction: null }, thyItemSize: { classPropertyName: "thyItemSize", publicName: "thyItemSize", isSignal: true, isRequired: false, transformFunction: null }, thyTitleTruncate: { classPropertyName: "thyTitleTruncate", publicName: "thyTitleTruncate", isSignal: true, isRequired: false, transformFunction: null }, thySelectedKeys: { classPropertyName: "thySelectedKeys", publicName: "thySelectedKeys", isSignal: true, isRequired: false, transformFunction: null }, thyExpandedKeys: { classPropertyName: "thyExpandedKeys", publicName: "thyExpandedKeys", isSignal: true, isRequired: false, transformFunction: null }, thyExpandAll: { classPropertyName: "thyExpandAll", publicName: "thyExpandAll", isSignal: true, isRequired: false, transformFunction: null }, thyIndent: { classPropertyName: "thyIndent", publicName: "thyIndent", isSignal: true, isRequired: false, transformFunction: null }, thyBeforeDragStart: { classPropertyName: "thyBeforeDragStart", publicName: "thyBeforeDragStart", isSignal: true, isRequired: false, transformFunction: null }, thyBeforeDragDrop: { classPropertyName: "thyBeforeDragDrop", publicName: "thyBeforeDragDrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyNodes: "thyNodesChange", thyOnClick: "thyOnClick", thyOnCheckboxChange: "thyOnCheckboxChange", thyOnExpandChange: "thyOnExpandChange", thyOnDragDrop: "thyOnDragDrop", thyDblClick: "thyDblClick" }, host: { properties: { "class.thy-multiple-selection-list": "thyMultiple()", "class.thy-virtual-scrolling-tree": "thyVirtualScroll()", "class.thy-tree-draggable": "thyDraggable()", "class.thy-tree-dragging": "dragging()" }, classAttribute: "thy-tree" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTree, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ThyTree, isStandalone: true, selector: "thy-tree", inputs: { thyNodes: { classPropertyName: "thyNodes", publicName: "thyNodes", isSignal: true, isRequired: false, transformFunction: null }, thyShowExpand: { classPropertyName: "thyShowExpand", publicName: "thyShowExpand", isSignal: true, isRequired: false, transformFunction: null }, thyMultiple: { classPropertyName: "thyMultiple", publicName: "thyMultiple", isSignal: true, isRequired: false, transformFunction: null }, thyDraggable: { classPropertyName: "thyDraggable", publicName: "thyDraggable", isSignal: true, isRequired: false, transformFunction: null }, thyCheckable: { classPropertyName: "thyCheckable", publicName: "thyCheckable", isSignal: true, isRequired: false, transformFunction: null }, thyClickBehavior: { classPropertyName: "thyClickBehavior", publicName: "thyClickBehavior", isSignal: true, isRequired: false, transformFunction: null }, thyCheckStateResolve: { classPropertyName: "thyCheckStateResolve", publicName: "thyCheckStateResolve", isSignal: true, isRequired: false, transformFunction: null }, thyAsync: { classPropertyName: "thyAsync", publicName: "thyAsync", isSignal: true, isRequired: false, transformFunction: null }, thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyIcons: { classPropertyName: "thyIcons", publicName: "thyIcons", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyVirtualScroll: { classPropertyName: "thyVirtualScroll", publicName: "thyVirtualScroll", isSignal: true, isRequired: false, transformFunction: null }, thyItemSize: { classPropertyName: "thyItemSize", publicName: "thyItemSize", isSignal: true, isRequired: false, transformFunction: null }, thyTitleTruncate: { classPropertyName: "thyTitleTruncate", publicName: "thyTitleTruncate", isSignal: true, isRequired: false, transformFunction: null }, thySelectedKeys: { classPropertyName: "thySelectedKeys", publicName: "thySelectedKeys", isSignal: true, isRequired: false, transformFunction: null }, thyExpandedKeys: { classPropertyName: "thyExpandedKeys", publicName: "thyExpandedKeys", isSignal: true, isRequired: false, transformFunction: null }, thyExpandAll: { classPropertyName: "thyExpandAll", publicName: "thyExpandAll", isSignal: true, isRequired: false, transformFunction: null }, thyIndent: { classPropertyName: "thyIndent", publicName: "thyIndent", isSignal: true, isRequired: false, transformFunction: null }, thyBeforeDragStart: { classPropertyName: "thyBeforeDragStart", publicName: "thyBeforeDragStart", isSignal: true, isRequired: false, transformFunction: null }, thyBeforeDragDrop: { classPropertyName: "thyBeforeDragDrop", publicName: "thyBeforeDragDrop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyNodes: "thyNodesChange", thyOnClick: "thyOnClick", thyOnCheckboxChange: "thyOnCheckboxChange", thyOnExpandChange: "thyOnExpandChange", thyOnDragDrop: "thyOnDragDrop", thyDblClick: "thyDblClick" }, host: { properties: { "class.thy-multiple-selection-list": "thyMultiple()", "class.thy-virtual-scrolling-tree": "thyVirtualScroll()", "class.thy-tree-draggable": "thyDraggable()", "class.thy-tree-dragging": "dragging()" }, classAttribute: "thy-tree" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThyTree),
@@ -1011,9 +1018,9 @@ class ThyTree {
                 useExisting: forwardRef(() => ThyTree)
             },
             ThyTreeService
-        ], queries: [{ propertyName: "templateRef", first: true, predicate: ["treeNodeTemplate"], descendants: true, isSignal: true }, { propertyName: "emptyChildrenTemplate", first: true, predicate: ["emptyChildrenTemplate"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "viewport", first: true, predicate: ["viewport"], descendants: true, isSignal: true }, { propertyName: "cdkDrags", predicate: CdkDrag, descendants: true, isSignal: true }], ngImport: i0, template: "@let flattenTreeNodesValue = flattenTreeNodes();\n@let draggable = thyDraggable();\n@let async = thyAsync();\n@let checkable = thyCheckable();\n@let multiple = thyMultiple();\n@let titleTruncate = thyTitleTruncate();\n@let indent = thyIndent();\n@let clickBehavior = thyClickBehavior();\n\n@if (thyVirtualScroll()) {\n  <cdk-virtual-scroll-viewport\n    #viewport\n    [itemSize]=\"itemSize()\"\n    [style.height]=\"'100%'\"\n    cdkDropList\n    [cdkDropListAutoScrollStep]=\"6\"\n    [cdkDropListData]=\"flattenTreeNodesValue\"\n    [cdkDropListSortingDisabled]=\"true\"\n    (cdkDropListDropped)=\"onListDropped($event)\"\n    >\n    <div class=\"virtual-trees-container\">\n      <thy-tree-node\n        *cdkVirtualFor=\"let node of flattenTreeNodesValue; trackBy: trackByFn; let i = index\"\n        cdkDrag\n        [cdkDragData]=\"node\"\n        [cdkDragDisabled]=\"!draggable || !(node | treeNodeDraggable : thyBeforeDragStart())\"\n        (cdkDragStarted)=\"onDragStarted($event)\"\n        (cdkDragEnded)=\"onDragEnded($event)\"\n        (cdkDragMoved)=\"emitDragMoved($event)\"\n        [node]=\"node\"\n        [templateRef]=\"templateRef()\"\n        [emptyChildrenTemplateRef]=\"emptyChildrenTemplate()\"\n        [thyAsync]=\"async\"\n        [thyDraggable]=\"draggable\"\n        [thyCheckable]=\"checkable\"\n        [thyMultiple]=\"multiple\"\n        [thyClickBehavior]=\"clickBehavior\"\n        [thyTitleTruncate]=\"titleTruncate\"\n        [thyItemSize]=\"itemSize()\"\n        [thyIndent]=\"indent\"\n        (thyOnClick)=\"thyOnClick.emit($event)\"\n        (thyDblClick)=\"thyDblClick.emit($event)\"\n        (thyOnExpandChange)=\"eventTriggerChanged($event)\"\n        (thyOnCheckboxChange)=\"eventTriggerChanged($event)\">\n      </thy-tree-node>\n    </div>\n  </cdk-virtual-scroll-viewport>\n}\n\n@if (!thyVirtualScroll()) {\n  <div\n    cdkDropList\n    [cdkDropListAutoScrollStep]=\"6\"\n    [cdkDropListData]=\"flattenTreeNodesValue\"\n    [cdkDropListSortingDisabled]=\"true\"\n    (cdkDropListDropped)=\"onListDropped($event)\">\n    @for (node of flattenTreeNodesValue; track trackByFn(i, node); let i = $index) {\n      <thy-tree-node\n        cdkDrag\n        [cdkDragData]=\"node\"\n        [cdkDragDisabled]=\"!draggable || !(node | treeNodeDraggable : thyBeforeDragStart())\"\n        (cdkDragStarted)=\"onDragStarted($event)\"\n        (cdkDragEnded)=\"onDragEnded($event)\"\n        (cdkDragMoved)=\"emitDragMoved($event)\"\n        [node]=\"node\"\n        [templateRef]=\"templateRef()\"\n        [emptyChildrenTemplateRef]=\"emptyChildrenTemplate()\"\n        [thyAsync]=\"async\"\n        [thyDraggable]=\"draggable\"\n        [thyCheckable]=\"checkable\"\n        [thyMultiple]=\"multiple\"\n        [thyTitleTruncate]=\"titleTruncate\"\n        [thyItemSize]=\"itemSize()\"\n        [thyClickBehavior]=\"clickBehavior\"\n        [thyIndent]=\"indent\"\n        (thyOnClick)=\"thyOnClick.emit($event)\"\n        (thyDblClick)=\"thyDblClick.emit($event)\"\n        (thyOnExpandChange)=\"eventTriggerChanged($event)\"\n        (thyOnCheckboxChange)=\"thyOnCheckboxChange.emit($event)\">\n      </thy-tree-node>\n    }\n  </div>\n}\n", dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: ThyTreeNodeComponent, selector: "thy-tree-node", inputs: ["node", "thyAsync", "thyMultiple", "thyDraggable", "thyCheckable", "thyClickBehavior", "thyTitleTruncate", "templateRef", "emptyChildrenTemplateRef", "thyItemSize", "thyIndent"], outputs: ["thyOnClick", "thyDblClick", "thyOnExpandChange", "thyOnCheckboxChange"] }, { kind: "pipe", type: ThyTreeNodeDraggablePipe, name: "treeNodeDraggable" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "templateRef", first: true, predicate: ["treeNodeTemplate"], descendants: true, isSignal: true }, { propertyName: "emptyChildrenTemplate", first: true, predicate: ["emptyChildrenTemplate"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "viewport", first: true, predicate: ["viewport"], descendants: true, isSignal: true }, { propertyName: "cdkDrags", predicate: CdkDrag, descendants: true, isSignal: true }], ngImport: i0, template: "@let flattenTreeNodesValue = flattenTreeNodes();\n@let draggable = thyDraggable();\n@let async = thyAsync();\n@let checkable = thyCheckable();\n@let multiple = thyMultiple();\n@let titleTruncate = thyTitleTruncate();\n@let indent = thyIndent();\n@let clickBehavior = thyClickBehavior();\n\n@if (thyVirtualScroll()) {\n  <cdk-virtual-scroll-viewport\n    #viewport\n    [itemSize]=\"itemSize()\"\n    [style.height]=\"'100%'\"\n    cdkDropList\n    [cdkDropListAutoScrollStep]=\"6\"\n    [cdkDropListData]=\"flattenTreeNodesValue\"\n    [cdkDropListSortingDisabled]=\"true\"\n    (cdkDropListDropped)=\"onListDropped($event)\">\n    <div class=\"virtual-trees-container\">\n      <thy-tree-node\n        *cdkVirtualFor=\"let node of flattenTreeNodesValue; trackBy: trackByFn; let i = index\"\n        cdkDrag\n        [cdkDragData]=\"node\"\n        [cdkDragDisabled]=\"!draggable || !(node | treeNodeDraggable: thyBeforeDragStart())\"\n        (cdkDragStarted)=\"onDragStarted($event)\"\n        (cdkDragEnded)=\"onDragEnded($event)\"\n        (cdkDragMoved)=\"emitDragMoved($event)\"\n        [node]=\"node\"\n        [templateRef]=\"templateRef()\"\n        [emptyChildrenTemplateRef]=\"emptyChildrenTemplate()\"\n        [thyAsync]=\"async\"\n        [thyDraggable]=\"draggable\"\n        [thyCheckable]=\"checkable\"\n        [thyMultiple]=\"multiple\"\n        [thyClickBehavior]=\"clickBehavior\"\n        [thyTitleTruncate]=\"titleTruncate\"\n        [thyItemSize]=\"itemSize()\"\n        [thyIndent]=\"indent\"\n        (thyOnClick)=\"thyOnClick.emit($event)\"\n        (thyDblClick)=\"thyDblClick.emit($event)\"\n        (thyOnExpandChange)=\"eventTriggerChanged($event)\"\n        (thyOnCheckboxChange)=\"eventTriggerChanged($event)\">\n      </thy-tree-node>\n    </div>\n  </cdk-virtual-scroll-viewport>\n}\n\n@if (!thyVirtualScroll()) {\n  <div\n    cdkDropList\n    [cdkDropListAutoScrollStep]=\"6\"\n    [cdkDropListData]=\"flattenTreeNodesValue\"\n    [cdkDropListSortingDisabled]=\"true\"\n    (cdkDropListDropped)=\"onListDropped($event)\">\n    @for (node of flattenTreeNodesValue; track trackByFn(i, node); let i = $index) {\n      <thy-tree-node\n        cdkDrag\n        [cdkDragData]=\"node\"\n        [cdkDragDisabled]=\"!draggable || !(node | treeNodeDraggable: thyBeforeDragStart())\"\n        (cdkDragStarted)=\"onDragStarted($event)\"\n        (cdkDragEnded)=\"onDragEnded($event)\"\n        (cdkDragMoved)=\"emitDragMoved($event)\"\n        [node]=\"node\"\n        [templateRef]=\"templateRef()\"\n        [emptyChildrenTemplateRef]=\"emptyChildrenTemplate()\"\n        [thyAsync]=\"async\"\n        [thyDraggable]=\"draggable\"\n        [thyCheckable]=\"checkable\"\n        [thyMultiple]=\"multiple\"\n        [thyTitleTruncate]=\"titleTruncate\"\n        [thyItemSize]=\"itemSize()\"\n        [thyClickBehavior]=\"clickBehavior\"\n        [thyIndent]=\"indent\"\n        (thyOnClick)=\"thyOnClick.emit($event)\"\n        (thyDblClick)=\"thyDblClick.emit($event)\"\n        (thyOnExpandChange)=\"eventTriggerChanged($event)\"\n        (thyOnCheckboxChange)=\"thyOnCheckboxChange.emit($event)\">\n      </thy-tree-node>\n    }\n  </div>\n}\n", dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: ThyTreeNodeComponent, selector: "thy-tree-node", inputs: ["node", "thyAsync", "thyMultiple", "thyDraggable", "thyCheckable", "thyClickBehavior", "thyTitleTruncate", "templateRef", "emptyChildrenTemplateRef", "thyItemSize", "thyIndent"], outputs: ["thyOnClick", "thyDblClick", "thyOnExpandChange", "thyOnCheckboxChange"] }, { kind: "pipe", type: ThyTreeNodeDraggablePipe, name: "treeNodeDraggable" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTree, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTree, decorators: [{
             type: Component,
             args: [{ selector: 'thy-tree', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'thy-tree',
@@ -1040,12 +1047,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         CdkVirtualForOf,
                         ThyTreeNodeComponent,
                         ThyTreeNodeDraggablePipe
-                    ], template: "@let flattenTreeNodesValue = flattenTreeNodes();\n@let draggable = thyDraggable();\n@let async = thyAsync();\n@let checkable = thyCheckable();\n@let multiple = thyMultiple();\n@let titleTruncate = thyTitleTruncate();\n@let indent = thyIndent();\n@let clickBehavior = thyClickBehavior();\n\n@if (thyVirtualScroll()) {\n  <cdk-virtual-scroll-viewport\n    #viewport\n    [itemSize]=\"itemSize()\"\n    [style.height]=\"'100%'\"\n    cdkDropList\n    [cdkDropListAutoScrollStep]=\"6\"\n    [cdkDropListData]=\"flattenTreeNodesValue\"\n    [cdkDropListSortingDisabled]=\"true\"\n    (cdkDropListDropped)=\"onListDropped($event)\"\n    >\n    <div class=\"virtual-trees-container\">\n      <thy-tree-node\n        *cdkVirtualFor=\"let node of flattenTreeNodesValue; trackBy: trackByFn; let i = index\"\n        cdkDrag\n        [cdkDragData]=\"node\"\n        [cdkDragDisabled]=\"!draggable || !(node | treeNodeDraggable : thyBeforeDragStart())\"\n        (cdkDragStarted)=\"onDragStarted($event)\"\n        (cdkDragEnded)=\"onDragEnded($event)\"\n        (cdkDragMoved)=\"emitDragMoved($event)\"\n        [node]=\"node\"\n        [templateRef]=\"templateRef()\"\n        [emptyChildrenTemplateRef]=\"emptyChildrenTemplate()\"\n        [thyAsync]=\"async\"\n        [thyDraggable]=\"draggable\"\n        [thyCheckable]=\"checkable\"\n        [thyMultiple]=\"multiple\"\n        [thyClickBehavior]=\"clickBehavior\"\n        [thyTitleTruncate]=\"titleTruncate\"\n        [thyItemSize]=\"itemSize()\"\n        [thyIndent]=\"indent\"\n        (thyOnClick)=\"thyOnClick.emit($event)\"\n        (thyDblClick)=\"thyDblClick.emit($event)\"\n        (thyOnExpandChange)=\"eventTriggerChanged($event)\"\n        (thyOnCheckboxChange)=\"eventTriggerChanged($event)\">\n      </thy-tree-node>\n    </div>\n  </cdk-virtual-scroll-viewport>\n}\n\n@if (!thyVirtualScroll()) {\n  <div\n    cdkDropList\n    [cdkDropListAutoScrollStep]=\"6\"\n    [cdkDropListData]=\"flattenTreeNodesValue\"\n    [cdkDropListSortingDisabled]=\"true\"\n    (cdkDropListDropped)=\"onListDropped($event)\">\n    @for (node of flattenTreeNodesValue; track trackByFn(i, node); let i = $index) {\n      <thy-tree-node\n        cdkDrag\n        [cdkDragData]=\"node\"\n        [cdkDragDisabled]=\"!draggable || !(node | treeNodeDraggable : thyBeforeDragStart())\"\n        (cdkDragStarted)=\"onDragStarted($event)\"\n        (cdkDragEnded)=\"onDragEnded($event)\"\n        (cdkDragMoved)=\"emitDragMoved($event)\"\n        [node]=\"node\"\n        [templateRef]=\"templateRef()\"\n        [emptyChildrenTemplateRef]=\"emptyChildrenTemplate()\"\n        [thyAsync]=\"async\"\n        [thyDraggable]=\"draggable\"\n        [thyCheckable]=\"checkable\"\n        [thyMultiple]=\"multiple\"\n        [thyTitleTruncate]=\"titleTruncate\"\n        [thyItemSize]=\"itemSize()\"\n        [thyClickBehavior]=\"clickBehavior\"\n        [thyIndent]=\"indent\"\n        (thyOnClick)=\"thyOnClick.emit($event)\"\n        (thyDblClick)=\"thyDblClick.emit($event)\"\n        (thyOnExpandChange)=\"eventTriggerChanged($event)\"\n        (thyOnCheckboxChange)=\"thyOnCheckboxChange.emit($event)\">\n      </thy-tree-node>\n    }\n  </div>\n}\n" }]
+                    ], template: "@let flattenTreeNodesValue = flattenTreeNodes();\n@let draggable = thyDraggable();\n@let async = thyAsync();\n@let checkable = thyCheckable();\n@let multiple = thyMultiple();\n@let titleTruncate = thyTitleTruncate();\n@let indent = thyIndent();\n@let clickBehavior = thyClickBehavior();\n\n@if (thyVirtualScroll()) {\n  <cdk-virtual-scroll-viewport\n    #viewport\n    [itemSize]=\"itemSize()\"\n    [style.height]=\"'100%'\"\n    cdkDropList\n    [cdkDropListAutoScrollStep]=\"6\"\n    [cdkDropListData]=\"flattenTreeNodesValue\"\n    [cdkDropListSortingDisabled]=\"true\"\n    (cdkDropListDropped)=\"onListDropped($event)\">\n    <div class=\"virtual-trees-container\">\n      <thy-tree-node\n        *cdkVirtualFor=\"let node of flattenTreeNodesValue; trackBy: trackByFn; let i = index\"\n        cdkDrag\n        [cdkDragData]=\"node\"\n        [cdkDragDisabled]=\"!draggable || !(node | treeNodeDraggable: thyBeforeDragStart())\"\n        (cdkDragStarted)=\"onDragStarted($event)\"\n        (cdkDragEnded)=\"onDragEnded($event)\"\n        (cdkDragMoved)=\"emitDragMoved($event)\"\n        [node]=\"node\"\n        [templateRef]=\"templateRef()\"\n        [emptyChildrenTemplateRef]=\"emptyChildrenTemplate()\"\n        [thyAsync]=\"async\"\n        [thyDraggable]=\"draggable\"\n        [thyCheckable]=\"checkable\"\n        [thyMultiple]=\"multiple\"\n        [thyClickBehavior]=\"clickBehavior\"\n        [thyTitleTruncate]=\"titleTruncate\"\n        [thyItemSize]=\"itemSize()\"\n        [thyIndent]=\"indent\"\n        (thyOnClick)=\"thyOnClick.emit($event)\"\n        (thyDblClick)=\"thyDblClick.emit($event)\"\n        (thyOnExpandChange)=\"eventTriggerChanged($event)\"\n        (thyOnCheckboxChange)=\"eventTriggerChanged($event)\">\n      </thy-tree-node>\n    </div>\n  </cdk-virtual-scroll-viewport>\n}\n\n@if (!thyVirtualScroll()) {\n  <div\n    cdkDropList\n    [cdkDropListAutoScrollStep]=\"6\"\n    [cdkDropListData]=\"flattenTreeNodesValue\"\n    [cdkDropListSortingDisabled]=\"true\"\n    (cdkDropListDropped)=\"onListDropped($event)\">\n    @for (node of flattenTreeNodesValue; track trackByFn(i, node); let i = $index) {\n      <thy-tree-node\n        cdkDrag\n        [cdkDragData]=\"node\"\n        [cdkDragDisabled]=\"!draggable || !(node | treeNodeDraggable: thyBeforeDragStart())\"\n        (cdkDragStarted)=\"onDragStarted($event)\"\n        (cdkDragEnded)=\"onDragEnded($event)\"\n        (cdkDragMoved)=\"emitDragMoved($event)\"\n        [node]=\"node\"\n        [templateRef]=\"templateRef()\"\n        [emptyChildrenTemplateRef]=\"emptyChildrenTemplate()\"\n        [thyAsync]=\"async\"\n        [thyDraggable]=\"draggable\"\n        [thyCheckable]=\"checkable\"\n        [thyMultiple]=\"multiple\"\n        [thyTitleTruncate]=\"titleTruncate\"\n        [thyItemSize]=\"itemSize()\"\n        [thyClickBehavior]=\"clickBehavior\"\n        [thyIndent]=\"indent\"\n        (thyOnClick)=\"thyOnClick.emit($event)\"\n        (thyDblClick)=\"thyDblClick.emit($event)\"\n        (thyOnExpandChange)=\"eventTriggerChanged($event)\"\n        (thyOnCheckboxChange)=\"thyOnCheckboxChange.emit($event)\">\n      </thy-tree-node>\n    }\n  </div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { viewport: [{ type: i0.ViewChild, args: ['viewport', { isSignal: true }] }], thyNodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyNodes", required: false }] }, { type: i0.Output, args: ["thyNodesChange"] }], thyShowExpand: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyShowExpand", required: false }] }], thyMultiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMultiple", required: false }] }], thyDraggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDraggable", required: false }] }], thyCheckable: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyCheckable", required: false }] }], thyClickBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyClickBehavior", required: false }] }], thyCheckStateResolve: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyCheckStateResolve", required: false }] }], thyAsync: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAsync", required: false }] }], thyType: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyType", required: false }] }], thyIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIcons", required: false }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyVirtualScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyVirtualScroll", required: false }] }], thyItemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyItemSize", required: false }] }], thyTitleTruncate: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTitleTruncate", required: false }] }], thySelectedKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySelectedKeys", required: false }] }], thyExpandedKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyExpandedKeys", required: false }] }], thyExpandAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyExpandAll", required: false }] }], thyIndent: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIndent", required: false }] }], thyBeforeDragStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyBeforeDragStart", required: false }] }], thyBeforeDragDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyBeforeDragDrop", required: false }] }], thyOnClick: [{ type: i0.Output, args: ["thyOnClick"] }], thyOnCheckboxChange: [{ type: i0.Output, args: ["thyOnCheckboxChange"] }], thyOnExpandChange: [{ type: i0.Output, args: ["thyOnExpandChange"] }], thyOnDragDrop: [{ type: i0.Output, args: ["thyOnDragDrop"] }], thyDblClick: [{ type: i0.Output, args: ["thyDblClick"] }], templateRef: [{ type: i0.ContentChild, args: ['treeNodeTemplate', { isSignal: true }] }], emptyChildrenTemplate: [{ type: i0.ContentChild, args: ['emptyChildrenTemplate', { isSignal: true }] }], cdkDrags: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => CdkDrag), { isSignal: true }] }] } });
 
 class ThyTreeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.14", ngImport: i0, type: ThyTreeModule, imports: [DragDropModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: ThyTreeModule, imports: [DragDropModule,
             CommonModule,
             ThyInputModule,
             ThyButtonModule,
@@ -1060,7 +1067,7 @@ class ThyTreeModule {
             ThyTree,
             ThyTreeNodeComponent,
             ThyTreeNodeDraggablePipe], exports: [ThyTree, ThyTreeNodeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTreeModule, providers: [ThyTreeService], imports: [DragDropModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTreeModule, providers: [ThyTreeService], imports: [DragDropModule,
             CommonModule,
             ThyInputModule,
             ThyButtonModule,
@@ -1075,7 +1082,7 @@ class ThyTreeModule {
             ThyTree,
             ThyTreeNodeComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyTreeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ThyTreeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [