{"__symbolic":"module","version":4,"metadata":{"DataGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":16,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DataGridComponent"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"}],"entryComponents":[],"imports":[{"__symbolic":"reference","name":"DynamicComponentModule"},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":4},{"__symbolic":"reference","module":"ngx-fomantic-ui","name":"FomanticUIModule","line":22,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":23,"character":4},{"__symbolic":"reference","name":"CommandModalModule"},{"__symbolic":"reference","name":"AlertFacadeServiceModule"}],"exports":[{"__symbolic":"reference","name":"DataGridComponent"}]}]}],"members":{}},"DataGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ps-data-grid","template":"<div class=\"ui dimmable\">\r\n  <ng-container *ngIf=\"loading$ | async as isLoading\">\r\n    <fui-dimmer [isDimmed]=\"isLoading\" [isClickable]=\"false\" [transitionDuration]=\"400\">\r\n      <div class=\"ui text loader\">Loading</div>\r\n    </fui-dimmer>\r\n  </ng-container> \r\n  <table class=\"ui table very compact celled\" [class.unstackable]=\"unstackable\">\r\n    <thead>\r\n      <tr>\r\n        <th [attr.colspan]=\"headerColumnCount\">\r\n          <div class=\"ui buttons mini\">\r\n            <button class=\"ui button blue icon\" (click)=\"createAction()\"\r\n              *ngIf=\"isCreateEnabled\" fuiPopup popupText=\"Add\">\r\n              <i class=\"icon add\"></i>\r\n            </button>\r\n            <button class=\"ui button icon\" fuiPopup popupText=\"Refresh ...\" (click)=\"refresh()\">\r\n              <i class=\"icon refresh\"></i>\r\n            </button>\r\n            <button class=\"ui button red icon\" #popup=\"fuiPopup\" [disabled]=\"filters.length == 0\" fuiPopup\r\n              popupText=\"Clear filters\" (click)=\"clearAllFilters(popup)\"><i class=\"icon filter\"></i></button>\r\n\r\n            <button class=\"ui button icon\" fuiPopup popupText=\"Choose visible columns\"\r\n              (click)=\"selectVisibleColumns(visibleColumn)\">\r\n              <i class=\"icon th list\" #visibleColumn=\"fuiPopup\" fuiPopup popupHeader=\"Visible Columns\"\r\n                [popupTemplate]=\"visibleColumnPopupTemplate\" popupTrigger=\"outsideClick\"></i>\r\n            </button>\r\n            <fui-multi-select *ngIf=\"groupable\" class=\"floating labeled icon button\" [(ngModel)]=\"groups\"\r\n              placeholder=\"select groups ...\" [options]=\"groupableColumns\" (ngModelChange)=\"groupsChanged()\"\r\n              [maxSelected]=\"5\" labelField=\"title\" icon=\"outdent\" #groupSelect>\r\n              <div class=\"ui icon search input\">\r\n                <i class=\"search icon\"></i>\r\n                <input suiSelectSearch type=\"text\" placeholder=\"Search ...\">\r\n              </div>\r\n              <div class=\"divider\"></div>\r\n              <div class=\"header\">\r\n                <i class=\"list icon\"></i>\r\n                Fields\r\n              </div>\r\n              <div class=\"scrolling menu\">\r\n                <fui-select-option *ngFor=\"let o of groupSelect.filteredOptions\" [value]=\"o\">{{ o.title }}\r\n                </fui-select-option>\r\n              </div>\r\n            </fui-multi-select>\r\n          </div>\r\n        </th>\r\n      </tr>\r\n    </thead>\r\n    <thead>\r\n      <tr>\r\n        <th *ngFor=\"let g of groups\" style=\"width: 25px\"></th>\r\n        <th *ngIf=\"selectable\" [style.text-align]=\"'center'\" [style.width]=\"'20px'\">\r\n          <fui-checkbox class=\"fitted\" [ngModel]=\"allSelected\" (checkChange)=\"selectAllChanged($event)\">\r\n          </fui-checkbox>\r\n        </th>\r\n        <th *ngIf=\"hasDetailComponent\" [style.text-align]=\"'center'\" style=\"width: 27px;\"></th>\r\n        <th *ngFor=\"let c of visibleColumns\">\r\n          <ps-field-data-grid-header-column [column]=\"c\" (onSort)=\"onColumnSort(c)\" [sortState]=\"getColumnSortState(c)\"\r\n            (onFilter)=\"onColumnFilter($event)\" (onClearFilter)=\"clearFilter($event)\" [filter]=\"getColumnFilter(c)\">\r\n          </ps-field-data-grid-header-column>\r\n        </th>\r\n        <th *ngIf=\"hasEditableActionGroupColumn\"></th>\r\n      </tr>\r\n    </thead>\r\n\r\n    <tbody>\r\n      <tr *ngIf=\"!isLoading && !dataRows.length\">\r\n        <td colspan=\"100%\">\r\n          <div class=\"ui placeholder segment\">\r\n            <div class=\"ui icon header\">\r\n              <i class=\"archive icon\"></i>\r\n              No records\r\n            </div>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n\r\n      <ng-container *ngIf=\"(options.editableMode == 'row' || options.editableMode == 'inline') && commandModel && currentCommand && currentCommand.type != 'edit'\">\r\n        <tr>\r\n          <td *ngFor=\"let g of groups\" class=\"ps-data-grid-group-column\"></td>\r\n          <td *ngIf=\"selectable\" [style.text-align]=\"'center'\">\r\n          </td>\r\n          <td *ngIf=\"hasDetailComponent\">\r\n          </td>\r\n          <td *ngFor=\"let c of visibleColumns\">\r\n            <ps-data-grid-field-editor-column *ngIf=\"c.editable !== false && options.editableMode == 'inline'\" [model]=\"commandModel\" [column]=\"c\" [grid]=\"grid\"></ps-data-grid-field-editor-column>\r\n          </td>\r\n          <td>\r\n            <ps-command-data-grid-column [column]=\"createEditableColumn\" [model]=\"commandModel\"></ps-command-data-grid-column>\r\n          </td>\r\n        </tr>\r\n        <tr *ngIf=\"options.editableMode == 'row'\">\r\n          <td *ngIf=\"detailOffsetColSpan > 0\" [attr.colspan]=\"detailOffsetColSpan\"></td>\r\n          <td [attr.colspan]=\"detailColSpan\">\r\n            <ps-data-grid-editable-row [model]=\"commandModel\" [dynamicComponent]=\"commandComponent\">\r\n            </ps-data-grid-editable-row>\r\n          </td>\r\n        </tr>\r\n      </ng-container>\r\n\r\n      <ng-container *ngFor=\"let temp of groupOrData; let rowIndex = index\">\r\n        <ng-template [ngTemplateOutlet]=\"groupOrDataTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { row: temp, index: rowIndex }}\">\r\n        </ng-template>\r\n      </ng-container>\r\n    </tbody>\r\n\r\n    <tfoot>\r\n      <tr>\r\n        <th [attr.colspan]=\"headerColumnCount\">\r\n          <div *ngIf=\"currentResult && pagingEnabled\">\r\n            <fui-pagination class=\"ui mini menu\" [collectionSize]=\"currentResult.totalRecords\" [pageSize]=\"pagingSize\"\r\n              [hasNavigationLinks]=\"true\" [maxSize]=\"5\" [hasBoundaryLinks]=\"true\" (pageChange)=\"pageChanged($event)\"\r\n              [page]=\"currentPage\">\r\n            </fui-pagination>\r\n          </div>\r\n        </th>\r\n      </tr>\r\n    </tfoot>\r\n  </table>\r\n</div>\r\n\r\n<ng-template #groupOrDataTemplate let-pair>\r\n  <ng-container *ngIf=\"isGroup(pair.row)\">\r\n    <tr class=\"ps-data-grid-group-row\">\r\n      <td *ngFor=\"let i of groupCount(pair.row)\"></td>\r\n      <td [attr.colspan]=\" groupColSpan(pair.row)\">{{ getGroupTitle(pair.row) }} : {{ pair.row.groupValue }}</td>\r\n    </tr>\r\n    <ng-container *ngFor=\"let temp of getGroupOrData(pair.row); let rowIndex = index\">\r\n      <ng-template [ngTemplateOutlet]=\"groupOrDataTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { row: temp, index: rowIndex } }\">\r\n      </ng-template>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"!isGroup(pair.row)\">\r\n    <tr [class.ps-data-grid-odd-row]=\"options.striped && pair.index % 2\">\r\n      <td *ngFor=\"let g of groups\" class=\"ps-data-grid-group-column\"></td>\r\n      <td *ngIf=\"selectable\" [style.text-align]=\"'center'\">\r\n        <ps-data-grid-selectable-column [model]=\"pair.row\" [grid]=\"grid\"></ps-data-grid-selectable-column>\r\n      </td>\r\n      <td *ngIf=\"hasDetailComponent\" (click)=\"toggleExpanded(pair.row)\">\r\n        <i class=\"transition icon caret fitted\" [class.hidden]=\"isRowBeingEdited(pair.row)\"\r\n          [class.right]=\"!isExpanded(pair.row)\" [class.down]=\"isExpanded(pair.row)\"></i>\r\n      </td>\r\n      <td *ngFor=\"let c of visibleColumns\">\r\n        <ng-container *ngIf=\"!c.type || c.type == 'field'\">\r\n          <ps-data-grid-field-editor-column *ngIf=\"isInlineEditing(pair.row) && c.editable !== false\" [model]=\"commandModel\" [column]=\"c\" [grid]=\"grid\"></ps-data-grid-field-editor-column>\r\n          <ps-data-grid-field-column *ngIf=\"!isInlineEditing(pair.row)\" [model]=\"pair.row\" [column]=\"c\" [grid]=\"grid\"></ps-data-grid-field-column>\r\n          {{ c.type }}\r\n        </ng-container>\r\n        <ng-container *ngIf=\"c.type == 'command'\">\r\n          <ps-command-data-grid-column [column]=\"c\" [model]=\"pair.row\"></ps-command-data-grid-column>\r\n        </ng-container>\r\n      </td>\r\n      <td *ngIf=\"hasEditableActionGroupColumn\">\r\n        <ps-command-data-grid-column [column]=\"editableColumn\" [model]=\"pair.row\"></ps-command-data-grid-column>\r\n      </td>\r\n    </tr>\r\n    <tr *ngIf=\"isRowEditing(pair.row)\">\r\n      <td *ngIf=\"detailOffsetColSpan > 0\" [attr.colspan]=\"detailOffsetColSpan\"></td>\r\n      <td [attr.colspan]=\"detailColSpan\">\r\n        <ps-data-grid-editable-row [model]=\"commandModel\" [dynamicComponent]=\"commandComponent\">\r\n        </ps-data-grid-editable-row>\r\n      </td>\r\n    </tr>\r\n    <tr *ngIf=\"hasModelExpandedOnce(pair.row)\" [hidden]=\"!isExpanded(pair.row)\">\r\n      <td [attr.colspan]=\"detailOffsetColSpan\"></td>\r\n      <td [attr.colspan]=\"detailColSpan\">\r\n        <ps-data-grid-detail-row [model]=\"pair.row\" [detailComponentOption]=\"options.detailComponent\">\r\n        </ps-data-grid-detail-row>\r\n      </td>\r\n    </tr>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n<ng-template #visibleColumnPopupTemplate>\r\n  <div class=\"ui middle aligned divided list\" style=\"width: 250px\">\r\n    <div class=\"item\" style=\"padding-top: 5px; padding-bottom: 5px;\" *ngFor=\"let c of options.columns\">\r\n      <div class=\"left floated content\">\r\n        <fui-checkbox class=\"toggle\" [ngModel]=\"c.visible !== false\" (ngModelChange)=\"c.visible = $event\">\r\n        </fui-checkbox>\r\n      </div>\r\n      <div class=\"content\">\r\n        <div class=\"header\">{{ c.title }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template let-context let-modal=\"modal\" #deleteModalTemplate>\r\n    <div class=\"header\">Delete confirmation</div>\r\n    <div class=\"content\">\r\n        <p>Are you sure you want to delete this row?</p>\r\n    </div>\r\n    <div class=\"actions\">\r\n        <button class=\"ui red button\" (click)=\"modal.deny('denied')\">Cancel</button>\r\n        <button class=\"ui green button\" (click)=\"modal.approve('approved')\" autofocus>Yes</button>\r\n    </div>\r\n</ng-template>","styles":[".ps-data-grid-group-row td,.ps-data-grid-group-row th{background:#f9fafb;border-right:none!important;border-left:none!important}.ps-data-grid-group-column{border-right:none!important;border-left:none!important}.ps-data-grid-odd-row td{background:#f9fafb}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"deleteModalTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":3},"arguments":["deleteModalTemplate",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-fomantic-ui","name":"FuiModalService","line":98,"character":35},{"__symbolic":"reference","name":"AlertFacadeService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"groupColSpan":[{"__symbolic":"method"}],"getGroupOrData":[{"__symbolic":"method"}],"getGroupTitle":[{"__symbolic":"method"}],"groupsChanged":[{"__symbolic":"method"}],"groupCount":[{"__symbolic":"method"}],"isGroup":[{"__symbolic":"method"}],"refreshRowStates":[{"__symbolic":"method"}],"getSelectedIfStillPresent":[{"__symbolic":"method"}],"selectVisibleColumns":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"refreshDataRows":[{"__symbolic":"method"}],"selectAllChanged":[{"__symbolic":"method"}],"pageChanged":[{"__symbolic":"method"}],"hasModelExpandedOnce":[{"__symbolic":"method"}],"isRowBeingEdited":[{"__symbolic":"method"}],"isRowEditing":[{"__symbolic":"method"}],"isInlineEditing":[{"__symbolic":"method"}],"isExpanded":[{"__symbolic":"method"}],"toggleExpanded":[{"__symbolic":"method"}],"attemptSave":[{"__symbolic":"method"}],"createAction":[{"__symbolic":"method"}],"clearForm":[{"__symbolic":"method"}],"modalCommand":[{"__symbolic":"method"}],"startCommand":[{"__symbolic":"method"}],"editAction":[{"__symbolic":"method"}],"deleteAction":[{"__symbolic":"method"}],"clearAllFilters":[{"__symbolic":"method"}],"getIdField":[{"__symbolic":"method"}],"matchByIdField":[{"__symbolic":"method"}],"changeRowSelected":[{"__symbolic":"method"}],"onColumnSort":[{"__symbolic":"method"}],"getColumnSortState":[{"__symbolic":"method"}],"getColumnFilter":[{"__symbolic":"method"}],"clearFilter":[{"__symbolic":"method"}],"onColumnFilter":[{"__symbolic":"method"}],"setCurrentPage":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}]}},"CommandModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CommandModalComponent"}],"entryComponents":[{"__symbolic":"reference","name":"CommandModalComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","name":"DynamicComponentModule"},{"__symbolic":"reference","module":"ngx-fomantic-ui","name":"FomanticUIModule","line":12,"character":4}],"exports":[{"__symbolic":"reference","name":"CommandModalComponent"}]}]}],"members":{}},"CommandModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ps-command-modal","template":"<div class=\"header\">{{ title }}</div>\r\n<div class=\"content\">\r\n    <ps-dynamic *ngIf=\"dynamicComponent\" [component]=\"dynamicComponent.component\" [context]=\"dynamicComponent.context$\"></ps-dynamic>\r\n</div>\r\n<div class=\"actions\">\r\n    <button class=\"ui red button\" [disabled]=\"isLoading\" (click)=\"deny()\">Cancel</button>\r\n    <button class=\"ui green button\" [disabled]=\"isLoading\" [class.loading]=\"isLoading\" (click)=\"attemptSave()\" autofocus>Save</button>\r\n</div>","styles":[""]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FuiModal","module":"ngx-fomantic-ui","arguments":[{"__symbolic":"reference","name":"ICommandModalContext"},{"__symbolic":"error","message":"Expression form not supported","line":19,"character":58,"module":"./lib/command-modal/components/command-modal/command-modal.component"}]}]}],"deny":[{"__symbolic":"method"}],"attemptSave":[{"__symbolic":"method"}]}},"ICommandModalContext":{"__symbolic":"interface"},"CommandModal":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ngx-fomantic-ui","name":"ComponentModalConfig","line":3,"character":34},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ICommandModalContext"},null,null]}]}},"IDynamicComponent":{"__symbolic":"interface"},"DynamicComponentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵh"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4}],"exports":[{"__symbolic":"reference","name":"ɵh"}]}]}],"members":{}},"FileManagerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"FileManagerModalComponent"},{"__symbolic":"reference","name":"CreateDirectoryModalComponent"}],"entryComponents":[{"__symbolic":"reference","name":"FileManagerModalComponent"},{"__symbolic":"reference","name":"CreateDirectoryModalComponent"}],"providers":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"ngx-fomantic-ui","name":"FomanticUIModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":21,"character":4},{"__symbolic":"reference","name":"DialogModule"},{"__symbolic":"reference","module":"ngx-drag-drop","name":"DndModule","line":23,"character":4},{"__symbolic":"reference","module":"ngx-filesize","name":"NgxFilesizeModule","line":24,"character":4},{"__symbolic":"reference","name":"AlertFacadeServiceModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":26,"character":4}],"exports":[{"__symbolic":"reference","name":"FileManagerModalComponent"},{"__symbolic":"reference","name":"CreateDirectoryModalComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"FileManagerModule"},"providers":[{"__symbolic":"reference","name":"FileManagerService"},{"provide":"config","useValue":{"__symbolic":"reference","name":"config"}}]}}}},"FileManagerModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"ps-file-manager-modal","template":"<div class=\"header\">\r\n    File Manager &nbsp;&nbsp;\r\n        <div class=\"ui small basic icon buttons\">\r\n                <button class=\"ui button\" (click)=\"onCreateFolder()\">\r\n                    <i class=\"folder plus icon\"></i>\r\n                </button>\r\n                <button class=\"ui button\" (click)=\"startUpload(fileForm, fileInput)\">\r\n                    <i class=\"upload icon\"></i>\r\n                </button>\r\n                <button class=\"ui button\" (click)=\"onRefresh()\">\r\n                    <i class=\"sync icon\"></i>\r\n                </button>\r\n            </div>\r\n</div>\r\n<div class=\"scrolling content\">\r\n    <fui-dimmer class=\"inverted\" [(isDimmed)]=\"isLoading\">\r\n        <div class=\"ui text active elastic loader\">\r\n            Loading...\r\n        </div>\r\n    </fui-dimmer>\r\n\r\n\r\n    <div>\r\n        \r\n        <div style=\"margin-left: 5px;\" class=\"ui breadcrumb\" *ngIf=\"storageContext\">\r\n            <a *ngIf=\"directoryHistory.length\" class=\"section\" (click)=\"onTravelRoot()\">\r\n                {{ storageContext.name }}\r\n            </a>\r\n            <div *ngIf=\"!directoryHistory.length\" class=\"active section\">\r\n                {{ storageContext.name }}\r\n            </div>\r\n            <ng-container *ngFor=\"let directory of directoryHistory\">\r\n                <i class=\"right angle icon divider\"></i>\r\n                <div *ngIf=\"isLastDirectory(directory)\" class=\"active section\">\r\n                    {{ directory.displayName }}\r\n                </div>\r\n                <a *ngIf=\"!isLastDirectory(directory)\" class=\"section\" (click)=\"onDirectoryTravel(directory)\">\r\n                    {{ directory.displayName }}\r\n                </a>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"ui grid stackable stretched\" style=\"margin-top: 1px;\">\r\n        <div class=\"four wide column\">\r\n            <div class=\"ui attached segment\">\r\n                <div class=\"ui list\">\r\n                    <ng-container *ngIf=\"directories.length == 0\">Empty...</ng-container>\r\n                    <div class=\"item\" *ngFor=\"let directory of directories\" (click)=\"onDirectorySelected(directory)\">\r\n                        <i class=\"folder icon\"></i>\r\n                        {{ directory.displayName }}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"twelve wide column\">\r\n            <div [dndAllowExternal]=\"true\" (dndDrop)=\"onDrop($event)\" dndDropzone>\r\n                <div *ngIf=\"!hasFiles\" class=\"ui segment placeholder\">\r\n                    <div class=\"ui icon header\">\r\n                        <i class=\"file outline icon\"></i>\r\n                        This folder is empty <br> Seems like you do not have any files in here.\r\n                    </div>\r\n                    <button class=\"ui primary button\" (click)=\"startUpload(fileForm, fileInput)\">Add File</button>\r\n                    <button class=\"ui red button\" *ngIf=\"showDeleteDirectory\"(click)=\"deleteCurrentDirectory()\">Delete Directory</button>\r\n                </div>\r\n\r\n                <div class=\"file-manager-container\">\r\n                    <div class=\"file-manager-row\">\r\n                        <div class=\"file-manager-item\" *ngFor=\"let file of files\">\r\n                            <div class=\"ui card\" [class.green]=\"isSelected(file)\">\r\n                                <div class=\"content\" style=\"min-height: auto; height: 60px; text-overflow: ellipsis;\">\r\n                                    {{ file.displayName }}\r\n                                </div>\r\n\r\n                                <div style=\"height: 210px; cursor: pointer;\" (click)=\"selectFile(file)\">\r\n                                    <div class=\"ui fluid image bordered\" *ngIf=\"isFileDisplayableMedia(file)\">\r\n                                        <img style=\"max-height: 200px; width: auto; margin: auto auto;\" [src]=\"file.publicUrl\" />\r\n                                    </div>\r\n\r\n\r\n                                    <div *ngIf=\"!isFileDisplayableMedia(file)\" style=\"padding-top: 10px; padding-bottom: 10px; text-align: center;\">\r\n                                        <i [class]=\"getFileDisplayIcon(file)\"></i>\r\n                                    </div>\r\n\r\n                                </div>\r\n\r\n                                <div class=\"extra content\" style=\"min-height: auto;\">\r\n\r\n                                    <button class=\"ui circular basic compact icon button\" (click)=\"downloadFile(file)\">\r\n                                        <i class=\"download icon\"></i>\r\n                                    </button>\r\n                                    <button class=\"ui circular basic compact icon button\" (click)=\"onFileRemove(file)\">\r\n                                        <i class=\"red trash alternate icon\"></i>\r\n                                    </button>\r\n                                    <button class=\"ui circular basic compact icon button\" (click)=\"selectFile(file)\" [style.opacity]=\"isSelected(file) ? 1 : 0.25\">\r\n                                        <i class=\"check alternate icon\" [class.green]=\"isSelected(file)\"></i>\r\n                                    </button>\r\n\r\n                                    <div class=\"right floated meta\">{{file.fileSize | filesize }}</div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n\r\n\r\n    <!--\r\n    <div class=\"ui attached segment\" [dndAllowExternal]=\"true\" (dndDrop)=\"onDrop($event)\" dndDropzone>\r\n        <div *ngIf=\"!hasFiles\" class=\"ui segment placeholder\">\r\n            <div class=\"ui icon header\">\r\n                <i class=\"file outline icon\"></i>\r\n                This folder is empty <br> Seems like you do not have any files in here.\r\n            </div>\r\n            <button class=\"ui primary button\" (click)=\"fileInput.click()\">Add File</button>\r\n        </div>\r\n\r\n        <ul class=\"files-container\">\r\n            <li class=\"file-item\" *ngFor=\"let directory of directories\" (click)=\"onDirectorySelected(directory)\">\r\n                <div class=\"file-header\">\r\n                    <i class=\"icons\">\r\n                        <i class=\"big circle outline icon\"></i>\r\n                        <i class=\"folder icon\"></i>\r\n                    </i>\r\n                </div>\r\n                <div class=\"folder-content\">\r\n                    <h1>{{ directory.name }}</h1>\r\n                </div>\r\n            </li>\r\n\r\n           <li class=\"file-item\" *ngFor=\"let file of files\" [class.active]=\"selectedFiles.indexOf(file) != -1\" (click)=\"selectFile(file)\">\r\n                 <div class=\"file-header\">\r\n                    <img *ngIf=\"isFileDisplayableMedia(file)\" class=\"ui tiny circular image\" [src]=\"file.publicUrl\">\r\n                    <i *ngIf=\"!isFileDisplayableMedia(file)\" class=\"icons\">\r\n                        <i class=\"big circle outline icon\"></i>\r\n                        <i [class]=\"getFileDisplayIcon(file)\"></i>\r\n                    </i>\r\n                </div>\r\n                <div class=\"file-content\">\r\n                    <h1>{{ file.name }}</h1>\r\n                </div>\r\n                <div class=\"file-footer\">\r\n                    <div class=\"control\">\r\n                        <button class=\"ui circular basic compact icon button\" (click)=\"downloadFile(file)\">\r\n                            <i class=\"download icon\"></i>\r\n                        </button>\r\n                        <button class=\"ui circular basic compact icon button\" (click)=\"onFileRemove(file)\">\r\n                            <i class=\"red trash alternate icon\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div> \r\n            </li>\r\n\r\n            <li class=\"file-item\" *ngFor=\"let file of pendingFiles\">\r\n                <div class=\"file-header\">\r\n                    <img class=\"ui tiny circular image\" [src]=\"getSource(file)\">\r\n                </div>\r\n                <div class=\"file-content\">\r\n                    <h1>{{ file.name }}</h1>\r\n                </div>\r\n                <div class=\"file-footer\">\r\n                    <div class=\"control\">\r\n                        <button class=\"ui circular basic compact icon button\" (click)=\"onPendingFileRemoved(file)\">\r\n                            <i class=\"red trash alternate icon\"></i>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </li>\r\n        </ul>\r\n    </div>-->\r\n\r\n    <form #fileForm>\r\n        <input #fileInput name=\"file\" type=\"file\" [(ngModel)]=\"selectedFile\" (change)=\"onFileInputChange(fileInput.files)\" hidden multiple />\r\n    </form>\r\n\r\n    \r\n</div>\r\n<div class=\"actions\">\r\n    <button class=\"ui red basic button\" (click)=\"modal.deny(undefined)\">\r\n        Cancel\r\n    </button>\r\n    <button class=\"ui green basic button\" [disabled]=\"!selectedFiles.length\" (click)=\"onSubmit()\" autofocus>\r\n        Select\r\n    </button>\r\n</div>","styles":[".file-manager-container{max-width:2000px;margin:0 auto}.file-manager-row{display:flex;flex-flow:row wrap;justify-content:flex-start}.file-manager-item{height:350px;flex-basis:15%;-ms-flex:auto;width:200px;position:relative;padding:10px;box-sizing:border-box}@media(max-width:1500px){.file-manager-item{flex-basis:20%}}@media(max-width:1333px){.file-manager-item{flex-basis:33.33%}}@media(max-width:1073px){.file-manager-item{flex-basis:33.33%}}@media(max-width:815px){.file-manager-item{flex-basis:50%}}@media(max-width:555px){.file-manager-item{flex-basis:100%}.file-manager-item>.ui.card{width:100%}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FuiModal","module":"ngx-fomantic-ui","arguments":[{"__symbolic":"reference","name":"IFileManagerModalContext"},{"__symbolic":"reference","name":"IListItemQueryResult"},{"__symbolic":"error","message":"Expression form not supported","line":50,"character":108,"module":"./lib/file-manager/components/file-manager-modal/file-manager-modal.component"}]},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":51,"character":33},{"__symbolic":"reference","name":"FileManagerService"},{"__symbolic":"reference","module":"ngx-fomantic-ui","name":"FuiModalService","line":53,"character":30},{"__symbolic":"reference","name":"AlertFacadeService"},{"__symbolic":"reference","name":"DialogService"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectFile":[{"__symbolic":"method"}],"onTravelRoot":[{"__symbolic":"method"}],"isLastDirectory":[{"__symbolic":"method"}],"onDirectoryTravel":[{"__symbolic":"method"}],"onRefresh":[{"__symbolic":"method"}],"getDirectoryFiles":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}],"onFileInputChange":[{"__symbolic":"method"}],"onFileRemove":[{"__symbolic":"method"}],"onDirectorySelected":[{"__symbolic":"method"}],"startUpload":[{"__symbolic":"method"}],"travelDirectory":[{"__symbolic":"method"}],"getDeleteFileIcon":[{"__symbolic":"method"}],"onUpload":[{"__symbolic":"method"}],"processFiles":[{"__symbolic":"method"}],"isSelected":[{"__symbolic":"method"}],"onCreateFolder":[{"__symbolic":"method"}],"isFileDisplayableMedia":[{"__symbolic":"method"}],"getFileDisplayIcon":[{"__symbolic":"method"}],"downloadFile":[{"__symbolic":"method"}],"getSource":[{"__symbolic":"method"}],"onSubmit":[{"__symbolic":"method"}],"deleteCurrentDirectory":[{"__symbolic":"method"}]}},"CreateDirectoryModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"ps-create-directory-modal","template":"<div class=\"header\">\r\n    File Upload Manager\r\n</div>\r\n<div class=\"content\">\r\n    <form [formGroup]=\"form\" class=\"ui form\">\r\n        <div class=\"field required\" [class.error]=\"fieldHasError(getField('directoryName'))\">\r\n            <label>Directory Name</label>\r\n            <input type=\"text\" formControlName=\"directoryName\" placeholder=\"Directory Name\">\r\n        </div>\r\n    </form>\r\n</div>\r\n<div class=\"actions\">\r\n    <button class=\"ui red basic button\" (click)=\"modal.deny(undefined)\">\r\n        Cancel\r\n    </button>\r\n    <button class=\"ui green basic button\" [disabled]=\"loading\" (click)=\"onCreate()\" autofocus>\r\n        Create\r\n    </button>\r\n</div>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FuiModal","module":"ngx-fomantic-ui","arguments":[{"__symbolic":"reference","name":"ICreateDirectoryModalContext"},{"__symbolic":"reference","name":"IListItemQueryResult"},{"__symbolic":"error","message":"Expression form not supported","line":18,"character":91,"module":"./lib/file-manager/components/create-directory-modal/create-directory-modal.component"}]},{"__symbolic":"reference","name":"FileManagerService"},{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":20,"character":29}]}],"ngOnInit":[{"__symbolic":"method"}],"onCreate":[{"__symbolic":"method"}],"getField":[{"__symbolic":"method"}],"fieldHasError":[{"__symbolic":"method"}]}},"FileManagerService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":8,"character":15},"arguments":["config"]}],null],"parameters":[{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":8,"character":81}]}],"apiUrl":[{"__symbolic":"method"}],"uploadFiles":[{"__symbolic":"method"}],"findFileById":[{"__symbolic":"method"}],"deleteFile":[{"__symbolic":"method"}],"deleteDirectory":[{"__symbolic":"method"}],"createDirectory":[{"__symbolic":"method"}],"findContextByName":[{"__symbolic":"method"}],"getAllContexts":[{"__symbolic":"method"}],"getItemsOfContext":[{"__symbolic":"method"}],"getItemsOfDirectory":[{"__symbolic":"method"}]}},"FileManagerModalService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-fomantic-ui","name":"FuiModalService","line":11,"character":29}]}],"open":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"IUploadFilesCommand":{"__symbolic":"interface"},"ICreateDirectoryCommand":{"__symbolic":"interface"},"ICreateDirectoryModalContext":{"__symbolic":"interface"},"IUploadFileCommandResult":{"__symbolic":"interface"},"IFileManagerModalContext":{"__symbolic":"interface"},"IContextQueryResult":{"__symbolic":"interface"},"ISpaceQueryResult":{"__symbolic":"interface"},"IListItemQueryResult":{"__symbolic":"interface"},"AlertFacadeServiceModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[],"entryComponents":[],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":10,"character":8},"member":"forRoot"}}],"providers":[{"__symbolic":"reference","name":"AlertFacadeService"}]}]}],"members":{}},"IAlertFacadeOption":{"__symbolic":"interface"},"AlertFacadeService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrService","line":18,"character":32}]}],"showMessage":[{"__symbolic":"method"}],"resolvePositionClass":[{"__symbolic":"method"}]}},"ConfirmModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-confirm-modal","template":"<div *ngIf=\"modal.context.header\" class=\"ui icon header\">\r\n    <i *ngIf=\"modal.context.headerIcon\" [class]=\"iconClass\"></i>\r\n    {{ modal.context.header }}\r\n</div>\r\n<div *ngIf=\"modal.context.message\" class=\"content\">\r\n    <p>{{ modal.context.message }}</p>\r\n</div>\r\n<div class=\"actions\">\r\n    <button autoFocus class=\"ui red cancel inverted button\" (click)=\"modal.deny()\">\r\n        <i class=\"remove icon\"></i>\r\n        No\r\n    </button>\r\n    <button class=\"ui green ok inverted button\" (click)=\"modal.approve()\">\r\n        <i class=\"checkmark icon\"></i>\r\n        Yes\r\n    </button>\r\n</div>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FuiModal","module":"ngx-fomantic-ui","arguments":[{"__symbolic":"reference","name":"IConfirmModalContext"},{"__symbolic":"error","message":"Expression form not supported","line":16,"character":59,"module":"./lib/dialog/components/confirm-modal/confirm-modal.component"},{"__symbolic":"error","message":"Expression form not supported","line":16,"character":65,"module":"./lib/dialog/components/confirm-modal/confirm-modal.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ConfirmModal":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"ngx-fomantic-ui","name":"ComponentModalConfig","line":23,"character":34},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"IConfirmModalContext"},{"__symbolic":"reference","name":"IModalOptions"}]}]}},"IConfirmModalContext":{"__symbolic":"interface"},"IModalOptions":{"__symbolic":"interface"},"DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"InputPadModalComponent"},{"__symbolic":"reference","name":"ConfirmModalComponent"}],"entryComponents":[{"__symbolic":"reference","name":"InputPadModalComponent"},{"__symbolic":"reference","name":"ConfirmModalComponent"}],"providers":[{"__symbolic":"reference","name":"DialogService"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"ngx-fomantic-ui","name":"FomanticUIModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":15,"character":4}],"exports":[]}]}],"members":{}},"DialogService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ngx-fomantic-ui","name":"FuiModalService","line":10,"character":29}]}],"confirmModal":[{"__symbolic":"method"}],"inputPad":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"IInputModalContext":{"__symbolic":"interface"},"InputPadModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"app-input-pad-modal","template":"<div *ngIf=\"modal.context.title\" class=\"header\">\r\n    {{ modal.context.title }}\r\n</div>\r\n<div class=\"content\">\r\n    <div class=\"ui form\">\r\n        <div class=\"field\">\r\n            <label>{{ modal.context.name }}</label>\r\n            <input [type]=\"modal.context.type\" name=\"value\" [(ngModel)]=\"value\" [placeholder]=\"placeHolderText\" required>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"actions\">\r\n    <button class=\"ui red cancel inverted button\" (click)=\"modal.deny()\">\r\n        <i class=\"remove icon\"></i>\r\n        Cancel\r\n    </button>\r\n    <button class=\"ui green ok button\" (click)=\"modal.approve(value)\">\r\n        <i class=\"checkmark icon\"></i>\r\n        Submit\r\n    </button>\r\n</div>","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"FuiModal","module":"ngx-fomantic-ui","arguments":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"any"},{"__symbolic":"error","message":"Expression form not supported","line":29,"character":62,"module":"./lib/dialog/components/input-pad-modal/input-pad-modal.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"InputPadModal":{"__symbolic":"class","arity":1,"extends":{"__symbolic":"reference","module":"ngx-fomantic-ui","name":"ComponentModalConfig","line":35,"character":38},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"IModalOptions"}]}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ps-field-data-grid-header-column","template":"<div style=\"display: flex; flex-direction: row; justify-content: space-between\">\r\n    {{ column.title }}\r\n    <div>\r\n        <i fuiPopup [popupText]=\"'Sort by ' + column.title\" [ngClass]=\"sortableClasses\" [style.opacity]=\"sortOpacity\"\r\n            *ngIf=\"sortable\" (click)=\"sortIconClicked()\" (mouseenter)=\"hoverSort = true\"\r\n            (mouseleave)=\"hoverSort = false\"></i>\r\n\r\n        <span fuiPopup style=\"position: relative\" [popupText]=\"'Filter by ' + column.title\" *ngIf=\"filterable\"\r\n            (click)=\"editFilter(filterPopup)\" (mouseenter)=\"hoverFilter = true\" (mouseleave)=\"hoverFilter = false\">\r\n            <i [ngClass]=\"filterableClasses\" [style.opacity]=\"filterOpacity\"></i>\r\n            <i fuiPopup style=\"position: absolute; left: -5px; top: 5px;\" [popupTemplate]=\"filterTemplate\"\r\n                popupTrigger=\"outsideClick\" #filterPopup=\"fuiPopup\"></i>\r\n        </span>\r\n    </div>\r\n</div>\r\n\r\n<ng-template let-popup #filterTemplate>\r\n\r\n    <form class=\"ui form\" (submit)=\"applyFilter(popup)\">\r\n        <div class=\"field\">\r\n            <fui-select class=\"selection\" name=\"filterType\" [(ngModel)]=\"filterType\" isSearchable=\"true\" style=\"margin-bottom: 5px;\">\r\n                <fui-select-option value=\"Contains\"></fui-select-option>\r\n                <fui-select-option value=\"Equal\"></fui-select-option>\r\n                <fui-select-option value=\"StartsWith\"></fui-select-option>\r\n            </fui-select>\r\n        </div>\r\n\r\n        <div class=\"field\">\r\n            <input type=\"text\" #filterValueControl name=\"filterValue\" [(ngModel)]=\"filterValue\" placeholder=\"Value\" style=\"margin-bottom: 5px\" />\r\n        </div>\r\n\r\n        <div>\r\n            <button type=\"button\" class=\"ui button\" *ngIf=\"!filter\" (click)=\"popup.close()\">Cancel</button>\r\n            <button type=\"button\" class=\"ui button\" *ngIf=\"filter\" (click)=\"clearFilter(popup)\">Clear</button>\r\n            <button type=\"submit\" class=\"ui primary button\">Filter</button>\r\n        </div>\r\n    </form>\r\n</ng-template>","styles":[""]}]}],"members":{"column":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"onSort":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"sortState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"onFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"onClearFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":16,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"filterControl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["filterValueControl",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"sortIconClicked":[{"__symbolic":"method"}],"editFilter":[{"__symbolic":"method"}],"cancelFilter":[{"__symbolic":"method"}],"clearFilter":[{"__symbolic":"method"}],"applyFilter":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ps-command-data-grid-column","template":"<div class=\"ui buttons mini\">\r\n  <ng-container *ngFor=\"let a of column.actions\">\r\n    <button fuiPopup [popupTrigger]=\"a.tooltip ? 'hover' : 'manual'\" [popupText]=\"a.tooltip\" *ngIf=\"a.visible === undefined || a.visible(model)\" (click)=\"emitAction(a)\" [class]=\"buttonClasses(a)\" \r\n        [class.icon]=\"a.icon\">\r\n        <i [class]=\"a.icon\" *ngIf=\"a.icon\"></i>\r\n        {{ a.title }}\r\n    </button>\r\n  </ng-container>\r\n</div>","styles":[""]}]}],"members":{"column":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"buttonClasses":[{"__symbolic":"method"}],"emitAction":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ps-data-grid-selectable-column","template":"<fui-checkbox class=\"fitted\" [(ngModel)]=\"selected\"></fui-checkbox>","styles":[""]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"grid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"ps-data-grid-detail-row","template":"<ps-dynamic *ngIf=\"dynamicComponent\" [component]=\"dynamicComponent.component\" [context]=\"dynamicComponent.context$\"></ps-dynamic>","styles":[""]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"detailComponentOption":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ps-data-grid-editable-row","template":"<ps-dynamic *ngIf=\"dynamicComponent\" [component]=\"dynamicComponent.component\" [context]=\"dynamicComponent.context$\"></ps-dynamic>","styles":[""]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"dynamicComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ps-data-grid-field-column","template":"<ng-container *ngIf=\"!dynamicComponent\">{{ displayText }}</ng-container>\r\n<ps-dynamic *ngIf=\"dynamicComponent\" [component]=\"dynamicComponent.component\" [context]=\"dynamicComponent.context$\"></ps-dynamic>","styles":[""]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"column":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"grid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"ps-data-grid-field-editor-column","template":"<div class=\"ui input fluid\" *ngIf=\"!dynamicComponent\">\r\n  <input type=\"text\" [(ngModel)]=\"value\">\r\n</div>\r\n<ps-dynamic *ngIf=\"dynamicComponent\" [component]=\"dynamicComponent.component\" [context]=\"dynamicComponent.context$\"></ps-dynamic>","styles":[""]}]}],"members":{"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"column":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"grid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ps-dynamic","template":"\n    <ng-container #viewport></ng-container>\n  "}]}],"members":{"component":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"_viewport":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":3},"arguments":["viewport",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":15,"character":33},"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":20,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"Renderer","line":20,"character":73}]}],"ngOnInit":[{"__symbolic":"method"}],"_refreshInputs":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","members":{}}},"origins":{"DataGridModule":"./lib/data-grid/data-grid.module","DataGridComponent":"./lib/data-grid/components/data-grid/data-grid.component","CommandModalModule":"./lib/command-modal/command-modal.module","CommandModalComponent":"./lib/command-modal/components/command-modal/command-modal.component","ICommandModalContext":"./lib/command-modal/components/command-modal/ICommandModalContext","CommandModal":"./lib/command-modal/components/command-modal/CommandModal","IDynamicComponent":"./lib/dynamic-component/IDynamicComponent","DynamicComponentModule":"./lib/dynamic-component/dynamic-component.module","FileManagerModule":"./lib/file-manager/file-manager.module","FileManagerModalComponent":"./lib/file-manager/components/file-manager-modal/file-manager-modal.component","CreateDirectoryModalComponent":"./lib/file-manager/components/create-directory-modal/create-directory-modal.component","FileManagerService":"./lib/file-manager/services/file-manager.service","FileManagerModalService":"./lib/file-manager/services/file-manager-modal.service","IUploadFilesCommand":"./lib/file-manager/models/interface","ICreateDirectoryCommand":"./lib/file-manager/models/interface","ICreateDirectoryModalContext":"./lib/file-manager/models/interface","IUploadFileCommandResult":"./lib/file-manager/models/interface","IFileManagerModalContext":"./lib/file-manager/models/interface","IContextQueryResult":"./lib/file-manager/models/interface","ISpaceQueryResult":"./lib/file-manager/models/interface","IListItemQueryResult":"./lib/file-manager/models/interface","AlertFacadeServiceModule":"./lib/alert-facade-service/alert-facade-service.module","IAlertFacadeOption":"./lib/alert-facade-service/services/alert-facade.service","AlertFacadeService":"./lib/alert-facade-service/services/alert-facade.service","ConfirmModalComponent":"./lib/dialog/components/confirm-modal/confirm-modal.component","ConfirmModal":"./lib/dialog/components/confirm-modal/confirm-modal.component","IConfirmModalContext":"./lib/alert-facade-service/models","IModalOptions":"./lib/alert-facade-service/models","DialogModule":"./lib/dialog/dialog.module","DialogService":"./lib/dialog/services/dialog.service","IInputModalContext":"./lib/dialog/components/input-pad-modal/input-pad-modal.component","InputPadModalComponent":"./lib/dialog/components/input-pad-modal/input-pad-modal.component","InputPadModal":"./lib/dialog/components/input-pad-modal/input-pad-modal.component","ɵa":"./lib/data-grid/components/field-data-grid-header-column/field-data-grid-header-column.component","ɵb":"./lib/data-grid/components/command-data-grid-column/command-data-grid-column.component","ɵc":"./lib/data-grid/components/data-grid-selectable-column/data-grid-selectable-column.component","ɵd":"./lib/data-grid/components/data-grid-detail-row/data-grid-detail-row.component","ɵe":"./lib/data-grid/components/data-grid-editable-row/data-grid-editable-row.component","ɵf":"./lib/data-grid/components/data-grid-field-column/data-grid-field-column.component","ɵg":"./lib/data-grid/components/data-grid-field-editor-column/data-grid-field-editor-column.component","ɵh":"./lib/dynamic-component/dynamic.component","ɵi":"./lib/file-manager/FileManagerConfig"},"importAs":"@poweredsoft/ngx-fomantic-ui"}