{"__symbolic":"module","version":4,"metadata":{"NgxTreeService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getLocalData":[{"__symbolic":"method"}],"elementFinder":[{"__symbolic":"method"}],"addNewItem":[{"__symbolic":"method"}],"deleteItem":[{"__symbolic":"method"}],"startRenameItem":[{"__symbolic":"method"}],"finishRenameItem":[{"__symbolic":"method"}],"startDragging":[{"__symbolic":"method"}],"onDragProcess":[{"__symbolic":"method"}],"dragEndAction":[{"__symbolic":"method"}],"enterDropZone":[{"__symbolic":"method"}],"onDragOver":[{"__symbolic":"method"}],"leaveDropZone":[{"__symbolic":"method"}],"onDropItem":[{"__symbolic":"method"}],"changeItemPosition":[{"__symbolic":"method"}],"getItemPosition":[{"__symbolic":"method"}],"sortTree":[{"__symbolic":"method"}],"sortElements":[{"__symbolic":"method"}],"compate":[{"__symbolic":"method"}],"clearAction":[{"__symbolic":"method"}],"removeDestenationBorders":[{"__symbolic":"method"}],"switchDropButton":[{"__symbolic":"method"}],"checkTreeLength":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"NgxTreeParentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"asd-ngx-tree-lib","template":"<div id='threeWrapper' *ngIf=\"treeView\" [style.font-size.px]='userConfig.setFontSize'>\n    <div class='root-title d-inline-flex pos-relative' *ngIf=\"!userConfig.options.edit;else onEdit\">\n      <div class='root-text'>\n        {{userConfig.rootTitle | translate}}\n      </div>\n      \n      <div class='d-flex buttons-bar' *ngIf=\"userConfig.showActionButtons && userConfig.showRootActionButtons\">\n        <div class='d-flex'>\n          <button class=\"tree-btn add-btn\" *ngIf=\"userConfig.showAddButtons\" (click)=\"submitAdd(null)\">\n            <fa-icon icon=\"plus\" [style.font-size.px]='userConfig.setIconSize'></fa-icon>\n          </button>\n        </div>\n        <div class='d-flex'>\n          <button class=\"tree-btn edit-btn\" *ngIf=\"userConfig.showRenameButtons\" (click)=\"enableRootRenameMode()\">\n            <fa-icon icon=\"edit\" [style.font-size.px]='userConfig.setIconSize'></fa-icon>\n          </button>\n        </div>\n      </div>\n    </div>\n    <ng-template #onEdit>\n      <div class='d-inline-flex'>\n        <form [formGroup]=\"renameForm\" class='d-flex' (submit)='submitRootRename()'>\n          <input type=\"text\" class='input-rename' formControlName=\"name\" libAutoFocus=\"true\" [style.font-size.px]='userConfig.setFontSize'>\n        </form>\n        <div class='d-flex'>\n          <button class='tree-btn submit-btn' (click)='submitRootRename()'>\n            <fa-icon icon=\"check\" [style.font-size.px]='userConfig.setIconSize'></fa-icon>\n          </button>\n          <div class='error-edit-wrap' *ngIf=\"showError\">\n            {{userConfig.validationText}}\n          </div>\n        </div>\n      </div>\n    </ng-template>\n    <div class='tree-child'>\n      <div class=\"tree-content-main\">\n          <lib-ngx-tree-children [setItem]=\"clild\" *ngFor='let clild of treeView'></lib-ngx-tree-children>\n      </div>\n    </div>\n  </div>\n"}]}],"members":{"ondragstart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":3}}]}],"ondragenter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":34,"character":3}}]}],"ondragleave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":35,"character":3}}]}],"ondrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"onallowdrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":3}}]}],"ondragend":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"onadditem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"onStartRenameItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":40,"character":3}}]}],"onFinishRenameItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"onStartDeleteItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":42,"character":3}}]}],"onFinishDeleteItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"onCancelDeleteItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"language":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"treeData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxTreeService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":74,"character":62}]}],"ngOnChanges":[{"__symbolic":"method"}],"setConfig":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}],"enableSubscribers":[{"__symbolic":"method"}],"getTreeData":[{"__symbolic":"method"}],"createForm":[{"__symbolic":"method"}],"enableRootRenameMode":[{"__symbolic":"method"}],"submitAdd":[{"__symbolic":"method"}],"submitRootRename":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"NgxTreeChildrenComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"lib-ngx-tree-children","template":"<div class='tree-child' id={{element.id}} libDragElement [draggableValue]='element.options.draggable' [item]='element' [ngClass]=\"{disabled : element.options.disabled}\">\n  <div *ngIf=\"element && element.options\" class='d-flex'>\n    <div *ngIf='config' [ngClass]=\"{hidden : element.options.hidden}\">\n      <div class='tree-title d-inline-flex pos-relative' [ngClass]=\"{destenationTop : element.options.destenationTop, destenationBottom: element.options.destenationBottom}\" *ngIf=\"!element.options.edit;else onEdit\">\n        <div *ngIf=\"!config.setItemsAsLinks; else link\" [ngClass]=\"{addOpacity : element.options.currentlyDragging}\" libDropElement\n          [item]='element' class='draggable-item'>\n          {{getTitleFromLocalized(element.name) | translate}}\n        </div>\n        <ng-template #link>\n          <div [ngClass]=\"{addOpacity : element.options.currentlyDragging}\" libDropElement\n          [item]='element' class='draggable-item'>\n            <a [href]=\"element.options.href\" class='tree-link'>{{getTitleFromLocalized(element.name) | translate}}</a>\n          </div>\n        </ng-template>\n        <div class='d-flex buttons-bar' *ngIf=\"config.showActionButtons && element.options.showActionButtons && !element.options.disabled\">\n          <div class='d-flex'>\n            <button class=\"tree-btn add-btn\" *ngIf=\"config.showAddButtons\" (click)=\"submitAdd(null, element)\">\n              <fa-icon icon=\"plus\" [style.font-size.px]='config.setIconSize'></fa-icon>\n            </button>\n          </div>\n          <div class='d-flex'>\n            <button class=\"tree-btn edit-btn\" *ngIf=\"config.showRenameButtons\" (click)=\"enableRenameMode(element)\">\n              <fa-icon icon=\"edit\" [style.font-size.px]='config.setIconSize'></fa-icon>\n            </button>\n          </div>\n          <div class='d-flex'>\n            <button class=\"tree-btn delete-btn\" *ngIf=\"config.showDeleteButtons && element.options.showDeleteButton\" (click)=\"onSubmitDelete( element )\">\n              <fa-icon icon=\"times\" [style.font-size.px]='config.setIconSize'></fa-icon>\n            </button>\n          </div>\n        </div>\n        <div class='child-drop-place' [attr.data-id]='element.id'  libDropElement *ngIf='element.options.showDropChildZone && !element.options.disabled'>\n          <fa-icon icon=\"arrow-down\" [style.font-size.px]='config.setIconSize'></fa-icon>\n        </div>\n        <div class='show-hide-switch' *ngIf=\"config.enableExpandButtons && element.options.showExpandButton && element.children.length > 0 && !element.options.disabled\">\n          <div *ngIf=\"element.options.hideChildren; else visible\">\n            <button class='tree-btn show-btn' (click)='element.options.hideChildren = false'>\n              <fa-icon icon=\"plus\" [style.font-size.px]='config.setIconSize'></fa-icon>\n            </button>\n          </div>\n          <ng-template #visible>\n            <button class='tree-btn hide-btn' (click)='element.options.hideChildren = true'>\n              <fa-icon icon=\"minus\" [style.font-size.px]='config.setIconSize'></fa-icon>\n            </button>\n          </ng-template>\n        </div>\n      </div>\n      <ng-template #onEdit>\n        <div class='tree-title d-inline-flex'>\n          <form [formGroup]=\"renameForm\" class='d-flex' (submit)='submitRename(element)'>\n            <input type=\"text\" class='input-rename' formControlName=\"name\" libAutoFocus=\"true\" [style.font-size.px]='config.setFontSize'>\n          </form>\n          <div class='d-flex'>\n            <button class='tree-btn submit-btn' (click)='submitRename(element)'>\n              <fa-icon icon=\"check\" [style.font-size.px]='config.setIconSize'></fa-icon>\n            </button>\n            <button class='tree-btn delete-btn' (click)='onSubmitDelete(element)'>\n              <fa-icon icon=\"times\" [style.font-size.px]='config.setIconSize'></fa-icon>\n            </button>\n            <div class='error-edit-wrap' *ngIf=\"showError\">\n              {{config.validationText}}\n            </div>\n          </div>\n        </div>\n      </ng-template>\n      <div class=\"tree-content\" *ngIf=\"element.children && !element.options.hideChildren\">\n        <lib-ngx-tree-children [setItem]=\"child\" *ngFor='let child of element.children'></lib-ngx-tree-children>\n      </div>\n    </div>\n  </div>\n</div>\n"}]}],"members":{"setItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxTreeService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":53,"character":63},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":53,"character":88}]}],"enableSubscribers":[{"__symbolic":"method"}],"getTitleFromLocalized":[{"__symbolic":"method"}],"setOptions":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}],"createForm":[{"__symbolic":"method"}],"enableRenameMode":[{"__symbolic":"method"}],"submitAdd":[{"__symbolic":"method"}],"submitRename":[{"__symbolic":"method"}],"onSubmitDelete":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"AutoFocusDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[libAutoFocus]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":7,"character":28}]}],"ngOnInit":[{"__symbolic":"method"}],"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}]}},"DragElementsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[libDragElement]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":8,"character":28},{"__symbolic":"reference","name":"NgxTreeService"}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"draggableValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":12,"character":5},"arguments":["draggable"]}]}],"onDragStart":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":22,"character":5},"arguments":["dragstart",["$event"]]}]}],"onDrag":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":53,"character":5},"arguments":["drag",["$event"]]}]}],"onDragEnd":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":71,"character":5},"arguments":["dragend",["$event"]]}]}]}},"DropElementsDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[libDropElement]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":7,"character":28},{"__symbolic":"reference","name":"NgxTreeService"}]}],"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5}}]}],"drop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":5}}]}],"onDragOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":16,"character":5},"arguments":["dragover",["$event"]]}]}],"onDrop":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":30,"character":5},"arguments":["drop",["$event"]]}]}],"onDragEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":51,"character":5},"arguments":["dragenter",["$event"]]}]}],"onDragLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":66,"character":5},"arguments":["dragleave",["$event"]]}]}]}},"HttpLoaderFactory":{"__symbolic":"function","parameters":["http"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@ngx-translate/http-loader","name":"TranslateHttpLoader","line":17,"character":13},"arguments":[{"__symbolic":"reference","name":"http"},"/assets/i18n/",".json"]}},"NgxTreeLibModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":22,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":24,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":25,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":26,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":27,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":28,"character":4},"member":"forRoot"},"arguments":[{"loader":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateLoader","line":30,"character":17},"useFactory":{"__symbolic":"reference","name":"HttpLoaderFactory"},"deps":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":32,"character":15}]}}]}],"declarations":[{"__symbolic":"reference","name":"AutoFocusDirective"},{"__symbolic":"reference","name":"DragElementsDirective"},{"__symbolic":"reference","name":"DropElementsDirective"},{"__symbolic":"reference","name":"NgxTreeParentComponent"},{"__symbolic":"reference","name":"NgxTreeChildrenComponent"}],"exports":[{"__symbolic":"reference","name":"AutoFocusDirective"},{"__symbolic":"reference","name":"DragElementsDirective"},{"__symbolic":"reference","name":"DropElementsDirective"},{"__symbolic":"reference","name":"NgxTreeParentComponent"},{"__symbolic":"reference","name":"NgxTreeChildrenComponent"}]}]}],"members":{}}},"origins":{"NgxTreeService":"./lib/ngx-tree-lib.service","NgxTreeParentComponent":"./lib/ngx-tree-lib-parent/ngx-tree-lib-parent.component","NgxTreeChildrenComponent":"./lib/ngx-tree-lib-children/ngx-tree-lib.component","AutoFocusDirective":"./lib/directives/ngx-tree-lib-autofocus.directive","DragElementsDirective":"./lib/directives/ngx-tree-lib-drag.directive","DropElementsDirective":"./lib/directives/ngx-tree-lib-drop.directive","HttpLoaderFactory":"./lib/ngx-tree-lib.module","NgxTreeLibModule":"./lib/ngx-tree-lib.module"},"importAs":"ngx-tree-lib"}