{"__symbolic":"module","version":4,"metadata":{"NDropService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"NDropComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"N-NDrop","template":"<div >\n\n\n  <div>\n    <h6 class=\"mt-3 ml-4\" >Folders</h6>\n    <div class='n-items-container ml-5' [dragula]='\"folders-bag\"' [dragulaOptions]=\"dragOptions\">\n      <n-drop-folder-item *ngFor=\"let folder of levelFolders\"\n                   [data]=\"folder\"\n                   [fileNameField]=\"fileNameField\"\n                   [active]=\"selectedItems.indexOf(folder) !== -1\"\n                   [disabled]=\"disabledItems.indexOf(folder) !== -1\"\n                   [hover]=\"hoveredFolder === folder\"\n                   (selectionChange)=\"itemSelection($event)\"\n                   (goToItem)=\"goToItem($event)\"\n      ></n-drop-folder-item>\n    </div>\n    \n  </div>\n  <div>\n    <h6 class=\"mt-3 ml-4\" >Files</h6>\n    <div class='n-items-container ml-5' [dragula]='\"files-bag\"' [dragulaOptions]=\"dragOptions\">\n      <n-drop-file-item *ngFor=\"let file of levelFiles\"\n                   [data]=\"file\"\n                   [fileNameField]=\"fileNameField\"\n                   [active]=\"selectedItems.indexOf(file) !== -1\"\n                   [disabled]=\"disabledItems.indexOf(file) !== -1\"\n                   (selectionChange)=\"itemSelection($event)\"\n      ></n-drop-file-item>\n    </div>\n  </div>\n\n</div>\n","styles":[".gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:0}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}.n-items-container{display:flex;flex-wrap:wrap}#bound{width:100%}body{font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;color:rgba(0,0,0,.72)}.main-panel{height:500px;overflow:auto}::-webkit-scrollbar{width:10px;height:4px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;height:15px}::-webkit-scrollbar-thumb:hover{background:#555}"],"viewProviders":[{"__symbolic":"reference","module":"ng2-dragula/ng2-dragula","name":"DragulaService","line":43,"character":20}]}]}],"members":{"folders":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"files":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5}}]}],"activeFolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}}]}],"idField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":5}}]}],"parentIdField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}}]}],"fileNameField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}}]}],"folderNameField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}}]}],"drop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":64,"character":5}}]}],"goToFolder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":65,"character":5}}]}],"goBack":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":66,"character":5}}]}],"didClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":67,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng2-dragula/ng2-dragula","name":"DragulaService","line":126,"character":40},{"__symbolic":"reference","name":"ɵa"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"registerItemComponent":[{"__symbolic":"method"}],"unregisterItemComponent":[{"__symbolic":"method"}],"itemSelection":[{"__symbolic":"method"}],"goToItem":[{"__symbolic":"method"}],"goBackBtnClicked":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"onKeyUp":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"onMouseUp":[{"__symbolic":"method"}],"deselectItems":[{"__symbolic":"method"}],"getDataFromElement":[{"__symbolic":"method"}],"selectItemsInLevel":[{"__symbolic":"method"}],"onDragStart":[{"__symbolic":"method"}],"onDragMove":[{"__symbolic":"method"}],"createCursorClones":[{"__symbolic":"method"}],"createFolderCounter":[{"__symbolic":"method"}],"attachCursorClonesToMouse":[{"__symbolic":"method"}],"isElementInArea":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}],"returnCursorClones":[{"__symbolic":"method"}],"areCursorElementReplaced":[{"__symbolic":"method"}],"removeCursorClones":[{"__symbolic":"method"}],"endDragProcess":[{"__symbolic":"method"}],"ngDoCheck":[{"__symbolic":"method"}]},"statics":{"FoldersCounterClass":"n-folders-counter","TypeFolderClass":"n-type-folder","TypeCursorClass":"n-cursor-block","ItemNameActiveStateClass":"n-name-active","isMacintosh":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"binop","operator":">","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"navigator"},"member":"platform"},"member":"indexOf"},"arguments":["Mac"]},"right":-1}},"isFirefox":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"binop","operator":">","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"navigator"},"member":"userAgent"},"member":"toLowerCase"}},"member":"indexOf"},"arguments":["firefox"]},"right":-1}}}},"NDropModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":13,"character":8},{"__symbolic":"reference","module":"ng2-dragula/ng2-dragula","name":"DragulaModule","line":14,"character":8},{"__symbolic":"reference","module":"@angular/platform-browser","name":"BrowserModule","line":15,"character":8},{"__symbolic":"reference","module":"ngx-infinite-scroll","name":"InfiniteScrollModule","line":16,"character":8}],"declarations":[{"__symbolic":"reference","name":"NDropComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵc"}],"providers":[],"exports":[{"__symbolic":"reference","name":"NDropComponent"}]}]}],"members":{}},"ɵa":{"__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","module":"@angular/common/http","name":"HttpClient","line":20,"character":28}]}],"loadMore":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"ɵb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵc"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"n-drop-file-item","template":"<div class=\"fi-item\" (click)=\"select()\"\n     [ngClass]=\"{'n-item-disabled': disabled}\">\n    <div class=\"n-file-preview\">\n        <div class=\"card rounded-0\">\n            <div class=\"view overlay zoom image-container\" style=\"background: #000000;\">\n                <img class=\"card-img-top img-responsive  image-fit\" \n                     *ngIf=\"data.mime === 'image'\"\n                    \n                     [src]=\"data.file_url \" alt=\"Card image cap\">\n\n\n                <video *ngIf=\"data.mime === 'video'\"\n                       class=\"card-img-top img-responsive  image-fit\">\n                    <source [src]=\"data.file_url\" type=\"video/mp4\"/>\n\n                </video>\n                <div class=\"playbtn\" *ngIf=\"data.mime === 'video'\"></div>\n\n            </div>\n        </div>\n        <div class=\"view overlay zoom text-center rounded-0\"\n             *ngIf=\"data.mime != 'image' && data.mime != 'video'\">\n\n            <div ngSwitch=\"{{data.extension}}\">\n                <div *ngSwitchCase=\"'.docx'\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" height=\"135\" viewBox=\"0 0 48 48\"\n                         style=\"fill:#3498db;\">\n                        <g id=\"surface1\">\n                            <path style=\" fill:#2196F3;\"\n                                  d=\"M 41 10 L 25 10 L 25 38 L 41 38 C 41.554688 38 42 37.554688 42 37 L 42 11 C 42 10.445313 41.554688 10 41 10 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 15 L 39 15 L 39 17 L 25 17 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 19 L 39 19 L 39 21 L 25 21 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 23 L 39 23 L 39 25 L 25 25 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 27 L 39 27 L 39 29 L 25 29 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 31 L 39 31 L 39 33 L 25 33 Z \"></path>\n                            <path style=\" fill:#0D47A1;\" d=\"M 27 42 L 6 38 L 6 10 L 27 6 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\"\n                                  d=\"M 21.167969 31.011719 L 18.449219 31.011719 L 16.648438 22.023438 C 16.550781 21.546875 16.492188 21.027344 16.472656 20.449219 L 16.441406 20.449219 C 16.398438 21.085938 16.332031 21.609375 16.246094 22.023438 L 14.394531 31.011719 L 11.566406 31.011719 L 8.707031 16.996094 L 11.382813 16.996094 L 12.917969 26.324219 C 12.980469 26.730469 13.03125 27.265625 13.0625 27.933594 L 13.105469 27.933594 C 13.121094 27.433594 13.203125 26.882813 13.328125 26.289063 L 15.296875 16.996094 L 17.917969 16.996094 L 19.703125 26.402344 C 19.765625 26.75 19.824219 27.246094 19.875 27.910156 L 19.90625 27.910156 C 19.925781 27.398438 19.976563 26.878906 20.066406 26.347656 L 21.566406 16.996094 L 24.035156 16.996094 Z \"></path>\n                        </g>\n                    </svg>\n                </div>\n                <div *ngSwitchCase=\"'.pub'\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" height=\"135\" viewBox=\"0 0 48 48\"\n                         style=\"fill:#3498db;\">\n                        <g id=\"surface1\">\n                            <path style=\" fill:#26A69A;\"\n                                  d=\"M 31 33 C 31 33.554688 31.445313 34 32 34 L 41 34 C 41.554688 34 42 33.554688 42 33 L 42 11 C 42 10.445313 41.554688 10 41 10 L 32 10 C 31.445313 10 31 10.445313 31 11 Z \"></path>\n                            <path style=\" fill:#00796B;\"\n                                  d=\"M 31 11 L 31 17.335938 L 35 18 L 36.6875 17.664063 L 36.6875 14.289063 L 31.296875 10.289063 C 31.113281 10.472656 31 10.722656 31 11 Z \"></path>\n                            <path style=\" fill:#57C4B4;\"\n                                  d=\"M 36 14 L 20 14 L 20 38 L 36 38 C 36.554688 38 37 37.554688 37 37 L 37 15 C 37 14.445313 36.554688 14 36 14 Z \"></path>\n                            <path style=\" fill:#E0F2F1;\" d=\"M 20 28 L 34 28 L 34 30 L 20 30 Z \"></path>\n                            <path style=\" fill:#E0F2F1;\" d=\"M 20 24 L 34 24 L 34 26 L 20 26 Z \"></path>\n                            <path style=\" fill:#E0F2F1;\" d=\"M 20 18 L 34 18 L 34 22 L 20 22 Z \"></path>\n                            <path style=\" fill:#E0F2F1;\" d=\"M 20 32 L 34 32 L 34 34 L 20 34 Z \"></path>\n                            <path style=\" fill:#00897B;\" d=\"M 27 42 L 6 38 L 6 10 L 27 6 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\"\n                                  d=\"M 16.828125 17 L 12 17 L 12 31 L 15 31 L 15 26.175781 L 16.550781 26.175781 C 18.207031 26.175781 19.527344 25.742188 20.515625 24.871094 C 21.503906 24.003906 22 22.867188 22 21.460938 C 22 18.488281 20.273438 17 16.828125 17 Z M 16.292969 23.785156 L 15 23.785156 L 15 19.421875 L 16.292969 19.421875 C 17.933594 19.421875 18.753906 20.140625 18.753906 21.578125 C 18.753906 23.050781 17.933594 23.785156 16.292969 23.785156 Z \"></path>\n                        </g>\n                    </svg>\n                </div>\n                <div *ngSwitchCase=\"'.pubx'\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" height=\"135\" viewBox=\"0 0 48 48\"\n                         style=\"fill:#3498db;\">\n                        <g id=\"surface1\">\n                            <path style=\" fill:#26A69A;\"\n                                  d=\"M 31 33 C 31 33.554688 31.445313 34 32 34 L 41 34 C 41.554688 34 42 33.554688 42 33 L 42 11 C 42 10.445313 41.554688 10 41 10 L 32 10 C 31.445313 10 31 10.445313 31 11 Z \"></path>\n                            <path style=\" fill:#00796B;\"\n                                  d=\"M 31 11 L 31 17.335938 L 35 18 L 36.6875 17.664063 L 36.6875 14.289063 L 31.296875 10.289063 C 31.113281 10.472656 31 10.722656 31 11 Z \"></path>\n                            <path style=\" fill:#57C4B4;\"\n                                  d=\"M 36 14 L 20 14 L 20 38 L 36 38 C 36.554688 38 37 37.554688 37 37 L 37 15 C 37 14.445313 36.554688 14 36 14 Z \"></path>\n                            <path style=\" fill:#E0F2F1;\" d=\"M 20 28 L 34 28 L 34 30 L 20 30 Z \"></path>\n                            <path style=\" fill:#E0F2F1;\" d=\"M 20 24 L 34 24 L 34 26 L 20 26 Z \"></path>\n                            <path style=\" fill:#E0F2F1;\" d=\"M 20 18 L 34 18 L 34 22 L 20 22 Z \"></path>\n                            <path style=\" fill:#E0F2F1;\" d=\"M 20 32 L 34 32 L 34 34 L 20 34 Z \"></path>\n                            <path style=\" fill:#00897B;\" d=\"M 27 42 L 6 38 L 6 10 L 27 6 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\"\n                                  d=\"M 16.828125 17 L 12 17 L 12 31 L 15 31 L 15 26.175781 L 16.550781 26.175781 C 18.207031 26.175781 19.527344 25.742188 20.515625 24.871094 C 21.503906 24.003906 22 22.867188 22 21.460938 C 22 18.488281 20.273438 17 16.828125 17 Z M 16.292969 23.785156 L 15 23.785156 L 15 19.421875 L 16.292969 19.421875 C 17.933594 19.421875 18.753906 20.140625 18.753906 21.578125 C 18.753906 23.050781 17.933594 23.785156 16.292969 23.785156 Z \"></path>\n                        </g>\n                    </svg>\n                </div>\n                <div *ngSwitchCase=\"'.xls'\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" height=\"135\" viewBox=\"0 0 48 48\"\n                         style=\"fill:#3498db;\">\n                        <g id=\"surface1\">\n                            <path style=\" fill:#4CAF50;\"\n                                  d=\"M 41 10 L 25 10 L 25 38 L 41 38 C 41.554688 38 42 37.554688 42 37 L 42 11 C 42 10.445313 41.554688 10 41 10 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 32 15 L 39 15 L 39 18 L 32 18 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 32 25 L 39 25 L 39 28 L 32 28 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 32 30 L 39 30 L 39 33 L 32 33 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 32 20 L 39 20 L 39 23 L 32 23 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 15 L 30 15 L 30 18 L 25 18 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 25 L 30 25 L 30 28 L 25 28 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 30 L 30 30 L 30 33 L 25 33 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 20 L 30 20 L 30 23 L 25 23 Z \"></path>\n                            <path style=\" fill:#2E7D32;\" d=\"M 27 42 L 6 38 L 6 10 L 27 6 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\"\n                                  d=\"M 19.128906 31 L 16.71875 26.4375 C 16.625 26.269531 16.53125 25.957031 16.433594 25.5 L 16.398438 25.5 C 16.351563 25.714844 16.242188 26.042969 16.074219 26.480469 L 13.652344 31 L 9.894531 31 L 14.355469 24 L 10.273438 17 L 14.109375 17 L 16.113281 21.195313 C 16.269531 21.527344 16.40625 21.921875 16.53125 22.375 L 16.570313 22.375 C 16.648438 22.105469 16.796875 21.695313 17.011719 21.15625 L 19.238281 17 L 22.753906 17 L 18.554688 23.9375 L 22.867188 30.996094 L 19.128906 30.996094 Z \"></path>\n                        </g>\n                    </svg>\n                </div>\n                <div *ngSwitchCase=\"'.xlsx'\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" height=\"135\" viewBox=\"0 0 48 48\"\n                         style=\"fill:#3498db;\">\n                        <g id=\"surface1\">\n                            <path style=\" fill:#4CAF50;\"\n                                  d=\"M 41 10 L 25 10 L 25 38 L 41 38 C 41.554688 38 42 37.554688 42 37 L 42 11 C 42 10.445313 41.554688 10 41 10 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 32 15 L 39 15 L 39 18 L 32 18 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 32 25 L 39 25 L 39 28 L 32 28 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 32 30 L 39 30 L 39 33 L 32 33 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 32 20 L 39 20 L 39 23 L 32 23 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 15 L 30 15 L 30 18 L 25 18 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 25 L 30 25 L 30 28 L 25 28 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 30 L 30 30 L 30 33 L 25 33 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 20 L 30 20 L 30 23 L 25 23 Z \"></path>\n                            <path style=\" fill:#2E7D32;\" d=\"M 27 42 L 6 38 L 6 10 L 27 6 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\"\n                                  d=\"M 19.128906 31 L 16.71875 26.4375 C 16.625 26.269531 16.53125 25.957031 16.433594 25.5 L 16.398438 25.5 C 16.351563 25.714844 16.242188 26.042969 16.074219 26.480469 L 13.652344 31 L 9.894531 31 L 14.355469 24 L 10.273438 17 L 14.109375 17 L 16.113281 21.195313 C 16.269531 21.527344 16.40625 21.921875 16.53125 22.375 L 16.570313 22.375 C 16.648438 22.105469 16.796875 21.695313 17.011719 21.15625 L 19.238281 17 L 22.753906 17 L 18.554688 23.9375 L 22.867188 30.996094 L 19.128906 30.996094 Z \"></path>\n                        </g>\n                    </svg>\n                </div>\n\n                <div *ngSwitchCase=\"'.doc'\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" height=\"135\" viewBox=\"0 0 48 48\"\n                         style=\"fill:#3498db;\">\n                        <g id=\"surface1\">\n                            <path style=\" fill:#2196F3;\"\n                                  d=\"M 41 10 L 25 10 L 25 38 L 41 38 C 41.554688 38 42 37.554688 42 37 L 42 11 C 42 10.445313 41.554688 10 41 10 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 15 L 39 15 L 39 17 L 25 17 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 19 L 39 19 L 39 21 L 25 21 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 23 L 39 23 L 39 25 L 25 25 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 27 L 39 27 L 39 29 L 25 29 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\" d=\"M 25 31 L 39 31 L 39 33 L 25 33 Z \"></path>\n                            <path style=\" fill:#0D47A1;\" d=\"M 27 42 L 6 38 L 6 10 L 27 6 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\"\n                                  d=\"M 21.167969 31.011719 L 18.449219 31.011719 L 16.648438 22.023438 C 16.550781 21.546875 16.492188 21.027344 16.472656 20.449219 L 16.441406 20.449219 C 16.398438 21.085938 16.332031 21.609375 16.246094 22.023438 L 14.394531 31.011719 L 11.566406 31.011719 L 8.707031 16.996094 L 11.382813 16.996094 L 12.917969 26.324219 C 12.980469 26.730469 13.03125 27.265625 13.0625 27.933594 L 13.105469 27.933594 C 13.121094 27.433594 13.203125 26.882813 13.328125 26.289063 L 15.296875 16.996094 L 17.917969 16.996094 L 19.703125 26.402344 C 19.765625 26.75 19.824219 27.246094 19.875 27.910156 L 19.90625 27.910156 C 19.925781 27.398438 19.976563 26.878906 20.066406 26.347656 L 21.566406 16.996094 L 24.035156 16.996094 Z \"></path>\n                        </g>\n                    </svg>\n                </div>\n                <div *ngSwitchCase=\"'.pptx'\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" height=\"135\" viewBox=\"0 0 48 48\"\n                         style=\"fill:#3498db;\">\n                        <g id=\"surface1\">\n                            <path style=\" fill:#FF8A65;\"\n                                  d=\"M 41 10 L 25 10 L 25 38 L 41 38 C 41.554688 38 42 37.554688 42 37 L 42 11 C 42 10.445313 41.554688 10 41 10 Z \"></path>\n                            <path style=\" fill:#FBE9E7;\" d=\"M 24 29 L 38 29 L 38 31 L 24 31 Z \"></path>\n                            <path style=\" fill:#FBE9E7;\" d=\"M 24 33 L 38 33 L 38 35 L 24 35 Z \"></path>\n                            <path style=\" fill:#FBE9E7;\"\n                                  d=\"M 30 15 C 26.6875 15 24 17.6875 24 21 C 24 24.3125 26.6875 27 30 27 C 33.3125 27 36 24.3125 36 21 L 30 21 Z \"></path>\n                            <path style=\" fill:#FBE9E7;\"\n                                  d=\"M 32 13 L 32 19 L 38 19 C 38 15.6875 35.3125 13 32 13 Z \"></path>\n                            <path style=\" fill:#E64A19;\" d=\"M 27 42 L 6 38 L 6 10 L 27 6 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\"\n                                  d=\"M 16.828125 17 L 12 17 L 12 31 L 15 31 L 15 26.175781 L 16.550781 26.175781 C 18.207031 26.175781 19.527344 25.742188 20.515625 24.871094 C 21.503906 24.003906 22 22.867188 22 21.460938 C 22 18.488281 20.273438 17 16.828125 17 Z M 16.292969 23.785156 L 15 23.785156 L 15 19.421875 L 16.292969 19.421875 C 17.933594 19.421875 18.753906 20.140625 18.753906 21.578125 C 18.753906 23.050781 17.933594 23.785156 16.292969 23.785156 Z \"></path>\n                        </g>\n                    </svg>\n                </div>\n                <div *ngSwitchCase=\"'.ppt'\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" height=\"135\" viewBox=\"0 0 48 48\"\n                         style=\"fill:#3498db;\">\n                        <g id=\"surface1\">\n                            <path style=\" fill:#FF8A65;\"\n                                  d=\"M 41 10 L 25 10 L 25 38 L 41 38 C 41.554688 38 42 37.554688 42 37 L 42 11 C 42 10.445313 41.554688 10 41 10 Z \"></path>\n                            <path style=\" fill:#FBE9E7;\" d=\"M 24 29 L 38 29 L 38 31 L 24 31 Z \"></path>\n                            <path style=\" fill:#FBE9E7;\" d=\"M 24 33 L 38 33 L 38 35 L 24 35 Z \"></path>\n                            <path style=\" fill:#FBE9E7;\"\n                                  d=\"M 30 15 C 26.6875 15 24 17.6875 24 21 C 24 24.3125 26.6875 27 30 27 C 33.3125 27 36 24.3125 36 21 L 30 21 Z \"></path>\n                            <path style=\" fill:#FBE9E7;\"\n                                  d=\"M 32 13 L 32 19 L 38 19 C 38 15.6875 35.3125 13 32 13 Z \"></path>\n                            <path style=\" fill:#E64A19;\" d=\"M 27 42 L 6 38 L 6 10 L 27 6 Z \"></path>\n                            <path style=\" fill:#FFFFFF;\"\n                                  d=\"M 16.828125 17 L 12 17 L 12 31 L 15 31 L 15 26.175781 L 16.550781 26.175781 C 18.207031 26.175781 19.527344 25.742188 20.515625 24.871094 C 21.503906 24.003906 22 22.867188 22 21.460938 C 22 18.488281 20.273438 17 16.828125 17 Z M 16.292969 23.785156 L 15 23.785156 L 15 19.421875 L 16.292969 19.421875 C 17.933594 19.421875 18.753906 20.140625 18.753906 21.578125 C 18.753906 23.050781 17.933594 23.785156 16.292969 23.785156 Z \"></path>\n                        </g>\n                    </svg>\n                </div>\n                <div *ngSwitchCase=\"'.pdf'\">\n                    <img height=\"135\" src=\"data:image/svg+xml;base64,\n                    PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDU1MC44MDEgNTUwLjgwMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTUwLjgwMSA1NTAuODAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMC42Njg4MzggMCAwIDAuNjY4ODM4IDEwMS4yMDIgOTAuNDk5OCkiPjxnPgoJPGc+CgkJPHBhdGggZD0iTTI2Ny4zNDIsNDE0LjY5OGMtNi42MTMsMC0xMC44ODQsMC41ODUtMTMuNDEzLDEuMTY1djg1LjcyYzIuNTM0LDAuNTg2LDYuNjE2LDAuNTg2LDEwLjMwNCwwLjU4NiAgICBjMjYuODE4LDAuMTg5LDQ0LjMxNS0xNC41NzYsNDQuMzE1LTQ1Ljg3NEMzMDguNzM4LDQyOS4wNzksMjkyLjgwMyw0MTQuNjk4LDI2Ny4zNDIsNDE0LjY5OHoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0U2NDY0NiIgZGF0YS1vbGRfY29sb3I9IiNGNjA3MDciPjwvcGF0aD4KCQk8cGF0aCBkPSJNMTUyLjgzNyw0MTQuMzEzYy02LjAyMiwwLTEwLjEwNCwwLjU4LTEyLjI0OCwxLjE2djM4LjY4NmMyLjUzMSwwLjU4LDUuNjQzLDAuNzgsOS45MDMsMC43OCAgICBjMTUuNzU3LDAsMjUuNDcxLTcuOTczLDI1LjQ3MS0yMS4zODRDMTc1Ljk2NCw0MjEuNTA2LDE2Ny42MDEsNDE0LjMxMywxNTIuODM3LDQxNC4zMTN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNFNjQ2NDYiIGRhdGEtb2xkX2NvbG9yPSIjRjYwNzA3Ij48L3BhdGg+CgkJPHBhdGggZD0iTTQ3NS4wOTUsMTMxLjk5MmMtMC4wMzItMi41MjYtMC44MzMtNS4wMjEtMi41NjgtNi45OTNMMzY2LjMyNCwzLjY5NGMtMC4wMjEtMC4wMzQtMC4wNjItMC4wNDUtMC4wODQtMC4wNzYgICAgYy0wLjYzMy0wLjcwNy0xLjM2LTEuMjktMi4xNDEtMS44MDRjLTAuMjMyLTAuMTUtMC40NzUtMC4yODUtMC43MTgtMC40MjJjLTAuNjc1LTAuMzY2LTEuMzgyLTAuNjctMi4xMy0wLjg5MiAgICBjLTAuMTktMC4wNTgtMC4zOC0wLjE0LTAuNTgtMC4xOTJDMzU5Ljg3LDAuMTE0LDM1OS4wMzcsMCwzNTguMjAzLDBIOTcuMkM4NS4yOTIsMCw3NS42LDkuNjkzLDc1LjYsMjEuNjAxdjUwNy42ICAgIGMwLDExLjkxMyw5LjY5MiwyMS42MDEsMjEuNiwyMS42MDFINDUzLjZjMTEuOTA4LDAsMjEuNjAxLTkuNjg4LDIxLjYwMS0yMS42MDFWMTMzLjIwMiAgICBDNDc1LjIsMTMyLjc5Niw0NzUuMTM3LDEzMi4zOTgsNDc1LjA5NSwxMzEuOTkyeiBNMTkzLjI2MSw0NjMuODczYy0xMC4xMDQsOS41MjMtMjUuMDcyLDEzLjgwNi00Mi41NjksMTMuODA2ICAgIGMtMy44ODIsMC03LjM5MS0wLjItMTAuMTAyLTAuNTh2NDYuODM5aC0yOS4zNVYzOTQuNjc1YzkuMTMxLTEuNTUsMjEuOTY3LTIuNzIxLDQwLjA0Ny0yLjcyMSAgICBjMTguMjY3LDAsMzEuMjkyLDMuNTAxLDQwLjAzNiwxMC40OTRjOC4zNjMsNi42MTIsMTMuOTg1LDE3LjQ5NywxMy45ODUsMzAuMzIyQzIwNS4zMDgsNDQ1LjYwNSwyMDEuMDQyLDQ1Ni40OSwxOTMuMjYxLDQ2My44NzN6ICAgICBNMzE4LjI1Miw1MDguMzkyYy0xMy43ODUsMTEuNDY0LTM0Ljc3OCwxNi45MDYtNjAuNDI4LDE2LjkwNmMtMTUuMzU5LDAtMjYuMjM4LTAuOTctMzMuNjM3LTEuOTRWMzk0LjY3NSAgICBjMTAuODg3LTEuNzQsMjUuMDgzLTIuNzIxLDQwLjA0Ni0yLjcyMWMyNC44NjcsMCw0MS4wMDQsNC40NzIsNTMuNjQ1LDEzLjk5NWMxMy42MSwxMC4xMDksMjIuMTY0LDI2LjI0MSwyMi4xNjQsNDkuMzcgICAgQzM0MC4wMzEsNDgwLjQsMzMwLjg5Nyw0OTcuNjk3LDMxOC4yNTIsNTA4LjM5MnogTTQzOS41NzIsNDE3LjIyNWgtNTAuMzUxdjI5LjkzMmg0Ny4wMzl2MjQuMTFoLTQ3LjAzOXY1Mi42NzFIMzU5LjQ5VjM5Mi45MzUgICAgaDgwLjA4MlY0MTcuMjI1eiBNOTcuMiwzNjYuNzUyVjIxLjYwMWgyNTAuMjAzdjExMC41MTVjMCw1Ljk2MSw0LjgzMSwxMC44LDEwLjgsMTAuOEg0NTMuNmwwLjAxMSwyMjMuODM2SDk3LjJ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNFNjQ2NDYiIGRhdGEtb2xkX2NvbG9yPSIjRjYwNzA3Ij48L3BhdGg+CgkJPHBhdGggZD0iTTM4Ni4yMDUsMjMyLjEzNWMtMC42MzMtMC4wNTktMTUuODUyLTEuNDQ4LTM5LjIxMy0xLjQ0OGMtNy4zMTksMC0xNC42OTEsMC4xNDMtMjEuOTY5LDAuNDE3ICAgIGMtNDYuMTMzLTM0LjYyLTgzLjkxOS02OS4yNjctMTA0LjE0OC04OC42ODRjMC4zNjktMi4xMzgsMC42MjMtMy44MjgsMC43NDEtNS4xMjZjMi42NjgtMjguMTY1LTAuMjk4LTQ3LjE3OS04Ljc4Ni01Ni41MTUgICAgYy01LjU1OC02LjEwMS0xMy43MjEtOC4xMzEtMjIuMjMzLTUuODA2Yy01LjI4NiwxLjM4NS0xNS4wNzEsNi41MTMtMTguMjA0LDE2Ljk1MmMtMy40NTksMTEuNTM2LDIuMTAxLDI1LjUzNywxNi43MDgsNDEuNzczICAgIGMwLjIzMiwwLjI0Niw1LjE4OSw1LjQ0LDE0LjE5NiwxNC4yNDFjLTUuODU0LDI3LjkxMy0yMS4xNzgsODguMTQ4LTI4LjYxMywxMTcuMDczYy0xNy40NjMsOS4zMzEtMzIuMDEzLDIwLjU3MS00My4yNzcsMzMuNDY1ICAgIGwtMC43MzgsMC44NDRsLTAuNDc3LDEuMDEzYy0xLjE2LDIuNDM3LTYuNzA1LDE1LjA4Ny0yLjU0MiwyNS4yNDljMS45MDEsNC42Miw1LjQ2Myw3Ljk5NSwxMC4zMDIsOS43NjdsMS4yOTcsMC4zNDkgICAgYzAsMCwxLjE3LDAuMjUzLDMuMjI3LDAuMjUzYzkuMDEsMCwzMS4yNS00LjczNSw0My4xNzktNDguNjk1bDIuODktMTEuMTM4YzQxLjYzOS0yMC4yMzksOTMuNjg4LTI2Ljc2OCwxMzEuNDE1LTI4LjU4NyAgICBjMTkuNDA2LDE0LjM5MSwzOC43MTcsMjcuNjExLDU3LjQyOCwzOS4zMThsMC42MTEsMC4zNTRjMC45MDcsMC40NjQsOS4xMTIsNC41MTUsMTguNzIxLDQuNTI0bDAsMCAgICBjMTMuNzMyLDAsMjMuNzYyLTguNDI3LDI3LjQ5Ni0yMy4xMTNsMC4xODktMS4wMDRjMS4wNDQtOC4zOTMtMS4wNjUtMTUuOTU4LTYuMDk2LTIxLjg3MiAgICBDNDA3LjcxMSwyMzMuMjgxLDM4Ny45NzgsMjMyLjE5NSwzODYuMjA1LDIzMi4xMzV6IE0xNDIuODEyLDMxOS43NDRjLTAuMDg0LTAuMS0wLjEyNC0wLjE5NC0wLjE2Ni0wLjMgICAgYy0wLjg5Ni0yLjE1NywwLjE3OS03LjM4OSwxLjc2MS0xMS4yMjJjNi43OTItNy41OTQsMTQuOTQ1LTE0LjU2NSwyNC4zNTMtMjAuODQxICAgIEMxNTkuNTk4LDMxNy4wMzksMTQ2LjI3NCwzMTkuNjAzLDE0Mi44MTIsMzE5Ljc0NHogTTIwMC45ODQsMTIyLjY5NUwyMDAuOTg0LDEyMi42OTVjLTE0LjA3LTE1LjY2Mi0xMy44NTktMjMuNDI3LTEzLjEwMi0yNi4wNDEgICAgYzEuMjQyLTQuMzY5LDYuODQ4LTYuMDIsNi44OTYtNi4wMzVjMi44MjQtMC43NjgsNC41MzgtMC42MTcsNi4wNjQsMS4wNThjMy40NTEsMy43OTEsNi40MTUsMTUuMjMyLDUuMjQ0LDM2LjIxOCAgICBDMjAyLjc2NCwxMjQuNTU3LDIwMC45ODQsMTIyLjY5NSwyMDAuOTg0LDEyMi42OTV6IE0xOTMuNzE0LDI1Ni4wNjhsMC4yNDMtMC45MjhsLTAuMDMyLDAuMDExICAgIGM3LjA0NS0yNy41OTMsMTcuMjA1LTY3Ljk5NiwyMy4wNDctOTMuOTQ5bDAuMjExLDAuMjAxbDAuMDIxLTAuMTI0YzE4LjksMTcuNzk4LDQ3Ljg4LDQzLjgzMSw4Mi41NzksNzAuOTA3bC0wLjM5LDAuMDE2ICAgIGwwLjU3NCwwLjQzM0MyNjcuMjc5LDIzNS4zOTYsMjI4LjIzNywyNDEuODQsMTkzLjcxNCwyNTYuMDY4eiBNNDA4LjM4NiwyNjUuMTJjLTIuNDg5LDkuMTQ2LTcuMjc3LDEwLjM5Ni0xMS42NjUsMTAuMzk2bDAsMCAgICBjLTUuMDk0LDAtOS45OTgtMi4xMi0xMS4xMTYtMi42MzJjLTEyLjc0MS03Ljk4Ni0yNS43NzYtMTYuNjg4LTM4LjkyOS0yNS45OThjMC4xMDUsMCwwLjIsMCwwLjMxNiwwICAgIGMyMi41NDksMCwzNy41NjgsMS4zNjksMzguMTU4LDEuNDExYzMuNzY2LDAuMTQsMTUuNjg0LDEuOSwyMC44Miw3LjkzOEM0MDcuOTg0LDI1OC42MDIsNDA4Ljc1NSwyNjEuNDMxLDQwOC4zODYsMjY1LjEyeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRTY0NjQ2IiBkYXRhLW9sZF9jb2xvcj0iI0Y2MDcwNyI+PC9wYXRoPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=\"\n                    />\n                </div>\n                <div *ngSwitchDefault>\n                    <svg class=\"text-center\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" height=\"135\"\n                         viewBox=\"0 0 80 80\" style=\"fill:dodgerblue;\">\n                        <g id=\"surface1\">\n                            <path d=\"M 15 9 L 15 71 L 65 71 L 65 23.585938 L 50.414063 9 Z M 17 11 L 49 11 L 49 25 L 63 25 L 63 69 L 17 69 Z M 51 12.414063 L 61.585938 23 L 51 23 Z M 22 13 C 21.449219 13 21 13.449219 21 14 C 21 14.550781 21.449219 15 22 15 C 22.550781 15 23 14.550781 23 14 C 23 13.449219 22.550781 13 22 13 Z M 22 17 C 21.449219 17 21 17.449219 21 18 C 21 18.550781 21.449219 19 22 19 C 22.550781 19 23 18.550781 23 18 C 23 17.449219 22.550781 17 22 17 Z M 22 21 C 21.449219 21 21 21.449219 21 22 C 21 22.550781 21.449219 23 22 23 C 22.550781 23 23 22.550781 23 22 C 23 21.449219 22.550781 21 22 21 Z M 22 25 C 21.449219 25 21 25.449219 21 26 C 21 26.550781 21.449219 27 22 27 C 22.550781 27 23 26.550781 23 26 C 23 25.449219 22.550781 25 22 25 Z M 22 29 C 21.449219 29 21 29.449219 21 30 C 21 30.550781 21.449219 31 22 31 C 22.550781 31 23 30.550781 23 30 C 23 29.449219 22.550781 29 22 29 Z M 22 33 C 21.449219 33 21 33.449219 21 34 C 21 34.550781 21.449219 35 22 35 C 22.550781 35 23 34.550781 23 34 C 23 33.449219 22.550781 33 22 33 Z M 22 37 C 21.449219 37 21 37.449219 21 38 C 21 38.550781 21.449219 39 22 39 C 22.550781 39 23 38.550781 23 38 C 23 37.449219 22.550781 37 22 37 Z M 22 41 C 21.449219 41 21 41.449219 21 42 C 21 42.550781 21.449219 43 22 43 C 22.550781 43 23 42.550781 23 42 C 23 41.449219 22.550781 41 22 41 Z M 22 45 C 21.449219 45 21 45.449219 21 46 C 21 46.550781 21.449219 47 22 47 C 22.550781 47 23 46.550781 23 46 C 23 45.449219 22.550781 45 22 45 Z M 22 49 C 21.449219 49 21 49.449219 21 50 C 21 50.550781 21.449219 51 22 51 C 22.550781 51 23 50.550781 23 50 C 23 49.449219 22.550781 49 22 49 Z M 22 53 C 21.449219 53 21 53.449219 21 54 C 21 54.550781 21.449219 55 22 55 C 22.550781 55 23 54.550781 23 54 C 23 53.449219 22.550781 53 22 53 Z M 22 57 C 21.449219 57 21 57.449219 21 58 C 21 58.550781 21.449219 59 22 59 C 22.550781 59 23 58.550781 23 58 C 23 57.449219 22.550781 57 22 57 Z M 22 61 C 21.449219 61 21 61.449219 21 62 C 21 62.550781 21.449219 63 22 63 C 22.550781 63 23 62.550781 23 62 C 23 61.449219 22.550781 61 22 61 Z M 22 65 C 21.449219 65 21 65.449219 21 66 C 21 66.550781 21.449219 67 22 67 C 22.550781 67 23 66.550781 23 66 C 23 65.449219 22.550781 65 22 65 Z \"></path>\n                        </g>\n                    </svg>\n                    <span class=\"text-center\" *ngIf=\"data.mime != 'image' && data.mime != 'video'\"\n                          style=\"position:absolute;bottom:48%;left:38%; color:dodgerblue;font-family:'Comic Sans MS', cursive, sans-serif; font-size: 1.7em;font-weight: 400\">{{data.extension}}</span>\n\n                </div>\n\n\n            </div>\n\n        </div>\n    </div>\n\n\n\n    <div class=\"n-name-block n-cursor-block\" [ngClass]=\"{'n-name-active': active}\">{{data[fileNameField]}}</div>\n</div>\n","styles":[":host{display:block;margin-top:16px;margin-right:20px}.fi-item{border-radius:6px;border:1px solid #e8eaed;overflow:hidden;width:195.73px}.fo-item{border-radius:6px;border:1px solid #e8eaed;overflow:hidden;width:193.656px}.n-file-preview{height:150px;border-bottom:1px solid #e8eaed}.n-name-block{min-width:200px;height:48px;display:flex;align-items:center;padding:10px;box-sizing:border-box}.n-name-block.n-name-active,.n-name-block.n-name-hover{background:#e8f0fe;z-index:1;color:#1967d2}.fi-item.n-item-hover{border-color:#1967d2}.fi-item.n-item-disabled{opacity:.4}.fo-item.n-item-hover{border-color:#1967d2}.fo-item.n-item-disabled{opacity:.4}span{font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-size:13px;color:rgba(0,0,0,.72);font-weight:400}.image-fit{height:147px;width:196px;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"n-drop-item","template":"","styles":[":host{display:block;margin-top:16px;margin-right:20px}.fi-item{border-radius:6px;border:1px solid #e8eaed;overflow:hidden;width:195.73px}.fo-item{border-radius:6px;border:1px solid #e8eaed;overflow:hidden;width:193.656px}.n-file-preview{height:150px;border-bottom:1px solid #e8eaed}.n-name-block{min-width:200px;height:48px;display:flex;align-items:center;padding:10px;box-sizing:border-box}.n-name-block.n-name-active,.n-name-block.n-name-hover{background:#e8f0fe;z-index:1;color:#1967d2}.fi-item.n-item-hover{border-color:#1967d2}.fi-item.n-item-disabled{opacity:.4}.fo-item.n-item-hover{border-color:#1967d2}.fo-item.n-item-disabled{opacity:.4}span{font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-size:13px;color:rgba(0,0,0,.72);font-weight:400}.image-fit{height:147px;width:196px;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated}"]}]}],"members":{"fileNameField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":16,"character":33},{"__symbolic":"reference","name":"NDropComponent"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵc"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"n-drop-folder-item","template":"<div class=\"fo-item\" (click)=\"select()\" (dblclick)=\"itemDoubleClick()\" [ngClass]=\"{'n-item-hover': hover, 'n-item-disabled': disabled}\">\n    \n    <div class=\"d-flex folder-fit\">\n        <div class=\"n-name-block n-cursor-block\" [ngClass]=\"{'n-name-active': active, 'n-name-hover': hover}\"><i class=\"material-icons p-2\">folder</i> {{data[fileNameField]}}</div>\n    </div>\n</div>","styles":[":host{display:block;margin-top:16px;margin-right:20px}.fi-item{border-radius:6px;border:1px solid #e8eaed;overflow:hidden;width:195.73px}.fo-item{border-radius:6px;border:1px solid #e8eaed;overflow:hidden;width:193.656px}.n-file-preview{height:150px;border-bottom:1px solid #e8eaed}.n-name-block{min-width:200px;height:48px;display:flex;align-items:center;padding:10px;box-sizing:border-box}.n-name-block.n-name-active,.n-name-block.n-name-hover{background:#e8f0fe;z-index:1;color:#1967d2}.fi-item.n-item-hover{border-color:#1967d2}.fi-item.n-item-disabled{opacity:.4}.fo-item.n-item-hover{border-color:#1967d2}.fo-item.n-item-disabled{opacity:.4}span{font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-size:13px;color:rgba(0,0,0,.72);font-weight:400}.image-fit{height:147px;width:196px;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated}"]}]}],"members":{"goToItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"hover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"itemDoubleClick":[{"__symbolic":"method"}]}}},"origins":{"NDropService":"./lib/ndrop.service","NDropComponent":"./lib/ndrop.component","NDropModule":"./lib/ndrop.module","ɵa":"./lib/api/api.service","ɵb":"./lib/ndrop-item/ndrop-file-item.component","ɵc":"./lib/ndrop-item/ndrop-item.component","ɵd":"./lib/ndrop-item/ndrop-folder-item.component"},"importAs":"ndrop"}