@rs-pk/asset-management 1.0.0

package/esm5/lib/components/partial/file-item/file-item.component.js

@@ -0,0 +1,151 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Output, Input, EventEmitter } from '@angular/core';
+import { UploadAssetsService } from '../../../services/upload-assets.service';
+import { imagePdf } from '../../../contanst';
+import { DomSanitizer } from '@angular/platform-browser';
+var FileItemComponent = /** @class */ (function () {
+    function FileItemComponent(domSanitizer, uploadAssetService) {
+        this.domSanitizer = domSanitizer;
+        this.uploadAssetService = uploadAssetService;
+        this.base64Pdf = this.domSanitizer.bypassSecurityTrustUrl(imagePdf);
+        this.checkError = new EventEmitter();
+        this.fileChange = new EventEmitter();
+        this.fileRemove = new EventEmitter();
+        this.dataFile = {
+            name: '',
+            size: 0,
+            ext: '',
+            data: null,
+            errors: {
+                ext: false,
+                size: false,
+            },
+        };
+    }
+    /**
+     * @return {?}
+     */
+    FileItemComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        this.setDataFile(this.file);
+    };
+    /**
+     * @private
+     * @param {?} file
+     * @return {?}
+     */
+    FileItemComponent.prototype.setDataFile = /**
+     * @private
+     * @param {?} file
+     * @return {?}
+     */
+    function (file) {
+        var _this = this;
+        var _a;
+        var _b = this.uploadAssetService, supportedTypes = _b.supportedTypes, supportedSize = _b.supportedSize;
+        /** @type {?} */
+        var nameSplit = file.name.split('.');
+        nameSplit.splice(nameSplit.length - 1, 1);
+        this.dataFile.name = nameSplit.join('.');
+        this.dataFile.size = file.size;
+        this.dataFile.ext = file.type.split('/')[1];
+        this.dataFile.errors = {
+            ext: supportedTypes.indexOf("." + this.dataFile.ext) < 0,
+            size: supportedSize < this.dataFile.size,
+        };
+        var _c = this.dataFile.errors, ext = _c.ext, size = _c.size;
+        if (ext || size) {
+            this.uploadAssetService.errors = (_a = {}, _a[file.name] = true, _a);
+            this.checkError.emit();
+        }
+        if (file.type.indexOf('image') > -1) {
+            /** @type {?} */
+            var reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = (/**
+             * @param {?} readerEvent
+             * @return {?}
+             */
+            function (readerEvent) {
+                /** @type {?} */
+                var img = document.createElement('img');
+                img.src = (/** @type {?} */ (readerEvent.target.result));
+                img.onload = (/**
+                 * @return {?}
+                 */
+                function () {
+                    _this.dataFile.data = _this.domSanitizer.bypassSecurityTrustUrl(readerEvent.target.result);
+                });
+            });
+        }
+        this.uploadAssetService.setErrorObs(this.uploadAssetService.errorFiles);
+    };
+    /**
+     * @param {?} event
+     * @return {?}
+     */
+    FileItemComponent.prototype.onChange = /**
+     * @param {?} event
+     * @return {?}
+     */
+    function (event) {
+        this.dataFile.name = ((/** @type {?} */ (event.target))).value.trim();
+        this.fileChange.emit(this.dataFile.name);
+    };
+    /**
+     * @return {?}
+     */
+    FileItemComponent.prototype.onRemove = /**
+     * @return {?}
+     */
+    function () {
+        this.fileRemove.emit(true);
+    };
+    FileItemComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'lib-file-item',
+                    template: "<div class=\"file-item__img\">\n  <ng-container\n    *ngIf=\"\n      file.type.indexOf('image') > -1 || dataFile.ext === 'pdf';\n      else defaultFile\n    \"\n  >\n    <img\n      [class.image]=\"file.type.indexOf('image') > -1\"\n      *ngIf=\"dataFile.ext === 'pdf' || dataFile.data\"\n      [src]=\"dataFile.ext === 'pdf' ? base64Pdf : dataFile.data\"\n    />\n  </ng-container>\n  <ng-template #defaultFile>\n    <mat-icon>attach_file</mat-icon>\n  </ng-template>\n</div>\n<div class=\"file-item__content\">\n  <input\n    class=\"file-item__content--name\"\n    matInput\n    placeholder=\"Enter file name\"\n    [value]=\"dataFile.name\"\n    required\n    (input)=\"onChange($event)\"\n  />\n  <div class=\"file-item__content--info\">\n    <div class=\"file-item__content--info__item\">\n      Type of file: <span>{{ dataFile.ext }}</span>\n    </div>\n    <div class=\"file-item__content--info__item\">\n      Size: <span>{{ dataFile.size | fileSize }}</span>\n    </div>\n  </div>\n  <div *ngIf=\"dataFile.errors.ext\" class=\"file-item__error\">\n    {{ uploadAssetService.messageErrors['ext'] }}\n    {{ uploadAssetService.supportedTypes.join(', ') }}\n  </div>\n  <div *ngIf=\"dataFile.errors.size\" class=\"file-item__error\">\n    {{ uploadAssetService.messageErrors['size'] }}\n    {{ uploadAssetService.supportedSize | fileSize: 0 }}\n  </div>\n</div>\n<div class=\"file-item__action\">\n  <mat-icon (click)=\"onRemove()\">delete_outline</mat-icon>\n</div>\n",
+                    styles: [":host::ng-deep{padding:10px 5%;display:flex;justify-content:space-between;align-items:center;background-color:#f9f9f9;border-radius:10px}:host::ng-deep .file-item__img{display:flex;justify-content:center;align-items:center;width:250px;height:150px;border-radius:10px}:host::ng-deep .file-item__img img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}:host::ng-deep .file-item__img img.image{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAUABQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+/ivFPFOf+EjvxzjbBgdv+PeDp+OfxzSt4q18AkageASB9ntu3OM+Vn8c5rsdG0fT9d06DVdUgN1f3XmefP5ksO/ypXhj/dwvHGu2ONF+VF3bQSM0AeYUV7IPCWgjgWRA/wCvi4P85SaKAPGm5Vh7H+VeyeERjQLEDoPP/WeQ/wAzRRQB0tFFFAH/2Q==)}:host::ng-deep .file-item__img mat-icon{font-size:100px;width:auto;height:auto}:host::ng-deep .file-item__content{flex:1;padding-left:5%;padding-right:5%}:host::ng-deep .file-item__content--name{width:100%;padding:10px;border:1px solid #d8d8d8;border-radius:5px}:host::ng-deep .file-item__content--info{margin-top:10px;display:flex}:host::ng-deep .file-item__content--info__item:not(:last-child){margin-right:50px}:host::ng-deep .file-item__content--info__item span{color:#000;text-transform:uppercase}:host::ng-deep .file-item__error{margin-top:10px;color:#f44336}:host::ng-deep .file-item__action{color:#f44336;cursor:pointer}"]
+                }] }
+    ];
+    /** @nocollapse */
+    FileItemComponent.ctorParameters = function () { return [
+        { type: DomSanitizer },
+        { type: UploadAssetsService }
+    ]; };
+    FileItemComponent.propDecorators = {
+        file: [{ type: Input }],
+        checkError: [{ type: Output }],
+        fileChange: [{ type: Output }],
+        fileRemove: [{ type: Output }]
+    };
+    return FileItemComponent;
+}());
+export { FileItemComponent };
+if (false) {
+    /** @type {?} */
+    FileItemComponent.prototype.base64Pdf;
+    /** @type {?} */
+    FileItemComponent.prototype.file;
+    /** @type {?} */
+    FileItemComponent.prototype.checkError;
+    /** @type {?} */
+    FileItemComponent.prototype.fileChange;
+    /** @type {?} */
+    FileItemComponent.prototype.fileRemove;
+    /** @type {?} */
+    FileItemComponent.prototype.dataFile;
+    /**
+     * @type {?}
+     * @private
+     */
+    FileItemComponent.prototype.domSanitizer;
+    /** @type {?} */
+    FileItemComponent.prototype.uploadAssetService;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bycy1way9hc3NldC1tYW5hZ2VtZW50LyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvcGFydGlhbC9maWxlLWl0ZW0vZmlsZS1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDN0MsT0FBTyxFQUFFLFlBQVksRUFBVyxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFO0lBc0JFLDJCQUNVLFlBQTBCLEVBQzNCLGtCQUF1QztRQUR0QyxpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUMzQix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQXFCO1FBbEJ6QyxjQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxzQkFBc0IsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUU1RCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNoQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNoQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuQyxhQUFRLEdBQUc7WUFDaEIsSUFBSSxFQUFFLEVBQUU7WUFDUixJQUFJLEVBQUUsQ0FBQztZQUNQLEdBQUcsRUFBRSxFQUFFO1lBQ1AsSUFBSSxFQUFFLElBQUk7WUFDVixNQUFNLEVBQUU7Z0JBQ04sR0FBRyxFQUFFLEtBQUs7Z0JBQ1YsSUFBSSxFQUFFLEtBQUs7YUFDWjtTQUNGLENBQUM7SUFLQyxDQUFDOzs7O0lBRUosb0NBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFD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QUs7NkJBQ0wsTUFBTTs2QkFDTixNQUFNOzZCQUNOLE1BQU07O0lBaUVULHdCQUFDO0NBQUEsQUEzRUQsSUEyRUM7U0F0RVksaUJBQWlCOzs7SUFDNUIsc0NBQXNFOztJQUN0RSxpQ0FBb0I7O0lBQ3BCLHVDQUEwQzs7SUFDMUMsdUNBQTBDOztJQUMxQyx1Q0FBMEM7O0lBQzFDLHFDQVNFOzs7OztJQUdBLHlDQUFrQzs7SUFDbEMsK0NBQThDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIE91dHB1dCwgSW5wdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXBsb2FkQXNzZXRzU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3VwbG9hZC1hc3NldHMuc2VydmljZSc7XG5pbXBvcnQgeyBpbWFnZVBkZiB9IGZyb20gJy4uLy4uLy4uL2NvbnRhbnN0JztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVVybCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWZpbGUtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9maWxlLWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsZUl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwdWJsaWMgYmFzZTY0UGRmID0gdGhpcy5kb21TYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFVybChpbWFnZVBkZik7XG4gIEBJbnB1dCgpIGZpbGU6IEZpbGU7XG4gIEBPdXRwdXQoKSBjaGVja0Vycm9yID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgZmlsZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGZpbGVSZW1vdmUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIHB1YmxpYyBkYXRhRmlsZSA9IHtcbiAgICBuYW1lOiAnJyxcbiAgICBzaXplOiAwLFxuICAgIGV4dDogJycsXG4gICAgZGF0YTogbnVsbCxcbiAgICBlcnJvcnM6IHtcbiAgICAgIGV4dDogZmFsc2UsXG4gICAgICBzaXplOiBmYWxzZSxcbiAgICB9LFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZG9tU2FuaXRpemVyOiBEb21TYW5pdGl6ZXIsXG4gICAgcHVibGljIHVwbG9hZEFzc2V0U2VydmljZTogVXBsb2FkQXNzZXRzU2VydmljZVxuICApIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zZXREYXRhRmlsZSh0aGlzLmZpbGUpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXREYXRhRmlsZShmaWxlOiBGaWxlKTogdm9pZCB7XG4gICAgY29uc3QgeyBzdXBwb3J0ZWRUeXBlcywgc3VwcG9ydGVkU2l6ZSB9ID0gdGhpcy51cGxvYWRBc3NldFNlcnZpY2U7XG4gICAgY29uc3QgbmFtZVNwbGl0ID0gZmlsZS5uYW1lLnNwbGl0KCcuJyk7XG4gICAgbmFtZVNwbGl0LnNwbGljZShuYW1lU3BsaXQubGVuZ3RoIC0gMSwgMSk7XG4gICAgdGhpcy5kYXRhRmlsZS5uYW1lID0gbmFtZVNwbGl0LmpvaW4oJy4nKTtcbiAgICB0aGlzLmRhdGFGaWxlLnNpemUgPSBmaWxlLnNpemU7XG4gICAgdGhpcy5kYXRhRmlsZS5leHQgPSBmaWxlLnR5cGUuc3BsaXQoJy8nKVsxXTtcbiAgICB0aGlzLmRhdGFGaWxlLmVycm9ycyA9IHtcbiAgICAgIGV4dDogc3VwcG9ydGVkVHlwZXMuaW5kZXhPZihgLiR7dGhpcy5kYXRhRmlsZS5leHR9YCkgPCAwLFxuICAgICAgc2l6ZTogc3VwcG9ydGVkU2l6ZSA8IHRoaXMuZGF0YUZpbGUuc2l6ZSxcbiAgICB9O1xuXG4gICAgY29uc3QgeyBleHQsIHNpemUgfSA9IHRoaXMuZGF0YUZpbGUuZXJyb3JzO1xuICAgIGlmIChleHQgfHwgc2l6ZSkge1xuICAgICAgdGhpcy51cGxvYWRBc3NldFNlcnZpY2UuZXJyb3JzID0geyBbZmlsZS5uYW1lXTogdHJ1ZSB9O1xuICAgICAgdGhpcy5jaGVja0Vycm9yLmVtaXQoKTtcbiAgICB9XG5cbiAgICBpZiAoZmlsZS50eXBlLmluZGV4T2YoJ2ltYWdlJykgPiAtMSkge1xuICAgICAgY29uc3QgcmVhZGVyID0gbmV3IEZpbGVSZWFkZXIoKTtcbiAgICAgIHJlYWRlci5yZWFkQXNEYXRhVVJMKGZpbGUpO1xuICAgICAgcmVhZGVyLm9ubG9hZCA9IChyZWFkZXJFdmVudDogYW55KSA9PiB7XG4gICAgICAgIGNvbnN0IGltZyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2ltZycpO1xuICAgICAgICBpbWcuc3JjID0gcmVhZGVyRXZlbnQudGFyZ2V0LnJlc3VsdCBhcyBzdHJpbmc7XG5cbiAgICAgICAgaW1nLm9ubG9hZCA9ICgpID0+IHtcbiAgICAgICAgICB0aGlzLmRhdGFGaWxlLmRhdGEgPSB0aGlzLmRvbVNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0VXJsKFxuICAgICAgICAgICAgcmVhZGVyRXZlbnQudGFyZ2V0LnJlc3VsdFxuICAgICAgICAgICk7XG4gICAgICAgIH07XG4gICAgICB9O1xuICAgIH1cblxuICAgIHRoaXMudXBsb2FkQXNzZXRTZXJ2aWNlLnNldEVycm9yT2JzKHRoaXMudXBsb2FkQXNzZXRTZXJ2aWNlLmVycm9yRmlsZXMpO1xuICB9XG5cbiAgb25DaGFuZ2UoZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy5kYXRhRmlsZS5uYW1lID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZS50cmltKCk7XG4gICAgdGhpcy5maWxlQ2hhbmdlLmVtaXQodGhpcy5kYXRhRmlsZS5uYW1lKTtcbiAgfVxuXG4gIG9uUmVtb3ZlKCkge1xuICAgIHRoaXMuZmlsZVJlbW92ZS5lbWl0KHRydWUpO1xuICB9XG59XG4iXX0=

package/esm5/lib/components/partial/file-list/file-list.component.js

@@ -0,0 +1,93 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import * as tslib_1 from "tslib";
+import { Component, Output, EventEmitter } from '@angular/core';
+import { UploadAssetsService } from '../../../services/upload-assets.service';
+var FileListComponent = /** @class */ (function () {
+    function FileListComponent(uploadAssetsService) {
+        this.uploadAssetsService = uploadAssetsService;
+        this.revalidate = new EventEmitter();
+    }
+    /**
+     * @return {?}
+     */
+    FileListComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () { };
+    /**
+     * @param {?} newFiles
+     * @return {?}
+     */
+    FileListComponent.prototype.onFileChange = /**
+     * @param {?} newFiles
+     * @return {?}
+     */
+    function (newFiles) {
+        var files = this.uploadAssetsService.getFiles;
+        this.uploadAssetsService.setFiles = tslib_1.__spread(files, newFiles);
+        ((/** @type {?} */ (document.getElementById('file-import')))).value = '';
+    };
+    /**
+     * @param {?} fileName
+     * @param {?} index
+     * @return {?}
+     */
+    FileListComponent.prototype.onDelFile = /**
+     * @param {?} fileName
+     * @param {?} index
+     * @return {?}
+     */
+    function (fileName, index) {
+        this.uploadAssetsService.deleteFile(fileName, index);
+        this.revalidate.emit(this.uploadAssetsService.errorFiles);
+    };
+    /**
+     * @param {?} newName
+     * @param {?} originName
+     * @return {?}
+     */
+    FileListComponent.prototype.onChangeName = /**
+     * @param {?} newName
+     * @param {?} originName
+     * @return {?}
+     */
+    function (newName, originName) {
+        var _a;
+        this.uploadAssetsService.newName = (_a = {}, _a[originName] = newName, _a);
+    };
+    /**
+     * @return {?}
+     */
+    FileListComponent.prototype.onEmitError = /**
+     * @return {?}
+     */
+    function () {
+        this.revalidate.emit(this.uploadAssetsService.errorFiles);
+    };
+    FileListComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'lib-file-list',
+                    template: "<div class=\"file-list__heading\">\n  <div class=\"file-list__info\">\n    <h4 class=\"file-list__info--title\">\n      <span *ngIf=\"!uploadAssetsService.errorLength\">\n        {{\n          uploadAssetsService?.getFiles?.length -\n            uploadAssetsService.errorLength\n        }}\n        {{ uploadAssetsService?.getFiles?.length > 1 ? 'assets' : 'asset' }}\n        ready to upload\n      </span>\n      <span *ngIf=\"uploadAssetsService.errorLength\">\n        {{ uploadAssetsService.errorLength }}\n        {{ uploadAssetsService.errorLength > 1 ? 'assets' : 'asset' }}\n        invalid, please remove it before upload</span\n      >\n    </h4>\n    <div class=\"file-list__info--desc\">\n      Manage the assets before adding them to the Media Library\n    </div>\n  </div>\n  <lib-input-file\n    [acceptTypes]=\"uploadAssetsService?.supportedTypes?.join(', ')\"\n    (onFileChange)=\"onFileChange($event)\"\n    color=\"primary\"\n  >\n    <span>Add new assets</span>\n  </lib-input-file>\n</div>\n<div class=\"file-list\">\n  <lib-file-item\n    *ngFor=\"let file of uploadAssetsService?.getFiles; let i = index\"\n    [file]=\"file\"\n    (checkError)=\"onEmitError()\"\n    (fileRemove)=\"onDelFile(file.name, i)\"\n    (fileChange)=\"onChangeName($event, file.name)\"\n  ></lib-file-item>\n</div>\n",
+                    styles: [":host::ng-deep .file-list{padding-top:15px}:host::ng-deep .file-list__heading{display:flex;justify-content:space-between;align-items:center;padding-top:15px;padding-bottom:15px;position:-webkit-sticky;position:sticky;top:0;background-color:#fff}:host::ng-deep .file-list__info--title{font-size:16px;margin-bottom:5px;color:#000}:host::ng-deep lib-file-item{margin-bottom:20px}"]
+                }] }
+    ];
+    /** @nocollapse */
+    FileListComponent.ctorParameters = function () { return [
+        { type: UploadAssetsService }
+    ]; };
+    FileListComponent.propDecorators = {
+        revalidate: [{ type: Output }]
+    };
+    return FileListComponent;
+}());
+export { FileListComponent };
+if (false) {
+    /** @type {?} */
+    FileListComponent.prototype.revalidate;
+    /** @type {?} */
+    FileListComponent.prototype.uploadAssetsService;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bycy1way9hc3NldC1tYW5hZ2VtZW50LyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvcGFydGlhbC9maWxlLWxpc3QvZmlsZS1saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUU5RTtJQU9FLDJCQUFtQixtQkFBd0M7UUFBeEMsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQURqRCxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUNvQixDQUFDOzs7O0lBRS9ELG9DQUFROzs7SUFBUixjQUFZLENBQUM7Ozs7O0lBRWIsd0NBQVk7Ozs7SUFBWixVQUFhLFFBQWdCO1FBQ25CLElBQUEseUNBQWU7UUFDdkIsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsb0JBQU8sS0FBSyxFQUFLLFFBQVEsQ0FBQyxDQUFDO1FBQzVELENBQUMsbUJBQUEsUUFBUSxDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUMsRUFBb0IsQ0FBQyxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDMUUsQ0FBQzs7Ozs7O0lBRUQscUNBQVM7Ozs7O0lBQVQsVUFBVSxRQUFnQixFQUFFLEtBQWE7UUFDdkMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDckQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzVELENBQUM7Ozs7OztJQUVELHdDQUFZOzs7OztJQUFaLFVBQWEsT0FBZSxFQUFFLFVBQWtCOztRQUM5QyxJQUFJLENBQUMsbUJBQW1CLENBQUMsT0FBTyxhQUFLLEdBQUMsVUFBVSxJQUFHLE9BQU8sS0FBRSxDQUFDO0lBQy9ELENBQUM7Ozs7SUFFRCx1Q0FBVzs7O0lBQVg7UUFDRSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDNUQsQ0FBQzs7Z0JBNUJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsa3pDQUF5Qzs7aUJBRTFDOzs7O2dCQU5RLG1CQUFtQjs7OzZCQVF6QixNQUFNOztJQXVCVCx3QkFBQztDQUFBLEFBN0JELElBNkJDO1NBeEJZLGlCQUFpQjs7O0lBQzVCLHVDQUEwQzs7SUFDOUIsZ0RBQStDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVcGxvYWRBc3NldHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdXBsb2FkLWFzc2V0cy5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWZpbGUtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxlLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9maWxlLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRmlsZUxpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBAT3V0cHV0KCkgcmV2YWxpZGF0ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgY29uc3RydWN0b3IocHVibGljIHVwbG9hZEFzc2V0c1NlcnZpY2U6IFVwbG9hZEFzc2V0c1NlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIG9uRmlsZUNoYW5nZShuZXdGaWxlczogRmlsZVtdKTogdm9pZCB7XG4gICAgY29uc3QgeyBnZXRGaWxlczogZmlsZXMgfSA9IHRoaXMudXBsb2FkQXNzZXRzU2VydmljZTtcbiAgICB0aGlzLnVwbG9hZEFzc2V0c1NlcnZpY2Uuc2V0RmlsZXMgPSBbLi4uZmlsZXMsIC4uLm5ld0ZpbGVzXTtcbiAgICAoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2ZpbGUtaW1wb3J0JykgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWUgPSAnJztcbiAgfVxuXG4gIG9uRGVsRmlsZShmaWxlTmFtZTogc3RyaW5nLCBpbmRleDogbnVtYmVyKSB7XG4gICAgdGhpcy51cGxvYWRBc3NldHNTZXJ2aWNlLmRlbGV0ZUZpbGUoZmlsZU5hbWUsIGluZGV4KTtcbiAgICB0aGlzLnJldmFsaWRhdGUuZW1pdCh0aGlzLnVwbG9hZEFzc2V0c1NlcnZpY2UuZXJyb3JGaWxlcyk7XG4gIH1cblxuICBvbkNoYW5nZU5hbWUobmV3TmFtZTogc3RyaW5nLCBvcmlnaW5OYW1lOiBzdHJpbmcpIHtcbiAgICB0aGlzLnVwbG9hZEFzc2V0c1NlcnZpY2UubmV3TmFtZSA9IHsgW29yaWdpbk5hbWVdOiBuZXdOYW1lIH07XG4gIH1cblxuICBvbkVtaXRFcnJvcigpOiB2b2lkIHtcbiAgICB0aGlzLnJldmFsaWRhdGUuZW1pdCh0aGlzLnVwbG9hZEFzc2V0c1NlcnZpY2UuZXJyb3JGaWxlcyk7XG4gIH1cbn1cbiJdfQ==

package/esm5/lib/components/partial/folder-item/folder-item.component.js

@@ -0,0 +1,126 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Input } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { AssetModel } from '../../../models';
+import { ActionTypes } from '../../../store/actions.action';
+import { EditFolderDialogComponent } from '../edit-folder-dialog/edit-folder-dialog.component';
+import { DeleteDialogComponent } from '../delete-dialog/delete-dialog.component';
+import { AssetManagementService } from '../../../asset-management.service';
+var FolderItemComponent = /** @class */ (function () {
+    function FolderItemComponent(dialog, svc) {
+        this.dialog = dialog;
+        this.svc = svc;
+    }
+    /**
+     * @return {?}
+     */
+    FolderItemComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () { };
+    /**
+     * @return {?}
+     */
+    FolderItemComponent.prototype.openFolder = /**
+     * @return {?}
+     */
+    function () {
+        this.svc.dispatch({
+            type: ActionTypes.SET_CURRENT_FOLDER_ID,
+            payload: this.folder.AssetId,
+        });
+    };
+    /**
+     * @return {?}
+     */
+    FolderItemComponent.prototype.renameFolder = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        /** @type {?} */
+        var dialogRef = this.dialog.open(EditFolderDialogComponent, {
+            data: {
+                assetId: this.folder.AssetId,
+                name: this.folder.OriginalFileName,
+            },
+            panelClass: 'lib-dialog--small',
+        });
+        dialogRef.afterClosed().subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        function (res) {
+            if (res) {
+                _this.svc.dispatch({
+                    type: ActionTypes.RELOAD_CURRENT_FOLDER,
+                });
+            }
+        }));
+    };
+    /**
+     * @return {?}
+     */
+    FolderItemComponent.prototype.deleteFolder = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        /** @type {?} */
+        var dialogRef = this.dialog.open(DeleteDialogComponent, {
+            data: {
+                type: 'folder',
+                ids: [this.folder.AssetId],
+                name: this.folder.OriginalFileName,
+            },
+            panelClass: 'lib-dialog--small',
+            autoFocus: false,
+        });
+        dialogRef.afterClosed().subscribe((/**
+         * @param {?} res
+         * @return {?}
+         */
+        function (res) {
+            if (res) {
+                _this.svc.dispatch({
+                    type: ActionTypes.RELOAD_CURRENT_FOLDER,
+                });
+            }
+        }));
+    };
+    FolderItemComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'lib-folder-item',
+                    template: "<div class=\"folder\" (dblclick)=\"openFolder()\">\n  <mat-icon class=\"folder__icon\">folder</mat-icon>\n  <span class=\"folder__name\" [matTooltip]=\"folder.OriginalFileName\">\n    {{ folder.OriginalFileName }}\n  </span>\n  <mat-icon class=\"folder__action\" [matMenuTriggerFor]=\"menu\"\n    >more_vert</mat-icon\n  >\n</div>\n<mat-menu #menu=\"matMenu\">\n  <button mat-menu-item (click)=\"renameFolder()\">\n    <mat-icon>edit_outline</mat-icon> <span>Rename</span>\n  </button>\n  <button mat-menu-item (click)=\"deleteFolder()\">\n    <mat-icon color=\"warn\">delete_outline</mat-icon> <span>Delete</span>\n  </button>\n</mat-menu>\n",
+                    styles: [":host::ng-deep .folder{width:180px;height:50px;display:flex;position:relative;align-items:center;padding:5px 20px 5px 10px;border-radius:10px;cursor:pointer;transition:.3s}:host::ng-deep .folder:hover{background-color:#f1f1f1}:host::ng-deep .folder:hover .folder__action{display:block}:host::ng-deep .folder__icon{display:flex;align-items:center;color:#6fc0ff;font-size:38px;margin-right:20px}:host::ng-deep .folder__name{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host::ng-deep .folder__action{display:none;right:0;position:absolute;color:#979797;transition:.3s}:host::ng-deep .folder__action:hover{color:#000}"]
+                }] }
+    ];
+    /** @nocollapse */
+    FolderItemComponent.ctorParameters = function () { return [
+        { type: MatDialog },
+        { type: AssetManagementService }
+    ]; };
+    FolderItemComponent.propDecorators = {
+        folder: [{ type: Input }]
+    };
+    return FolderItemComponent;
+}());
+export { FolderItemComponent };
+if (false) {
+    /** @type {?} */
+    FolderItemComponent.prototype.folder;
+    /**
+     * @type {?}
+     * @private
+     */
+    FolderItemComponent.prototype.dialog;
+    /**
+     * @type {?}
+     * @private
+     */
+    FolderItemComponent.prototype.svc;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9sZGVyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHJzLXBrL2Fzc2V0LW1hbmFnZW1lbnQvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYXJ0aWFsL2ZvbGRlci1pdGVtL2ZvbGRlci1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDNUQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFM0U7SUFNRSw2QkFBb0IsTUFBaUIsRUFBVSxHQUEyQjtRQUF0RCxXQUFNLEdBQU4sTUFBTSxDQUFXO1FBQVUsUUFBRyxHQUFILEdBQUcsQ0FBd0I7SUFBRyxDQUFDOzs7O0lBRTlFLHNDQUFROzs7SUFBUixjQUFZLENBQUM7Ozs7SUFFYix3Q0FBVTs7O0lBQVY7UUFDRSxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQztZQUNoQixJQUFJLEVBQUUsV0FBVyxDQUFDLHFCQUFxQjtZQUN2QyxPQUFPLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPO1NBQzdCLENBQUMsQ0FBQztJQUNMLENBQUM7Ozs7SUFFRCwwQ0FBWTs7O0lBQVo7UUFBQSxpQkFnQkM7O1lBZk8sU0FBUyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLHlCQUF5QixFQUFFO1lBQzVELElBQUksRUFBRTtnQkFDSixPQUFPLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPO2dCQUM1QixJQUFJLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0I7YUFDbkM7WUFDRCxVQUFVLEVBQUUsbUJBQW1CO1NBQ2hDLENBQUM7UUFFRixTQUFTLENBQUMsV0FBVyxFQUFFLENBQUMsU0FBUzs7OztRQUFDLFVBQUEsR0FBRztZQUNuQyxJQUFJLEdBQUcsRUFBRTtnQkFDUCxLQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQztvQkFDaEIsSUFBSSxFQUFFLFdBQVcsQ0FBQyxxQkFBcUI7aUJBQ3hDLENBQUMsQ0FBQzthQUNKO1FBQ0gsQ0FBQyxFQUFDLENBQUM7SUFDTCxDQUFDOzs7O0lBRUQsMENBQVk7OztJQUFaO1FBQUEsaUJBa0JDOztZQWpCTyxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMscUJBQXFCLEVBQUU7WUFDeEQsSUFBSSxFQUFFO2dCQUNKLElBQUksRUFBRSxRQUFRO2dCQUNkLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDO2dCQUMxQixJQUFJLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0I7YUFDbkM7WUFDRCxVQUFVLEVBQUUsbUJBQW1CO1lBQy9CLFNBQVMsRUFBRSxLQUFLO1NBQ2pCLENBQUM7UUFFRixTQUFTLENBQUMsV0FBVyxFQUFFLENBQUMsU0FBUzs7OztRQUFDLFVBQUEsR0FBRztZQUNuQyxJQUFJLEdBQUcsRUFBRTtnQkFDUCxLQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQztvQkFDaEIsSUFBSSxFQUFFLFdBQVcsQ0FBQyxxQkFBcUI7aUJBQ3hDLENBQUMsQ0FBQzthQUNKO1FBQ0gsQ0FBQyxFQUFDLENBQUM7SUFDTCxDQUFDOztnQkFyREYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLDhvQkFBMkM7O2lCQUU1Qzs7OztnQkFYUSxTQUFTO2dCQUtULHNCQUFzQjs7O3lCQVM1QixLQUFLOztJQStDUiwwQkFBQztDQUFBLEFBdERELElBc0RDO1NBakRZLG1CQUFtQjs7O0lBRTlCLHFDQUE0Qjs7Ozs7SUFEaEIscUNBQXlCOzs7OztJQUFFLGtDQUFtQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IEFzc2V0TW9kZWwgfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHsgQWN0aW9uVHlwZXMgfSBmcm9tICcuLi8uLi8uLi9zdG9yZS9hY3Rpb25zLmFjdGlvbic7XG5pbXBvcnQgeyBFZGl0Rm9sZGVyRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi4vZWRpdC1mb2xkZXItZGlhbG9nL2VkaXQtZm9sZGVyLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGVsZXRlRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi4vZGVsZXRlLWRpYWxvZy9kZWxldGUtZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBc3NldE1hbmFnZW1lbnRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vYXNzZXQtbWFuYWdlbWVudC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWZvbGRlci1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZvbGRlci1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZm9sZGVyLWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRm9sZGVySXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZGlhbG9nOiBNYXREaWFsb2csIHByaXZhdGUgc3ZjOiBBc3NldE1hbmFnZW1lbnRTZXJ2aWNlKSB7fVxuICBASW5wdXQoKSBmb2xkZXI6IEFzc2V0TW9kZWw7XG4gIG5nT25Jbml0KCkge31cblxuICBvcGVuRm9sZGVyKCkge1xuICAgIHRoaXMuc3ZjLmRpc3BhdGNoKHtcbiAgICAgIHR5cGU6IEFjdGlvblR5cGVzLlNFVF9DVVJSRU5UX0ZPTERFUl9JRCxcbiAgICAgIHBheWxvYWQ6IHRoaXMuZm9sZGVyLkFzc2V0SWQsXG4gICAgfSk7XG4gIH1cblxuICByZW5hbWVGb2xkZXIoKSB7XG4gICAgY29uc3QgZGlhbG9nUmVmID0gdGhpcy5kaWFsb2cub3BlbihFZGl0Rm9sZGVyRGlhbG9nQ29tcG9uZW50LCB7XG4gICAgICBkYXRhOiB7XG4gICAgICAgIGFzc2V0SWQ6IHRoaXMuZm9sZGVyLkFzc2V0SWQsXG4gICAgICAgIG5hbWU6IHRoaXMuZm9sZGVyLk9yaWdpbmFsRmlsZU5hbWUsXG4gICAgICB9LFxuICAgICAgcGFuZWxDbGFzczogJ2xpYi1kaWFsb2ctLXNtYWxsJyxcbiAgICB9KTtcblxuICAgIGRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZShyZXMgPT4ge1xuICAgICAgaWYgKHJlcykge1xuICAgICAgICB0aGlzLnN2Yy5kaXNwYXRjaCh7XG4gICAgICAgICAgdHlwZTogQWN0aW9uVHlwZXMuUkVMT0FEX0NVUlJFTlRfRk9MREVSLFxuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIGRlbGV0ZUZvbGRlcigpIHtcbiAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuKERlbGV0ZURpYWxvZ0NvbXBvbmVudCwge1xuICAgICAgZGF0YToge1xuICAgICAgICB0eXBlOiAnZm9sZGVyJyxcbiAgICAgICAgaWRzOiBbdGhpcy5mb2xkZXIuQXNzZXRJZF0sXG4gICAgICAgIG5hbWU6IHRoaXMuZm9sZGVyLk9yaWdpbmFsRmlsZU5hbWUsXG4gICAgICB9LFxuICAgICAgcGFuZWxDbGFzczogJ2xpYi1kaWFsb2ctLXNtYWxsJyxcbiAgICAgIGF1dG9Gb2N1czogZmFsc2UsXG4gICAgfSk7XG5cbiAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUocmVzID0+IHtcbiAgICAgIGlmIChyZXMpIHtcbiAgICAgICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xuICAgICAgICAgIHR5cGU6IEFjdGlvblR5cGVzLlJFTE9BRF9DVVJSRU5UX0ZPTERFUixcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==

package/esm5/lib/components/partial/folder-list/folder-list.component.js

@@ -0,0 +1,82 @@
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Input } from '@angular/core';
+import { Subject } from 'rxjs/internal/Subject';
+import { takeUntil } from 'rxjs/operators';
+import { select } from '../../../store';
+var FolderListComponent = /** @class */ (function () {
+    function FolderListComponent() {
+        this.loading = false;
+        this.unsubscribe$ = new Subject();
+        this.bindSubscriber();
+    }
+    /**
+     * @return {?}
+     */
+    FolderListComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () { };
+    /**
+     * @return {?}
+     */
+    FolderListComponent.prototype.ngOnDestroy = /**
+     * @return {?}
+     */
+    function () {
+        this.unsubscribe$.next();
+        this.unsubscribe$.complete();
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    FolderListComponent.prototype.bindSubscriber = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        select((/**
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) { return state.globalLoading; }))
+            .pipe(takeUntil(this.unsubscribe$))
+            .subscribe((/**
+         * @param {?} globalLoading
+         * @return {?}
+         */
+        function (globalLoading) {
+            _this.loading = globalLoading;
+        }));
+    };
+    FolderListComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'lib-folder-list',
+                    template: "<div class=\"folder-container\">\n  <h6>Folders</h6>\n  <div class=\"folder-list custom-scrollbar\">\n    <lib-folder-item\n      *ngFor=\"let folder of folders\"\n      [folder]=\"folder\"\n    ></lib-folder-item>\n  </div>\n  <div class=\"folder-empty\" *ngIf=\"folders && !folders.length\">\n    <span>This folder is empty.</span>\n  </div>\n</div>\n",
+                    styles: [":host::ng-deep .folder-container h6{color:#979797}:host::ng-deep .folder-container .folder-list{display:flex;flex-wrap:nowrap;overflow:auto;padding-bottom:10px}:host::ng-deep .folder-container .folder-empty{text-align:center;color:#979797;font-size:14px}"]
+                }] }
+    ];
+    /** @nocollapse */
+    FolderListComponent.ctorParameters = function () { return []; };
+    FolderListComponent.propDecorators = {
+        folders: [{ type: Input }]
+    };
+    return FolderListComponent;
+}());
+export { FolderListComponent };
+if (false) {
+    /** @type {?} */
+    FolderListComponent.prototype.folders;
+    /** @type {?} */
+    FolderListComponent.prototype.loading;
+    /**
+     * @type {?}
+     * @private
+     */
+    FolderListComponent.prototype.unsubscribe$;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9sZGVyLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHJzLXBrL2Fzc2V0LW1hbmFnZW1lbnQvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYXJ0aWFsL2ZvbGRlci1saXN0L2ZvbGRlci1saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFM0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXhDO0lBT0U7UUFLTyxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2YsaUJBQVksR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBTHpDLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDOzs7O0lBTUQsc0NBQVE7OztJQUFSLGNBQVksQ0FBQzs7OztJQUViLHlDQUFXOzs7SUFBWDtRQUNFLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMvQixDQUFDOzs7OztJQUVPLDRDQUFjOzs7O0lBQXRCO1FBQUEsaUJBTUM7UUFMQyxNQUFNOzs7O1FBQUMsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFLLENBQUMsYUFBYSxFQUFuQixDQUFtQixFQUFDO2FBQ2pDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO2FBQ2xDLFNBQVM7Ozs7UUFBQyxVQUFBLGFBQWE7WUFDdEIsS0FBSSxDQUFDLE9BQU8sR0FBRyxhQUFhLENBQUM7UUFDL0IsQ0FBQyxFQUFDLENBQUM7SUFDUCxDQUFDOztnQkE1QkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLDZXQUEyQzs7aUJBRTVDOzs7OzswQkFPRSxLQUFLOztJQWtCUiwwQkFBQztDQUFBLEFBN0JELElBNkJDO1NBeEJZLG1CQUFtQjs7O0lBTTlCLHNDQUErQjs7SUFDL0Isc0NBQXVCOzs7OztJQUN2QiwyQ0FBMkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMvaW50ZXJuYWwvU3ViamVjdCc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBBc3NldE1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IHNlbGVjdCB9IGZyb20gJy4uLy4uLy4uL3N0b3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWZvbGRlci1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZvbGRlci1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZm9sZGVyLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRm9sZGVyTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLmJpbmRTdWJzY3JpYmVyKCk7XG4gIH1cblxuICBASW5wdXQoKSBmb2xkZXJzOiBBc3NldE1vZGVsW107XG4gIHB1YmxpYyBsb2FkaW5nID0gZmFsc2U7XG4gIHByaXZhdGUgdW5zdWJzY3JpYmUkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy51bnN1YnNjcmliZSQubmV4dCgpO1xuICAgIHRoaXMudW5zdWJzY3JpYmUkLmNvbXBsZXRlKCk7XG4gIH1cblxuICBwcml2YXRlIGJpbmRTdWJzY3JpYmVyKCkge1xuICAgIHNlbGVjdChzdGF0ZSA9PiBzdGF0ZS5nbG9iYWxMb2FkaW5nKVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMudW5zdWJzY3JpYmUkKSlcbiAgICAgIC5zdWJzY3JpYmUoZ2xvYmFsTG9hZGluZyA9PiB7XG4gICAgICAgIHRoaXMubG9hZGluZyA9IGdsb2JhbExvYWRpbmc7XG4gICAgICB9KTtcbiAgfVxufVxuIl19