UNPKG

ng-zorro-antd

Version:

An enterprise-class UI components based on Ant Design and Angular

17 lines (15 loc) 37.6 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/cdk/bidi"),require("@angular/cdk/scrolling"),require("@angular/common"),require("@angular/core"),require("ng-zorro-antd/core/highlight"),require("ng-zorro-antd/core/no-animation"),require("ng-zorro-antd/core/outlet"),require("ng-zorro-antd/icon"),require("ng-zorro-antd/core/tree"),require("ng-zorro-antd/core/util"),require("rxjs"),require("rxjs/operators"),require("@angular/forms"),require("ng-zorro-antd/core/animation"),require("ng-zorro-antd/core/config")):"function"==typeof define&&define.amd?define("ng-zorro-antd/tree",["exports","@angular/cdk/bidi","@angular/cdk/scrolling","@angular/common","@angular/core","ng-zorro-antd/core/highlight","ng-zorro-antd/core/no-animation","ng-zorro-antd/core/outlet","ng-zorro-antd/icon","ng-zorro-antd/core/tree","ng-zorro-antd/core/util","rxjs","rxjs/operators","@angular/forms","ng-zorro-antd/core/animation","ng-zorro-antd/core/config"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-zorro-antd"]=e["ng-zorro-antd"]||{},e["ng-zorro-antd"].tree={}),e.ng.cdk.bidi,e.ng.cdk.scrolling,e.ng.common,e.ng.core,e["ng-zorro-antd"].core.highlight,e["ng-zorro-antd"].core["no-animation"],e["ng-zorro-antd"].core.outlet,e["ng-zorro-antd"].icon,e["ng-zorro-antd"].core.tree,e["ng-zorro-antd"].core.util,e.rxjs,e.rxjs.operators,e.ng.forms,e["ng-zorro-antd"].core.animation,e["ng-zorro-antd"].core.config)}(this,(function(e,t,n,r,o,i,a,c,s,d,l,p,h,u,z,g){"use strict";var y=function(){function e(e){this.cdr=e,this.level=1,this.direction="ltr",this.style={}}return e.prototype.ngOnChanges=function(e){this.renderIndicator(this.dropPosition,this.direction)},e.prototype.renderIndicator=function(e,t){var n;void 0===t&&(t="ltr");var r="ltr"===t?"left":"right",o="ltr"===t?"right":"left",i=((n={})[r]="4px",n[o]="0px",n);switch(e){case-1:i.top="-3px";break;case 1:i.bottom="-3px";break;case 0:i.bottom="-3px",i[r]="28px";break;default:i.display="none"}this.style=i,this.cdr.markForCheck()},e}();y.decorators=[{type:o.Component,args:[{selector:"nz-tree-drop-indicator",exportAs:"NzTreeDropIndicator",template:"",changeDetection:o.ChangeDetectionStrategy.OnPush,preserveWhitespaces:!1,host:{"[class.ant-tree-drop-indicator]":"true","[style]":"style"}}]}],y.ctorParameters=function(){return[{type:o.ChangeDetectorRef}]},y.propDecorators={dropPosition:[{type:o.Input}],level:[{type:o.Input}],direction:[{type:o.Input}]}; /*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */ var f=function(e,t){return(f=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function S(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}f(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}function v(e,t,n,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,r);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function m(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}Object.create;function b(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}Object.create;var C=function(){function e(){this.nzTreeLevel=0,this.nzIsStart=[],this.nzIsEnd=[],this.nzSelectMode=!1,this.listOfUnit=[]}return e.prototype.ngOnInit=function(){},e.prototype.ngOnChanges=function(e){var t=e.nzTreeLevel;t&&(this.listOfUnit=function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}(new Array(t.currentValue||0)))},e}();C.decorators=[{type:o.Component,args:[{selector:"nz-tree-indent",exportAs:"nzTreeIndent",template:'\n <span\n [class.ant-tree-indent-unit]="!nzSelectMode"\n [class.ant-select-tree-indent-unit]="nzSelectMode"\n [class.ant-select-tree-indent-unit-start]="nzSelectMode && nzIsStart[i]"\n [class.ant-tree-indent-unit-start]="!nzSelectMode && nzIsStart[i]"\n [class.ant-select-tree-indent-unit-end]="nzSelectMode && nzIsEnd[i]"\n [class.ant-tree-indent-unit-end]="!nzSelectMode && nzIsEnd[i]"\n *ngFor="let _ of listOfUnit; let i = index"\n ></span>\n ',changeDetection:o.ChangeDetectionStrategy.OnPush,preserveWhitespaces:!1,host:{"[attr.aria-hidden]":"true","[class.ant-tree-indent]":"!nzSelectMode","[class.ant-select-tree-indent]":"nzSelectMode"}}]}],C.propDecorators={nzTreeLevel:[{type:o.Input}],nzIsStart:[{type:o.Input}],nzIsEnd:[{type:o.Input}],nzSelectMode:[{type:o.Input}]};var k=function(){this.nzSelectMode=!1};k.decorators=[{type:o.Component,args:[{selector:"nz-tree-node-checkbox[builtin]",template:'\n <span [class.ant-tree-checkbox-inner]="!nzSelectMode" [class.ant-select-tree-checkbox-inner]="nzSelectMode"></span>\n ',changeDetection:o.ChangeDetectionStrategy.OnPush,preserveWhitespaces:!1,host:{"[class.ant-select-tree-checkbox]":"nzSelectMode","[class.ant-select-tree-checkbox-checked]":"nzSelectMode && isChecked","[class.ant-select-tree-checkbox-indeterminate]":"nzSelectMode && isHalfChecked","[class.ant-select-tree-checkbox-disabled]":"nzSelectMode && (isDisabled || isDisableCheckbox)","[class.ant-tree-checkbox]":"!nzSelectMode","[class.ant-tree-checkbox-checked]":"!nzSelectMode && isChecked","[class.ant-tree-checkbox-indeterminate]":"!nzSelectMode && isHalfChecked","[class.ant-tree-checkbox-disabled]":"!nzSelectMode && (isDisabled || isDisableCheckbox)"}}]}],k.propDecorators={nzSelectMode:[{type:o.Input}],isChecked:[{type:o.Input}],isHalfChecked:[{type:o.Input}],isDisabled:[{type:o.Input}],isDisableCheckbox:[{type:o.Input}]};var E=function(){function e(){this.nzSelectMode=!1}return Object.defineProperty(e.prototype,"isShowLineIcon",{get:function(){return!this.isLeaf&&!!this.nzShowLine},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isShowSwitchIcon",{get:function(){return!this.isLeaf&&!this.nzShowLine},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isSwitcherOpen",{get:function(){return!!this.isExpanded&&!this.isLeaf},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isSwitcherClose",{get:function(){return!this.isExpanded&&!this.isLeaf},enumerable:!1,configurable:!0}),e}();E.decorators=[{type:o.Component,args:[{selector:"nz-tree-node-switcher",template:'\n <ng-container *ngIf="isShowSwitchIcon">\n <ng-container *ngIf="!isLoading; else loadingTemplate">\n <ng-container *nzStringTemplateOutlet="nzExpandedIcon; context: { $implicit: context, origin: context.origin }">\n <i\n nz-icon\n nzType="caret-down"\n [class.ant-select-tree-switcher-icon]="nzSelectMode"\n [class.ant-tree-switcher-icon]="!nzSelectMode"\n ></i>\n </ng-container>\n </ng-container>\n </ng-container>\n <ng-container *ngIf="nzShowLine">\n <ng-container *ngIf="!isLoading; else loadingTemplate">\n <ng-container *nzStringTemplateOutlet="nzExpandedIcon; context: { $implicit: context, origin: context.origin }">\n <i\n *ngIf="isShowLineIcon"\n nz-icon\n [nzType]="isSwitcherOpen ? \'minus-square\' : \'plus-square\'"\n class="ant-tree-switcher-line-icon"\n ></i>\n <i *ngIf="!isShowLineIcon" nz-icon nzType="file" class="ant-tree-switcher-line-icon"></i>\n </ng-container>\n </ng-container>\n </ng-container>\n <ng-template #loadingTemplate>\n <i nz-icon nzType="loading" [nzSpin]="true" class="ant-tree-switcher-loading-icon"></i>\n </ng-template>\n ',changeDetection:o.ChangeDetectionStrategy.OnPush,preserveWhitespaces:!1,host:{"[class.ant-select-tree-switcher]":"nzSelectMode","[class.ant-select-tree-switcher-noop]":"nzSelectMode && isLeaf","[class.ant-select-tree-switcher_open]":"nzSelectMode && isSwitcherOpen","[class.ant-select-tree-switcher_close]":"nzSelectMode && isSwitcherClose","[class.ant-tree-switcher]":"!nzSelectMode","[class.ant-tree-switcher-noop]":"!nzSelectMode && isLeaf","[class.ant-tree-switcher_open]":"!nzSelectMode && isSwitcherOpen","[class.ant-tree-switcher_close]":"!nzSelectMode && isSwitcherClose"}}]}],E.propDecorators={nzShowExpand:[{type:o.Input}],nzShowLine:[{type:o.Input}],nzExpandedIcon:[{type:o.Input}],nzSelectMode:[{type:o.Input}],context:[{type:o.Input}],isLeaf:[{type:o.Input}],isLoading:[{type:o.Input}],isExpanded:[{type:o.Input}]};var I=function(){function e(e){this.cdr=e,this.treeTemplate=null,this.selectMode=!1,this.showIndicator=!0}return Object.defineProperty(e.prototype,"canDraggable",{get:function(){return!(!this.draggable||this.isDisabled)||null},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"matchedValue",{get:function(){return this.isMatched?this.searchValue:""},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isSwitcherOpen",{get:function(){return this.isExpanded&&!this.isLeaf},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isSwitcherClose",{get:function(){return!this.isExpanded&&!this.isLeaf},enumerable:!1,configurable:!0}),e.prototype.ngOnChanges=function(e){var t=e.showIndicator,n=e.dragPosition;(t||n)&&this.cdr.markForCheck()},e}();I.decorators=[{type:o.Component,args:[{selector:"nz-tree-node-title",template:'\n <ng-template [ngTemplateOutlet]="treeTemplate" [ngTemplateOutletContext]="{ $implicit: context, origin: context.origin }"></ng-template>\n <ng-container *ngIf="!treeTemplate">\n <span\n *ngIf="icon && showIcon"\n [class.ant-tree-icon__open]="isSwitcherOpen"\n [class.ant-tree-icon__close]="isSwitcherClose"\n [class.ant-tree-icon_loading]="isLoading"\n [class.ant-select-tree-iconEle]="selectMode"\n [class.ant-tree-iconEle]="!selectMode"\n >\n <span\n [class.ant-select-tree-iconEle]="selectMode"\n [class.ant-select-tree-icon__customize]="selectMode"\n [class.ant-tree-iconEle]="!selectMode"\n [class.ant-tree-icon__customize]="!selectMode"\n >\n <i nz-icon *ngIf="icon" [nzType]="icon"></i>\n </span>\n </span>\n <span class="ant-tree-title" [innerHTML]="title | nzHighlight: matchedValue:\'i\':\'font-highlight\'"></span>\n <nz-tree-drop-indicator *ngIf="showIndicator" [dropPosition]="dragPosition" [level]="context.level"></nz-tree-drop-indicator>\n </ng-container>\n ',changeDetection:o.ChangeDetectionStrategy.OnPush,preserveWhitespaces:!1,host:{"[attr.title]":"title","[attr.draggable]":"canDraggable","[attr.aria-grabbed]":"canDraggable","[class.draggable]":"canDraggable","[class.ant-select-tree-node-content-wrapper]":"selectMode","[class.ant-select-tree-node-content-wrapper-open]":"selectMode && isSwitcherOpen","[class.ant-select-tree-node-content-wrapper-close]":"selectMode && isSwitcherClose","[class.ant-select-tree-node-selected]":"selectMode && isSelected","[class.ant-tree-node-content-wrapper]":"!selectMode","[class.ant-tree-node-content-wrapper-open]":"!selectMode && isSwitcherOpen","[class.ant-tree-node-content-wrapper-close]":"!selectMode && isSwitcherClose","[class.ant-tree-node-selected]":"!selectMode && isSelected"}}]}],I.ctorParameters=function(){return[{type:o.ChangeDetectorRef}]},I.propDecorators={searchValue:[{type:o.Input}],treeTemplate:[{type:o.Input}],draggable:[{type:o.Input}],showIcon:[{type:o.Input}],selectMode:[{type:o.Input}],context:[{type:o.Input}],icon:[{type:o.Input}],title:[{type:o.Input}],isLoading:[{type:o.Input}],isSelected:[{type:o.Input}],isDisabled:[{type:o.Input}],isMatched:[{type:o.Input}],isExpanded:[{type:o.Input}],isLeaf:[{type:o.Input}],showIndicator:[{type:o.Input}],dragPosition:[{type:o.Input}]};var D=function(){function e(e,t,n,r,i,a){this.nzTreeService=e,this.ngZone=t,this.renderer=n,this.elementRef=r,this.cdr=i,this.noAnimation=a,this.icon="",this.title="",this.isLoading=!1,this.isSelected=!1,this.isDisabled=!1,this.isMatched=!1,this.isStart=[],this.isEnd=[],this.nzHideUnMatched=!1,this.nzNoAnimation=!1,this.nzSelectMode=!1,this.nzShowIcon=!1,this.nzTreeTemplate=null,this.nzSearchValue="",this.nzDraggable=!1,this.nzClick=new o.EventEmitter,this.nzDblClick=new o.EventEmitter,this.nzContextMenu=new o.EventEmitter,this.nzCheckBoxChange=new o.EventEmitter,this.nzExpandChange=new o.EventEmitter,this.nzOnDragStart=new o.EventEmitter,this.nzOnDragEnter=new o.EventEmitter,this.nzOnDragOver=new o.EventEmitter,this.nzOnDragLeave=new o.EventEmitter,this.nzOnDrop=new o.EventEmitter,this.nzOnDragEnd=new o.EventEmitter,this.destroy$=new p.Subject,this.dragPos=2,this.dragPosClass={0:"drag-over",1:"drag-over-gap-bottom","-1":"drag-over-gap-top"},this.showIndicator=!1}return Object.defineProperty(e.prototype,"displayStyle",{get:function(){return this.nzSearchValue&&this.nzHideUnMatched&&!this.isMatched&&!this.isExpanded&&this.canHide?"none":""},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isSwitcherOpen",{get:function(){return this.isExpanded&&!this.isLeaf},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"isSwitcherClose",{get:function(){return!this.isExpanded&&!this.isLeaf},enumerable:!1,configurable:!0}),e.prototype.onMousedown=function(e){this.nzSelectMode&&e.preventDefault()},e.prototype.clickExpand=function(e){e.preventDefault(),this.isLoading||this.isLeaf||(this.nzAsyncData&&0===this.nzTreeNode.children.length&&!this.isExpanded&&(this.nzTreeNode.isLoading=!0),this.nzTreeNode.setExpanded(!this.isExpanded)),this.nzTreeService.setExpandedNodeList(this.nzTreeNode);var t=this.nzTreeService.formatEvent("expand",this.nzTreeNode,e);this.nzExpandChange.emit(t)},e.prototype.clickSelect=function(e){e.preventDefault(),this.isSelectable&&!this.isDisabled&&(this.nzTreeNode.isSelected=!this.nzTreeNode.isSelected),this.nzTreeService.setSelectedNodeList(this.nzTreeNode);var t=this.nzTreeService.formatEvent("click",this.nzTreeNode,e);this.nzClick.emit(t)},e.prototype.dblClick=function(e){e.preventDefault();var t=this.nzTreeService.formatEvent("dblclick",this.nzTreeNode,e);this.nzDblClick.emit(t)},e.prototype.contextMenu=function(e){e.preventDefault();var t=this.nzTreeService.formatEvent("contextmenu",this.nzTreeNode,e);this.nzContextMenu.emit(t)},e.prototype.clickCheckBox=function(e){if(e.preventDefault(),!this.isDisabled&&!this.isDisableCheckbox){this.nzTreeNode.isChecked=!this.nzTreeNode.isChecked,this.nzTreeNode.isHalfChecked=!1,this.nzTreeService.setCheckedNodeList(this.nzTreeNode);var t=this.nzTreeService.formatEvent("check",this.nzTreeNode,e);this.nzCheckBoxChange.emit(t)}},e.prototype.clearDragClass=function(){var e=this;["drag-over-gap-top","drag-over-gap-bottom","drag-over","drop-target"].forEach((function(t){e.renderer.removeClass(e.elementRef.nativeElement,t)}))},e.prototype.handleDragStart=function(e){try{e.dataTransfer.setData("text/plain",this.nzTreeNode.key)}catch(e){}this.nzTreeService.setSelectedNode(this.nzTreeNode);var t=this.nzTreeService.formatEvent("dragstart",this.nzTreeNode,e);this.nzOnDragStart.emit(t)},e.prototype.handleDragEnter=function(e){var t,n=this;e.preventDefault(),this.showIndicator=this.nzTreeNode.key!==(null===(t=this.nzTreeService.getSelectedNode())||void 0===t?void 0:t.key),this.renderIndicator(2),this.ngZone.run((function(){var t=n.nzTreeService.formatEvent("dragenter",n.nzTreeNode,e);n.nzOnDragEnter.emit(t)}))},e.prototype.handleDragOver=function(e){e.preventDefault();var t=this.nzTreeService.calcDropPosition(e);this.dragPos!==t&&(this.clearDragClass(),this.renderIndicator(t),0===this.dragPos&&this.isLeaf||(this.renderer.addClass(this.elementRef.nativeElement,this.dragPosClass[this.dragPos]),this.renderer.addClass(this.elementRef.nativeElement,"drop-target")));var n=this.nzTreeService.formatEvent("dragover",this.nzTreeNode,e);this.nzOnDragOver.emit(n)},e.prototype.handleDragLeave=function(e){e.preventDefault(),this.renderIndicator(2),this.clearDragClass();var t=this.nzTreeService.formatEvent("dragleave",this.nzTreeNode,e);this.nzOnDragLeave.emit(t)},e.prototype.handleDragDrop=function(e){var t=this;this.ngZone.run((function(){t.showIndicator=!1,t.clearDragClass();var n=t.nzTreeService.getSelectedNode();if(!(!n||n&&n.key===t.nzTreeNode.key||0===t.dragPos&&t.isLeaf)){var r=t.nzTreeService.formatEvent("drop",t.nzTreeNode,e),o=t.nzTreeService.formatEvent("dragend",t.nzTreeNode,e);t.nzBeforeDrop?t.nzBeforeDrop({dragNode:t.nzTreeService.getSelectedNode(),node:t.nzTreeNode,pos:t.dragPos}).subscribe((function(e){e&&t.nzTreeService.dropAndApply(t.nzTreeNode,t.dragPos),t.nzOnDrop.emit(r),t.nzOnDragEnd.emit(o)})):t.nzTreeNode&&(t.nzTreeService.dropAndApply(t.nzTreeNode,t.dragPos),t.nzOnDrop.emit(r))}}))},e.prototype.handleDragEnd=function(e){var t=this;e.preventDefault(),this.ngZone.run((function(){if(!t.nzBeforeDrop){var n=t.nzTreeService.formatEvent("dragend",t.nzTreeNode,e);t.nzOnDragEnd.emit(n)}}))},e.prototype.handDragEvent=function(){var e=this;this.ngZone.runOutsideAngular((function(){if(e.nzDraggable){var t=e.elementRef.nativeElement;e.destroy$=new p.Subject,p.fromEvent(t,"dragstart").pipe(h.takeUntil(e.destroy$)).subscribe((function(t){return e.handleDragStart(t)})),p.fromEvent(t,"dragenter").pipe(h.takeUntil(e.destroy$)).subscribe((function(t){return e.handleDragEnter(t)})),p.fromEvent(t,"dragover").pipe(h.takeUntil(e.destroy$)).subscribe((function(t){return e.handleDragOver(t)})),p.fromEvent(t,"dragleave").pipe(h.takeUntil(e.destroy$)).subscribe((function(t){return e.handleDragLeave(t)})),p.fromEvent(t,"drop").pipe(h.takeUntil(e.destroy$)).subscribe((function(t){return e.handleDragDrop(t)})),p.fromEvent(t,"dragend").pipe(h.takeUntil(e.destroy$)).subscribe((function(t){return e.handleDragEnd(t)}))}else e.destroy$.next(),e.destroy$.complete()}))},e.prototype.markForCheck=function(){this.cdr.markForCheck()},e.prototype.ngOnInit=function(){this.nzTreeNode.component=this},e.prototype.ngOnChanges=function(e){e.nzDraggable&&this.handDragEvent()},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e.prototype.renderIndicator=function(e){var t=this;this.ngZone.run((function(){var n;t.showIndicator=2!==e,t.nzTreeNode.key===(null===(n=t.nzTreeService.getSelectedNode())||void 0===n?void 0:n.key)||0===e&&t.isLeaf||(t.dragPos=e,t.cdr.markForCheck())}))},e}();D.decorators=[{type:o.Component,args:[{selector:"nz-tree-node[builtin]",exportAs:"nzTreeBuiltinNode",template:'\n <nz-tree-indent [nzTreeLevel]="nzTreeNode.level" [nzSelectMode]="nzSelectMode" [nzIsStart]="isStart" [nzIsEnd]="isEnd"></nz-tree-indent>\n <nz-tree-node-switcher\n *ngIf="nzShowExpand"\n [nzShowExpand]="nzShowExpand"\n [nzShowLine]="nzShowLine"\n [nzExpandedIcon]="nzExpandedIcon"\n [nzSelectMode]="nzSelectMode"\n [context]="nzTreeNode"\n [isLeaf]="isLeaf"\n [isExpanded]="isExpanded"\n [isLoading]="isLoading"\n (click)="clickExpand($event)"\n ></nz-tree-node-switcher>\n <nz-tree-node-checkbox\n builtin\n *ngIf="nzCheckable"\n (click)="clickCheckBox($event)"\n [nzSelectMode]="nzSelectMode"\n [isChecked]="isChecked"\n [isHalfChecked]="isHalfChecked"\n [isDisabled]="isDisabled"\n [isDisableCheckbox]="isDisableCheckbox"\n ></nz-tree-node-checkbox>\n <nz-tree-node-title\n [icon]="icon"\n [title]="title"\n [isLoading]="isLoading"\n [isSelected]="isSelected"\n [isDisabled]="isDisabled"\n [isMatched]="isMatched"\n [isExpanded]="isExpanded"\n [isLeaf]="isLeaf"\n [searchValue]="nzSearchValue"\n [treeTemplate]="nzTreeTemplate"\n [draggable]="nzDraggable"\n [showIcon]="nzShowIcon"\n [selectMode]="nzSelectMode"\n [context]="nzTreeNode"\n [showIndicator]="showIndicator"\n [dragPosition]="dragPos"\n (dblclick)="dblClick($event)"\n (click)="clickSelect($event)"\n (contextmenu)="contextMenu($event)"\n ></nz-tree-node-title>\n ',changeDetection:o.ChangeDetectionStrategy.OnPush,preserveWhitespaces:!1,host:{"[class.ant-select-tree-treenode]":"nzSelectMode","[class.ant-select-tree-treenode-disabled]":"nzSelectMode && isDisabled","[class.ant-select-tree-treenode-switcher-open]":"nzSelectMode && isSwitcherOpen","[class.ant-select-tree-treenode-switcher-close]":"nzSelectMode && isSwitcherClose","[class.ant-select-tree-treenode-checkbox-checked]":"nzSelectMode && isChecked","[class.ant-select-tree-treenode-checkbox-indeterminate]":"nzSelectMode && isHalfChecked","[class.ant-select-tree-treenode-selected]":"nzSelectMode && isSelected","[class.ant-select-tree-treenode-loading]":"nzSelectMode && isLoading","[class.ant-tree-treenode]":"!nzSelectMode","[class.ant-tree-treenode-disabled]":"!nzSelectMode && isDisabled","[class.ant-tree-treenode-switcher-open]":"!nzSelectMode && isSwitcherOpen","[class.ant-tree-treenode-switcher-close]":"!nzSelectMode && isSwitcherClose","[class.ant-tree-treenode-checkbox-checked]":"!nzSelectMode && isChecked","[class.ant-tree-treenode-checkbox-indeterminate]":"!nzSelectMode && isHalfChecked","[class.ant-tree-treenode-selected]":"!nzSelectMode && isSelected","[class.ant-tree-treenode-loading]":"!nzSelectMode && isLoading","[style.display]":"displayStyle","(mousedown)":"onMousedown($event)"}}]}],D.ctorParameters=function(){return[{type:d.NzTreeBaseService},{type:o.NgZone},{type:o.Renderer2},{type:o.ElementRef},{type:o.ChangeDetectorRef},{type:a.NzNoAnimationDirective,decorators:[{type:o.Host},{type:o.Optional}]}]},D.propDecorators={icon:[{type:o.Input}],title:[{type:o.Input}],isLoading:[{type:o.Input}],isSelected:[{type:o.Input}],isDisabled:[{type:o.Input}],isMatched:[{type:o.Input}],isExpanded:[{type:o.Input}],isLeaf:[{type:o.Input}],isChecked:[{type:o.Input}],isHalfChecked:[{type:o.Input}],isDisableCheckbox:[{type:o.Input}],isSelectable:[{type:o.Input}],canHide:[{type:o.Input}],isStart:[{type:o.Input}],isEnd:[{type:o.Input}],nzTreeNode:[{type:o.Input}],nzShowLine:[{type:o.Input}],nzShowExpand:[{type:o.Input}],nzCheckable:[{type:o.Input}],nzAsyncData:[{type:o.Input}],nzHideUnMatched:[{type:o.Input}],nzNoAnimation:[{type:o.Input}],nzSelectMode:[{type:o.Input}],nzShowIcon:[{type:o.Input}],nzExpandedIcon:[{type:o.Input}],nzTreeTemplate:[{type:o.Input}],nzBeforeDrop:[{type:o.Input}],nzSearchValue:[{type:o.Input}],nzDraggable:[{type:o.Input}],nzClick:[{type:o.Output}],nzDblClick:[{type:o.Output}],nzContextMenu:[{type:o.Output}],nzCheckBoxChange:[{type:o.Output}],nzExpandChange:[{type:o.Output}],nzOnDragStart:[{type:o.Output}],nzOnDragEnter:[{type:o.Output}],nzOnDragOver:[{type:o.Output}],nzOnDragLeave:[{type:o.Output}],nzOnDrop:[{type:o.Output}],nzOnDragEnd:[{type:o.Output}]},v([l.InputBoolean(),m("design:type",Boolean)],D.prototype,"nzShowLine",void 0),v([l.InputBoolean(),m("design:type",Boolean)],D.prototype,"nzShowExpand",void 0),v([l.InputBoolean(),m("design:type",Boolean)],D.prototype,"nzCheckable",void 0),v([l.InputBoolean(),m("design:type",Boolean)],D.prototype,"nzAsyncData",void 0),v([l.InputBoolean(),m("design:type",Object)],D.prototype,"nzHideUnMatched",void 0),v([l.InputBoolean(),m("design:type",Object)],D.prototype,"nzNoAnimation",void 0),v([l.InputBoolean(),m("design:type",Object)],D.prototype,"nzSelectMode",void 0),v([l.InputBoolean(),m("design:type",Object)],D.prototype,"nzShowIcon",void 0);var T=function(e){function t(){return e.call(this)||this}return S(t,e),t}(d.NzTreeBaseService);function x(e,t){return e||t}T.decorators=[{type:o.Injectable}],T.ctorParameters=function(){return[]};var w=function(e){function t(t,n,r,i,a){var c=e.call(this,t)||this;return c.nzConfigService=n,c.cdr=r,c.directionality=i,c.noAnimation=a,c._nzModuleName="tree",c.nzShowIcon=!1,c.nzHideUnMatched=!1,c.nzBlockNode=!1,c.nzExpandAll=!1,c.nzSelectMode=!1,c.nzCheckStrictly=!1,c.nzShowExpand=!0,c.nzShowLine=!1,c.nzCheckable=!1,c.nzAsyncData=!1,c.nzDraggable=!1,c.nzMultiple=!1,c.nzVirtualItemSize=28,c.nzVirtualMaxBufferPx=500,c.nzVirtualMinBufferPx=28,c.nzVirtualHeight=null,c.nzData=[],c.nzExpandedKeys=[],c.nzSelectedKeys=[],c.nzCheckedKeys=[],c.nzSearchValue="",c.nzFlattenNodes=[],c.beforeInit=!0,c.dir="ltr",c.nzExpandedKeysChange=new o.EventEmitter,c.nzSelectedKeysChange=new o.EventEmitter,c.nzCheckedKeysChange=new o.EventEmitter,c.nzSearchValueChange=new o.EventEmitter,c.nzClick=new o.EventEmitter,c.nzDblClick=new o.EventEmitter,c.nzContextMenu=new o.EventEmitter,c.nzCheckBoxChange=new o.EventEmitter,c.nzExpandChange=new o.EventEmitter,c.nzOnDragStart=new o.EventEmitter,c.nzOnDragEnter=new o.EventEmitter,c.nzOnDragOver=new o.EventEmitter,c.nzOnDragLeave=new o.EventEmitter,c.nzOnDrop=new o.EventEmitter,c.nzOnDragEnd=new o.EventEmitter,c.HIDDEN_STYLE={width:0,height:0,display:"flex",overflow:"hidden",opacity:0,border:0,padding:0,margin:0},c.destroy$=new p.Subject,c.onChange=function(){return null},c.onTouched=function(){return null},c}return S(t,e),t.prototype.writeValue=function(e){this.handleNzData(e)},t.prototype.registerOnChange=function(e){this.onChange=e},t.prototype.registerOnTouched=function(e){this.onTouched=e},t.prototype.renderTreeProperties=function(e){var t=!1,n=!1,r=e.nzData,o=e.nzExpandedKeys,i=e.nzSelectedKeys,a=e.nzCheckedKeys,c=e.nzCheckStrictly,s=e.nzExpandAll,d=e.nzMultiple,l=e.nzSearchValue;s&&(t=!0,n=this.nzExpandAll),d&&(this.nzTreeService.isMultiple=this.nzMultiple),c&&(this.nzTreeService.isCheckStrictly=this.nzCheckStrictly),r&&this.handleNzData(this.nzData),a&&this.handleCheckedKeys(this.nzCheckedKeys),c&&this.handleCheckedKeys(null),(o||s)&&(t=!0,this.handleExpandedKeys(n||this.nzExpandedKeys)),i&&this.handleSelectedKeys(this.nzSelectedKeys,this.nzMultiple),l&&(l.firstChange&&!this.nzSearchValue||(t=!1,this.handleSearchValue(l.currentValue,this.nzSearchFunc),this.nzSearchValueChange.emit(this.nzTreeService.formatEvent("search",null,null))));var p=this.getExpandedNodeList().map((function(e){return e.key})),h=t?n||this.nzExpandedKeys:p;this.handleFlattenNodes(this.nzTreeService.rootNodes,h)},t.prototype.trackByFlattenNode=function(e,t){return t.key},t.prototype.handleNzData=function(e){if(Array.isArray(e)){var t=this.coerceTreeNodes(e);this.nzTreeService.initTree(t)}},t.prototype.handleFlattenNodes=function(e,t){void 0===t&&(t=[]),this.nzTreeService.flattenTreeData(e,t)},t.prototype.handleCheckedKeys=function(e){this.nzTreeService.conductCheck(e,this.nzCheckStrictly)},t.prototype.handleExpandedKeys=function(e){void 0===e&&(e=[]),this.nzTreeService.conductExpandedKeys(e)},t.prototype.handleSelectedKeys=function(e,t){this.nzTreeService.conductSelectedKeys(e,t)},t.prototype.handleSearchValue=function(e,t){var n=this,r=d.flattenTreeData(this.nzTreeService.rootNodes,!0).map((function(e){return e.data}));r.forEach((function(r){var o;r.isMatched=(o=r,t?t(o.origin):!(!e||!o.title.toLowerCase().includes(e.toLowerCase()))),r.canHide=!r.isMatched,r.isMatched?n.nzTreeService.expandNodeAllParentBySearch(r):(r.setExpanded(!1),n.nzTreeService.setExpandedNodeList(r)),n.nzTreeService.setMatchedNodeList(r)}))},t.prototype.eventTriggerChanged=function(e){var t=e.node;switch(e.eventName){case"expand":this.renderTree(),this.nzExpandChange.emit(e);break;case"click":this.nzClick.emit(e);break;case"dblclick":this.nzDblClick.emit(e);break;case"contextmenu":this.nzContextMenu.emit(e);break;case"check":this.nzTreeService.setCheckedNodeList(t),this.nzCheckStrictly||this.nzTreeService.conduct(t);var n=this.nzTreeService.formatEvent("check",t,e.event);this.nzCheckBoxChange.emit(n);break;case"dragstart":t.isExpanded&&(t.setExpanded(!t.isExpanded),this.renderTree()),this.nzOnDragStart.emit(e);break;case"dragenter":var r=this.nzTreeService.getSelectedNode();!r||r.key===t.key||t.isExpanded||t.isLeaf||(t.setExpanded(!0),this.renderTree()),this.nzOnDragEnter.emit(e);break;case"dragover":this.nzOnDragOver.emit(e);break;case"dragleave":this.nzOnDragLeave.emit(e);break;case"dragend":this.nzOnDragEnd.emit(e);break;case"drop":this.renderTree(),this.nzOnDrop.emit(e)}},t.prototype.renderTree=function(){this.handleFlattenNodes(this.nzTreeService.rootNodes,this.getExpandedNodeList().map((function(e){return e.key}))),this.cdr.markForCheck()},t.prototype.ngOnInit=function(){var e,t=this;this.nzTreeService.flattenNodes$.pipe(h.takeUntil(this.destroy$)).subscribe((function(e){t.nzFlattenNodes=e,t.cdr.markForCheck()})),this.dir=this.directionality.value,null===(e=this.directionality.change)||void 0===e||e.pipe(h.takeUntil(this.destroy$)).subscribe((function(e){t.dir=e,t.cdr.detectChanges()}))},t.prototype.ngOnChanges=function(e){this.renderTreeProperties(e)},t.prototype.ngAfterViewInit=function(){this.beforeInit=!1},t.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},t}(d.NzTreeBase);w.decorators=[{type:o.Component,args:[{selector:"nz-tree",exportAs:"nzTree",animations:[z.treeCollapseMotion],template:'\n <div role="tree">\n <input [ngStyle]="HIDDEN_STYLE" />\n </div>\n <div class="ant-tree-list" [class.ant-select-tree-list]="nzSelectMode">\n <div>\n <cdk-virtual-scroll-viewport\n *ngIf="nzVirtualHeight"\n [class.ant-select-tree-list-holder-inner]="nzSelectMode"\n [class.ant-tree-list-holder-inner]="!nzSelectMode"\n [itemSize]="nzVirtualItemSize"\n [minBufferPx]="nzVirtualMinBufferPx"\n [maxBufferPx]="nzVirtualMaxBufferPx"\n [style.height]="nzVirtualHeight"\n >\n <ng-container *cdkVirtualFor="let node of nzFlattenNodes; trackBy: trackByFlattenNode">\n <ng-template [ngTemplateOutlet]="nodeTemplate" [ngTemplateOutletContext]="{ $implicit: node }"></ng-template>\n </ng-container>\n </cdk-virtual-scroll-viewport>\n\n <div\n *ngIf="!nzVirtualHeight"\n [class.ant-select-tree-list-holder-inner]="nzSelectMode"\n [class.ant-tree-list-holder-inner]="!nzSelectMode"\n [@.disabled]="beforeInit || noAnimation?.nzNoAnimation"\n [nzNoAnimation]="noAnimation?.nzNoAnimation"\n [@treeCollapseMotion]="nzFlattenNodes.length"\n >\n <ng-container *ngFor="let node of nzFlattenNodes; trackBy: trackByFlattenNode">\n <ng-template [ngTemplateOutlet]="nodeTemplate" [ngTemplateOutletContext]="{ $implicit: node }"></ng-template>\n </ng-container>\n </div>\n </div>\n </div>\n <ng-template #nodeTemplate let-treeNode>\n <nz-tree-node\n builtin\n [icon]="treeNode.icon"\n [title]="treeNode.title"\n [isLoading]="treeNode.isLoading"\n [isSelected]="treeNode.isSelected"\n [isDisabled]="treeNode.isDisabled"\n [isMatched]="treeNode.isMatched"\n [isExpanded]="treeNode.isExpanded"\n [isLeaf]="treeNode.isLeaf"\n [isStart]="treeNode.isStart"\n [isEnd]="treeNode.isEnd"\n [isChecked]="treeNode.isChecked"\n [isHalfChecked]="treeNode.isHalfChecked"\n [isDisableCheckbox]="treeNode.isDisableCheckbox"\n [isSelectable]="treeNode.isSelectable"\n [canHide]="treeNode.canHide"\n [nzTreeNode]="treeNode"\n [nzSelectMode]="nzSelectMode"\n [nzShowLine]="nzShowLine"\n [nzExpandedIcon]="nzExpandedIcon"\n [nzDraggable]="nzDraggable"\n [nzCheckable]="nzCheckable"\n [nzShowExpand]="nzShowExpand"\n [nzAsyncData]="nzAsyncData"\n [nzSearchValue]="nzSearchValue"\n [nzHideUnMatched]="nzHideUnMatched"\n [nzBeforeDrop]="nzBeforeDrop"\n [nzShowIcon]="nzShowIcon"\n [nzTreeTemplate]="nzTreeTemplate || nzTreeTemplateChild"\n (nzExpandChange)="eventTriggerChanged($event)"\n (nzClick)="eventTriggerChanged($event)"\n (nzDblClick)="eventTriggerChanged($event)"\n (nzContextMenu)="eventTriggerChanged($event)"\n (nzCheckBoxChange)="eventTriggerChanged($event)"\n (nzOnDragStart)="eventTriggerChanged($event)"\n (nzOnDragEnter)="eventTriggerChanged($event)"\n (nzOnDragOver)="eventTriggerChanged($event)"\n (nzOnDragLeave)="eventTriggerChanged($event)"\n (nzOnDragEnd)="eventTriggerChanged($event)"\n (nzOnDrop)="eventTriggerChanged($event)"\n ></nz-tree-node>\n </ng-template>\n ',changeDetection:o.ChangeDetectionStrategy.OnPush,providers:[T,{provide:d.NzTreeBaseService,useFactory:x,deps:[[new o.SkipSelf,new o.Optional,d.NzTreeHigherOrderServiceToken],T]},{provide:u.NG_VALUE_ACCESSOR,useExisting:o.forwardRef((function(){return w})),multi:!0}],host:{"[class.ant-select-tree]":"nzSelectMode","[class.ant-select-tree-show-line]":"nzSelectMode && nzShowLine","[class.ant-select-tree-icon-hide]":"nzSelectMode && !nzShowIcon","[class.ant-select-tree-block-node]":"nzSelectMode && nzBlockNode","[class.ant-tree]":"!nzSelectMode","[class.ant-tree-rtl]":"dir === 'rtl'","[class.ant-tree-show-line]":"!nzSelectMode && nzShowLine","[class.ant-tree-icon-hide]":"!nzSelectMode && !nzShowIcon","[class.ant-tree-block-node]":"!nzSelectMode && nzBlockNode","[class.draggable-tree]":"nzDraggable"}}]}],w.ctorParameters=function(){return[{type:d.NzTreeBaseService},{type:g.NzConfigService},{type:o.ChangeDetectorRef},{type:t.Directionality,decorators:[{type:o.Optional}]},{type:a.NzNoAnimationDirective,decorators:[{type:o.Host},{type:o.Optional}]}]},w.propDecorators={nzShowIcon:[{type:o.Input}],nzHideUnMatched:[{type:o.Input}],nzBlockNode:[{type:o.Input}],nzExpandAll:[{type:o.Input}],nzSelectMode:[{type:o.Input}],nzCheckStrictly:[{type:o.Input}],nzShowExpand:[{type:o.Input}],nzShowLine:[{type:o.Input}],nzCheckable:[{type:o.Input}],nzAsyncData:[{type:o.Input}],nzDraggable:[{type:o.Input}],nzMultiple:[{type:o.Input}],nzExpandedIcon:[{type:o.Input}],nzVirtualItemSize:[{type:o.Input}],nzVirtualMaxBufferPx:[{type:o.Input}],nzVirtualMinBufferPx:[{type:o.Input}],nzVirtualHeight:[{type:o.Input}],nzTreeTemplate:[{type:o.Input}],nzBeforeDrop:[{type:o.Input}],nzData:[{type:o.Input}],nzExpandedKeys:[{type:o.Input}],nzSelectedKeys:[{type:o.Input}],nzCheckedKeys:[{type:o.Input}],nzSearchValue:[{type:o.Input}],nzSearchFunc:[{type:o.Input}],nzTreeTemplateChild:[{type:o.ContentChild,args:["nzTreeTemplate",{static:!0}]}],cdkVirtualScrollViewport:[{type:o.ViewChild,args:[n.CdkVirtualScrollViewport,{read:n.CdkVirtualScrollViewport}]}],nzExpandedKeysChange:[{type:o.Output}],nzSelectedKeysChange:[{type:o.Output}],nzCheckedKeysChange:[{type:o.Output}],nzSearchValueChange:[{type:o.Output}],nzClick:[{type:o.Output}],nzDblClick:[{type:o.Output}],nzContextMenu:[{type:o.Output}],nzCheckBoxChange:[{type:o.Output}],nzExpandChange:[{type:o.Output}],nzOnDragStart:[{type:o.Output}],nzOnDragEnter:[{type:o.Output}],nzOnDragOver:[{type:o.Output}],nzOnDragLeave:[{type:o.Output}],nzOnDrop:[{type:o.Output}],nzOnDragEnd:[{type:o.Output}]},v([l.InputBoolean(),g.WithConfig(),m("design:type",Boolean)],w.prototype,"nzShowIcon",void 0),v([l.InputBoolean(),g.WithConfig(),m("design:type",Boolean)],w.prototype,"nzHideUnMatched",void 0),v([l.InputBoolean(),g.WithConfig(),m("design:type",Boolean)],w.prototype,"nzBlockNode",void 0),v([l.InputBoolean(),m("design:type",Object)],w.prototype,"nzExpandAll",void 0),v([l.InputBoolean(),m("design:type",Object)],w.prototype,"nzSelectMode",void 0),v([l.InputBoolean(),m("design:type",Object)],w.prototype,"nzCheckStrictly",void 0),v([l.InputBoolean(),m("design:type",Boolean)],w.prototype,"nzShowExpand",void 0),v([l.InputBoolean(),m("design:type",Object)],w.prototype,"nzShowLine",void 0),v([l.InputBoolean(),m("design:type",Object)],w.prototype,"nzCheckable",void 0),v([l.InputBoolean(),m("design:type",Object)],w.prototype,"nzAsyncData",void 0),v([l.InputBoolean(),m("design:type",Boolean)],w.prototype,"nzDraggable",void 0),v([l.InputBoolean(),m("design:type",Object)],w.prototype,"nzMultiple",void 0);var O=function(){};O.decorators=[{type:o.NgModule,args:[{imports:[t.BidiModule,r.CommonModule,c.NzOutletModule,s.NzIconModule,a.NzNoAnimationModule,i.NzHighlightModule,n.ScrollingModule],declarations:[w,D,C,E,k,I,y],exports:[w,D,C]}]}],Object.defineProperty(e,"NzTreeNode",{enumerable:!0,get:function(){return d.NzTreeNode}}),e.NzTreeComponent=w,e.NzTreeIndentComponent=C,e.NzTreeModule=O,e.NzTreeNodeBuiltinCheckboxComponent=k,e.NzTreeNodeBuiltinComponent=D,e.NzTreeNodeSwitcherComponent=E,e.NzTreeNodeTitleComponent=I,e.NzTreeService=T,e.NzTreeServiceFactory=x,e.ɵa=y,Object.defineProperty(e,"__esModule",{value:!0})})); //# sourceMappingURL=ng-zorro-antd-tree.umd.min.js.map