artemis-code-file-manager/ngx-explorer.metadata.json

Simple File Explorer for Angular

{"__symbolic":"module","version":4,"metadata":{"NodeContent":{"__symbolic":"interface"},"Dictionary":{"__symbolic":"interface"},"INode":{"__symbolic":"interface"},"IDataService":{"__symbolic":"interface"},"IHelperService":{"__symbolic":"interface"},"AvialableView":{"List":"List","Icon":"Icon"},"NgeExplorerConfig":{"__symbolic":"interface"},"NgxExplorerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"IconsComponent"},{"__symbolic":"reference","name":"ExplorerComponent"},{"__symbolic":"reference","name":"MenuBarComponent"},{"__symbolic":"reference","name":"BreadcrumbsComponent"},{"__symbolic":"reference","name":"ListComponent"},{"__symbolic":"reference","name":"SecondMenuBarComponent"},{"__symbolic":"reference","name":"ViewSwitcherComponent"},{"__symbolic":"reference","name":"TreeComponent"},{"__symbolic":"reference","name":"FilterComponent"},{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":28,"character":4}],"exports":[{"__symbolic":"reference","name":"IconsComponent"},{"__symbolic":"reference","name":"ExplorerComponent"},{"__symbolic":"reference","name":"MenuBarComponent"},{"__symbolic":"reference","name":"BreadcrumbsComponent"},{"__symbolic":"reference","name":"ListComponent"},{"__symbolic":"reference","name":"SecondMenuBarComponent"},{"__symbolic":"reference","name":"ViewSwitcherComponent"},{"__symbolic":"reference","name":"TreeComponent"},{"__symbolic":"reference","name":"FilterComponent"}],"providers":[{"provide":{"__symbolic":"reference","name":"Config"},"useValue":{"__symbolic":"reference","name":"Config"}}]}]}],"members":{}},"DataService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"getNodeChildren":[{"__symbolic":"method"}],"createNode":[{"__symbolic":"method"}],"renameNode":[{"__symbolic":"method"}],"renameLeaf":[{"__symbolic":"method"}],"deleteNodes":[{"__symbolic":"method"}],"deleteLeafs":[{"__symbolic":"method"}],"uploadFiles":[{"__symbolic":"method"}],"download":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ExplorerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"DataService"}]}],"selectNodes":[{"__symbolic":"method"}],"openNode":[{"__symbolic":"method"}],"expandNode":[{"__symbolic":"method"}],"createNode":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"rename":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"upload":[{"__symbolic":"method"}],"download":[{"__symbolic":"method"}],"getNodeChildren":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"HelperService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"getName":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ConfigProvider":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgeExplorerConfig"}]}]}},"CURRENT_VIEW":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":4,"character":32},"arguments":["CURRENT_VIEW",{"__symbolic":"error","message":"Lambda not supported","line":6,"character":13,"module":"./lib/injection-tokens/tokens"}]},"FILTER_STRING":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":9,"character":33},"arguments":["FILTER_STRING",{"__symbolic":"error","message":"Lambda not supported","line":11,"character":13,"module":"./lib/injection-tokens/tokens"}]},"IconsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseView"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"nxe-icons","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":19},"member":"None"},"template":"<div class=\"nxe-icons\" nxeDragDrop (dragging)=\"dragging = $event\">\n    <div class=\"nxe-icons-drag\" [ngClass]=\"{ dragging: dragging}\"></div>\n    <div class=\"nxe-icons-backpad\" (click)=\"emptySpaceClick()\"></div>\n    <div class=\"nxe-icons-container\">\n        <div class=\"nxe-icons-wrapper\" *ngFor=\"let item of filteredItems\" (dblclick)=\"open($event, item)\" (click)=\"select($event, item)\">\n            <div class=\"nxe-icons-wrapper-inner\" [ngClass]=\"{'nxe-icon-selected':isSelected(item)}\" [title]=\"getDisplayName(item.data)\">\n                <div class=\"nxe-icons-icon\">\n                    <i [className]=\"item.isLeaf ? icons.leaf : icons.node\"></i>\n                </div>\n                <div class=\"nxe-icon-text\">{{ getDisplayName(item.data) }}</div>\n            </div>\n        </div>\n    </div>\n</div>","styles":[".nxe-icons{height:100%;position:absolute;width:100%}.nxe-icons .nxe-icons-drag{bottom:2px;left:2px;position:absolute;right:2px;top:2px}.nxe-icons .nxe-icons-drag.dragging{border:2px dashed #30a2ff;margin:-2px}.nxe-icons .nxe-icons-backpad{height:100%;left:0;position:absolute;top:0;width:100%}.nxe-icons .nxe-icons-container{display:flex;flex-wrap:wrap}.nxe-icons .nxe-icons-container .nxe-icons-wrapper{display:inline-block;flex-grow:0;height:110px;margin:10px 10px 0;width:80px;z-index:1}.nxe-icons .nxe-icons-container .nxe-icons-wrapper .nxe-icons-wrapper-inner{border:1px solid transparent;border-radius:5px;padding-bottom:5px;text-align:center}.nxe-icons .nxe-icons-container .nxe-icons-wrapper .nxe-icons-wrapper-inner:hover{cursor:pointer}.nxe-icons .nxe-icons-container .nxe-icons-wrapper .nxe-icons-wrapper-inner .nxe-icons-icon{margin-top:5px}.nxe-icons .nxe-icons-container .nxe-icons-wrapper .nxe-icons-wrapper-inner .nxe-icons-icon i{color:#555;font-size:50px;font-weight:500}.nxe-icons .nxe-icons-container .nxe-icons-wrapper .nxe-icons-wrapper-inner .nxe-icons-icon i.nxe-folder{color:#fdb900}.nxe-icons .nxe-icons-container .nxe-icons-wrapper .nxe-icons-wrapper-inner .nxe-icons-icon i.nxe-doc{-webkit-text-stroke:3px #fff}.nxe-icons .nxe-icons-container .nxe-icons-wrapper .nxe-icons-wrapper-inner.nxe-icon-selected{background-color:#f1f9ff;border:1px solid #94cfff}.nxe-icons .nxe-icons-container .nxe-icons-wrapper .nxe-icons-wrapper-inner.nxe-icon-selected .nxe-icons-icon i.nxe-doc{-webkit-text-stroke:3px #f1f9ff}.nxe-icons .nxe-icons-container .nxe-icons-wrapper .nxe-icon-text{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden;text-align:center;text-overflow:ellipsis}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":20,"character":81},"arguments":[{"__symbolic":"reference","name":"FILTER_STRING"}]}]],"parameters":[{"__symbolic":"reference","name":"ExplorerService"},{"__symbolic":"reference","name":"HelperService"},{"__symbolic":"reference","name":"BehaviorSubject","module":"rxjs","arguments":[{"__symbolic":"reference","name":"string"}]}]}]}},"ExplorerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nxe-explorer","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":19},"member":"None"},"template":"<div class=\"nxe-explorer\">\n    <div class=\"nxe-eplorer-menu\">\n        <nxe-menu-bar></nxe-menu-bar>\n    </div>\n    <div class=\"nxe-explorer-containers\">\n        <div class=\"nxe-explorer-left-container\">\n            <nxe-tree></nxe-tree>\n        </div>\n        <div class=\"nxe-explorer-right-container\">\n            <div class=\"nxe-explorer-right-menu\">\n                <nxe-second-menu-bar></nxe-second-menu-bar>\n            </div>\n            <div class=\"nxe-explorer-right-content\">\n                <ng-container *ngIf=\"view === avialableView.Icon\">\n                    <nxe-icons></nxe-icons>\n                </ng-container>\n                <ng-container *ngIf=\"view === avialableView.List\">\n                    <nxe-list></nxe-list>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</div> ","styles":[".nxe-explorer{border:1px solid #ccc;display:flex;flex-direction:column;height:100%}.nxe-eplorer-menu{border-bottom:1px solid #ccc}.nxe-explorer-containers{display:flex;flex-wrap:wrap;height:100%}.nxe-explorer-left-container{border-right:1px solid #ccc;flex-basis:20rem;flex-grow:1;overflow:auto;position:relative}.nxe-explorer-right-container{display:flex;flex-basis:0;flex-direction:column;flex-grow:999}.nxe-explorer-right-menu{border-bottom:1px solid #ccc}.nxe-explorer-right-content{flex-grow:1;overflow:auto;position:relative}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":17,"character":17},"arguments":[{"__symbolic":"reference","name":"CURRENT_VIEW"}]}]],"parameters":[{"__symbolic":"reference","name":"BehaviorSubject","module":"rxjs","arguments":[{"__symbolic":"reference","name":"AvialableView"}]}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"MenuBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"nxe-menu-bar","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":10,"character":19},"member":"None"},"template":"<div class=\"nxe-menu-bar\">\n    <div class=\"nxe-menu-bar-left\">    \n        <button class=\"nxe-menu-bar-button\" (click)=\"createFolder()\"><i class=\"nxe-folder\" aria-hidden=\"true\"></i>New Folder</button>\n        <button class=\"nxe-menu-bar-button\" (click)=\"refresh()\"><i class=\"nxe-arrows-cw\" aria-hidden=\"true\"></i> Refresh</button>\n        <button class=\"nxe-menu-bar-button\" (click)=\"openUploader()\"><i class=\"nxe-upload\" aria-hidden=\"true\"></i> Upload</button>\n        <button class=\"nxe-menu-bar-button\" [hidden]=\"!canDownload\" (click)=\"download()\"><i class=\"nxe-download\" aria-hidden=\"true\"></i> Download</button>\n        <button class=\"nxe-menu-bar-button\" [hidden]=\"!canRename\" (click)=\"rename()\"><i class=\"nxe-edit\" aria-hidden=\"true\"></i> Rename</button>\n        <button class=\"nxe-menu-bar-button\" [hidden]=\"!canDelete\" (click)=\"remove()\"><i class=\"nxe-trash-empty\" aria-hidden=\"true\"></i> Delete</button>\n    </div>\n\n    <div class=\"nxe-menu-bar-right\">\n        <nxe-view-switcher></nxe-view-switcher>\n    </div>\n    <input style=\"display: none\" type=\"file\" multiple (change)=\"handleFiles($event.target.files)\" #uploader>\n</div>","styles":[".nxe-menu-bar{display:flex}.nxe-menu-bar .nxe-menu-bar-left{flex-grow:1;padding:10px}.nxe-menu-bar .nxe-menu-bar-button{background:transparent;border:0;border-radius:5px;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;margin-right:20px;padding:5px}.nxe-menu-bar .nxe-menu-bar-button .nxe-folder{color:#fdb900}.nxe-menu-bar .nxe-menu-bar-button .nxe-arrows-cw{color:green}.nxe-menu-bar .nxe-menu-bar-button .nxe-trash-empty{color:#ca0801}.nxe-menu-bar .nxe-menu-bar-button:hover{background-color:#d7edff}"]}]}],"members":{"uploader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":5},"arguments":["uploader",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ExplorerService"},{"__symbolic":"reference","name":"HelperService"}]}],"createFolder":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"rename":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"openUploader":[{"__symbolic":"method"}],"handleFiles":[{"__symbolic":"method"}],"download":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"BreadcrumbsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"nxe-breadcrumbs","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":19},"member":"None"},"template":"<div class=\"nxe-breadcrumbs\">\n    <span *ngFor=\"let crumb of breadcrumbs; last as last\">\n        <button (click)=\"click(crumb)\" class=\"nxe-breadcrumb-button\">{{ crumb.name }}</button>\n        <span *ngIf=\"!last\" class=\"nxe-breadcrumb-separator\">\n            <i class=\"nxe-angle-right\" aria-hidden=\"true\"></i>\n        </span>\n    </span>\n</div>","styles":[".nxe-breadcrumbs .nxe-breadcrumb-button{background:transparent;border:0;border-radius:5px;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;padding:5px}.nxe-breadcrumbs .nxe-breadcrumb-button:hover{background-color:#d7edff}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ExplorerService"},{"__symbolic":"reference","name":"HelperService"},{"__symbolic":"reference","name":"ConfigProvider"}]}],"buildBreadcrumbs":[{"__symbolic":"method"}],"click":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"BaseView":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":14,"character":101},"arguments":[{"__symbolic":"reference","name":"FILTER_STRING"}]}]],"parameters":[{"__symbolic":"reference","name":"ExplorerService"},{"__symbolic":"reference","name":"HelperService"},{"__symbolic":"reference","name":"BehaviorSubject","module":"rxjs","arguments":[{"__symbolic":"reference","name":"string"}]}]}],"getDisplayName":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"emptySpaceClick":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"SecondMenuBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"nxe-second-menu-bar","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":6,"character":17},"member":"None"},"template":"<div class=\"nxe-second-menu-bar\">\n    <div class=\"nxe-second-menu-bar-left\">\n        <nxe-breadcrumbs></nxe-breadcrumbs>\n    </div>\n    <div class=\"nxe-second-menu-bar-right\">\n        <nxe-filter></nxe-filter>\n    </div>\n</div>","styles":[".nxe-second-menu-bar{display:flex;padding:10px}.nxe-second-menu-bar .nxe-second-menu-bar-left{flex-grow:1}"]}]}],"members":{}},"ViewSwitcherComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nxe-view-switcher","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":9,"character":17},"member":"None"},"template":"<div class=\"nxe-view-switcher\">\n    <button (click)=\"setView(avialableView.Icon)\"><i class=\"nxe-th-large\" aria-hidden=\"true\"></i></button>\n    <button (click)=\"setView(avialableView.List)\"><i class=\"nxe-menu\" aria-hidden=\"true\"></i></button>\n</div>","styles":[".nxe-view-switcher{padding:10px}.nxe-view-switcher button{background:transparent;border:0;border-radius:5px;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;padding:5px}.nxe-view-switcher button:hover{background-color:#d7edff}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":15},"arguments":[{"__symbolic":"reference","name":"CURRENT_VIEW"}]}]],"parameters":[{"__symbolic":"reference","name":"BehaviorSubject","module":"rxjs","arguments":[{"__symbolic":"reference","name":"AvialableView"}]}]}],"setView":[{"__symbolic":"method"}]}},"TreeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"nxe-tree","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":16,"character":19},"member":"None"},"template":"<div class=\"nxe-tree\">\n    <ng-container *ngTemplateOutlet=\"tree;context:{nodes:treeNodes}\">\n    </ng-container>\n</div>\n\n<ng-template #tree let-nodes=\"nodes\">\n    <ul *ngIf=\"nodes && nodes.length > 0\">\n        <li *ngFor=\"let node of nodes\">\n            <div class=\"chevron\" *ngIf=\"!node.expanded\" (click)=\"expand(node)\"><i class=\"nxe-angle-right\" aria-hidden=\"true\"></i></div>\n            <div class=\"chevron\" *ngIf=\"node.expanded\" (click)=\"collapse(node)\"><i class=\"nxe-angle-down\" aria-hidden=\"true\"></i></div>\n\n            <div class=\"item\" (dblclick)=\"open(node)\">\n                <div class=\"folder-icon\"><i class=\"nxe-folder\" aria-hidden=\"true\"></i></div>\n                <div class=\"grow\" [innerText]=\"getName(node.data)\"></div>\n                <!-- <div class=\"ellipsis-icon\"><i class=\"fa fa-ellipsis-v\" aria-hidden=\"true\"></i></div> -->\n                <div class=\"highlighter\"></div>\n            </div>\n\n            <ng-container *ngTemplateOutlet=\"tree;context:{nodes:node.children}\">\n            </ng-container>\n        </li>\n    </ul>\n</ng-template> ","styles":[".nxe-tree{position:absolute}.nxe-tree ul{list-style-position:inside;margin:0 0 0 20px;padding:0}.nxe-tree li{list-style-type:none;padding:0;position:relative}.nxe-tree .chevron{color:#333;cursor:pointer;font-size:1.3rem;left:-20px;position:absolute;text-align:center;top:1px;width:21px}.nxe-tree .item{border-radius:5px;cursor:pointer;display:flex;padding:5px}.nxe-tree .item .folder-icon{margin-right:5px}.nxe-tree .item .folder-icon i{color:#555;font-weight:500}.nxe-tree .item .folder-icon i.nxe-folder{color:#fdb900}.nxe-tree .item .grow{flex:1}.nxe-tree .item:hover{background-color:#d7edff}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ExplorerService"},{"__symbolic":"reference","name":"HelperService"}]}],"open":[{"__symbolic":"method"}],"expand":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}],"getName":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"buildTree":[{"__symbolic":"method"}],"addExpandedNode":[{"__symbolic":"method"}],"removeExpandedNode":[{"__symbolic":"method"}]}},"ListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"BaseView"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"nxe-list","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":11,"character":17},"member":"None"},"template":"<div class=\"nxe-list\" nxeDragDrop (dragging)=\"dragging = $event\">\n    <div class=\"nxe-list-drag\" [ngClass]=\"{ dragging: dragging}\"></div>\n    <div class=\"nxe-list-backpad\" (click)=\"emptySpaceClick()\"></div>\n    <div class=\"nxe-list-container\">\n        <div class=\"nxe-list-wrapper \">\n            <table>\n                <thead>\n                    <tr>\n                        <th>Name</th>\n                        <th>Type</th>\n                        <th>Size</th>\n                        <th>Last Modified</th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr *ngFor=\"let item of filteredItems\" (dblclick)=\"open($event, item)\" (click)=\"select($event, item)\"\n                        [ngClass]=\"{'nxe-list-row-selected':isSelected(item)}\">\n                        <td>\n                            <span class=\"nxe-list-icon\">\n                                <i [className]=\"item.isLeaf ? icons.leaf : icons.node\"></i>\n                            </span>\n                            {{ getDisplayName(item.data) }}\n                        </td>\n                        <td>{{ item.type }}</td>\n                        <td>{{ item.size }}</td>\n                        <td>{{ item.lastModified }}</td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</div>","styles":[".nxe-list{height:100%;position:absolute;width:100%}.nxe-list .nxe-list-drag{bottom:2px;left:2px;position:absolute;right:2px;top:2px;z-index:1}.nxe-list .nxe-list-drag.dragging{border:2px dashed #30a2ff;margin:-2px}.nxe-list .nxe-list-backpad{height:100%;left:0;position:absolute;top:0;width:100%}.nxe-list .nxe-list-container{display:flex;flex-wrap:wrap}.nxe-list .nxe-list-container .nxe-list-wrapper{display:inline-block;flex-grow:0;height:100%;width:100%;z-index:1}.nxe-list .nxe-list-container .nxe-list-wrapper table{border-collapse:collapse;border-spacing:0;width:100%}.nxe-list .nxe-list-container .nxe-list-wrapper table thead{border-bottom:1px solid #ccc}.nxe-list .nxe-list-container .nxe-list-wrapper table thead tr th{border-collapse:collapse;border-right:1px solid #ccc;border-spacing:0;font-weight:400;padding:10px;text-align:left}.nxe-list .nxe-list-container .nxe-list-wrapper table thead tr th:last-child{border-right:none}.nxe-list .nxe-list-container .nxe-list-wrapper table tbody tr:nth-child(2n){background-color:#f4f4f4}.nxe-list .nxe-list-container .nxe-list-wrapper table tbody tr.nxe-list-row-selected,.nxe-list .nxe-list-container .nxe-list-wrapper table tbody tr:hover{background-color:#d7edff}.nxe-list .nxe-list-container .nxe-list-wrapper table tbody tr td{padding:8px 10px}.nxe-list .nxe-list-container .nxe-list-wrapper table tbody tr td .nxe-list-icon{color:#555;margin-right:5px}.nxe-list .nxe-list-container .nxe-list-wrapper table tbody tr td .nxe-list-icon .nxe-folder{color:#fdb900}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":20,"character":79},"arguments":[{"__symbolic":"reference","name":"FILTER_STRING"}]}]],"parameters":[{"__symbolic":"reference","name":"ExplorerService"},{"__symbolic":"reference","name":"HelperService"},{"__symbolic":"reference","name":"BehaviorSubject","module":"rxjs","arguments":[{"__symbolic":"reference","name":"string"}]}]}]}},"FilterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"nxe-filter","template":"<div class=\"nxe-filter\">\n    <input class=\"nxe-filter-input\" type=\"text\" #input (keyup)=\"onChange($event, input.value)\">\n    <button class=\"nxe-filter-button\" (click)=\"clear()\"><i class=\"nxe-cancel\" aria-hidden=\"true\"></i></button>\n</div>","styles":[".nxe-filter .nxe-filter-input{border:1px solid #ccc;font-size:1rem;font-weight:300;padding:.25rem}.nxe-filter .nxe-filter-button{background:transparent;border:0;border-radius:5px;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;margin-left:5px;padding:5px 2px 5px 5px}.nxe-filter .nxe-filter-button:hover{background-color:#d7edff}"]}]}],"members":{"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":3},"arguments":["input"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":15,"character":15},"arguments":[{"__symbolic":"reference","name":"FILTER_STRING"}]}],null],"parameters":[{"__symbolic":"reference","name":"BehaviorSubject","module":"rxjs","arguments":[{"__symbolic":"reference","name":"string"}]},{"__symbolic":"reference","name":"ExplorerService"}]}],"onChange":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"Utils":{"__symbolic":"class","members":{},"statics":{"id":0,"compareObjects":{"__symbolic":"function","parameters":["a","b"],"value":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"JSON"},"member":"stringify"},"arguments":[{"__symbolic":"reference","name":"a"}]},"right":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"JSON"},"member":"stringify"},"arguments":[{"__symbolic":"reference","name":"b"}]}}}}},"Config":{"homeNodeName":"Files"},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[nxeDragDrop]"}]}],"members":{"dragEnter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":7,"character":3}}]}],"dragOver":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":8,"character":3}}]}],"dragLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":9,"character":3}}]}],"dragDrop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"dragging":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ExplorerService"}]}],"onDragEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":15,"character":3},"arguments":["dragenter",["$event"]]}]}],"onDragOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":24,"character":3},"arguments":["dragover",["$event"]]}]}],"onDragLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":32,"character":3},"arguments":["dragleave",["$event"]]}]}],"onDrop":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":40,"character":3},"arguments":["drop",["$event"]]}]}]}}},"origins":{"NodeContent":"./lib/shared/types","Dictionary":"./lib/shared/types","INode":"./lib/shared/types","IDataService":"./lib/shared/types","IHelperService":"./lib/shared/types","AvialableView":"./lib/shared/types","NgeExplorerConfig":"./lib/shared/types","NgxExplorerModule":"./lib/ngx-explorer.module","DataService":"./lib/services/data.service","ExplorerService":"./lib/services/explorer.service","HelperService":"./lib/services/helper.service","ConfigProvider":"./lib/services/config.provider","CURRENT_VIEW":"./lib/injection-tokens/tokens","FILTER_STRING":"./lib/injection-tokens/tokens","IconsComponent":"./lib/components/icons/icons.component","ExplorerComponent":"./lib/components/explorer/explorer.component","MenuBarComponent":"./lib/components/menu-bar/menu-bar.component","BreadcrumbsComponent":"./lib/components/breadcrumbs/breadcrumbs.component","BaseView":"./lib/components/base-view/base-view.directive","SecondMenuBarComponent":"./lib/components/second-menu-bar/second-menu-bar.component","ViewSwitcherComponent":"./lib/components/view-switcher/view-switcher.component","TreeComponent":"./lib/components/tree/tree.component","ListComponent":"./lib/components/list/list.component","FilterComponent":"./lib/components/filter/filter.component","Utils":"./lib/shared/utils","Config":"./lib/shared/default-config","ɵa":"./lib/directives/drag-drop.directive"},"importAs":"ngx-explorer"}