@rs-pk/asset-management 1.0.25 → 1.0.26

package/esm5/lib/components/partial/breadcrumb/breadcrumb.component.js

@@ -1,143 +1,143 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import * as tslib_1 from "tslib";
-import { ChangeDetectorRef, Component } from '@angular/core';
-import { of } from 'rxjs/internal/observable/of';
-import { Subject } from 'rxjs/internal/Subject';
-import { switchMap, takeUntil } from 'rxjs/operators';
-import { AssetManagementService } from '../../../asset-management.service';
-import { NodeTreeService } from '../../../services/node-tree.service';
-import { ActionTypes, select } from '../../../store';
-var BreadcrumbComponent = /** @class */ (function () {
-    function BreadcrumbComponent(nodeTreeService, svc, changeDetectorRef) {
-        this.nodeTreeService = nodeTreeService;
-        this.svc = svc;
-        this.changeDetectorRef = changeDetectorRef;
-        this.unsubscribe$ = new Subject();
-        this.currentFolderHierarchy = [];
-        this.maximumShownLevel = 3;
-        this.bindSubscriber();
-    }
-    /**
-     * @return {?}
-     */
-    BreadcrumbComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () { };
-    /**
-     * @return {?}
-     */
-    BreadcrumbComponent.prototype.ngOnDestroy = /**
-     * @return {?}
-     */
-    function () {
-        this.unsubscribe$.next();
-        this.unsubscribe$.complete();
-    };
-    /**
-     * @private
-     * @return {?}
-     */
-    BreadcrumbComponent.prototype.bindSubscriber = /**
-     * @private
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        select((/**
-         * @param {?} state
-         * @return {?}
-         */
-        function (state) { return state.currentFolderHierarchy; }))
-            .pipe(takeUntil(this.unsubscribe$), switchMap((/**
-         * @param {?} res
-         * @return {?}
-         */
-        function (res) { return of(res); })))
-            .subscribe((/**
-         * @param {?} currentFolderHierarchy
-         * @return {?}
-         */
-        function (currentFolderHierarchy) {
-            _this.currentFolderHierarchy = currentFolderHierarchy;
-        }));
-    };
-    /**
-     * @param {?} folder
-     * @return {?}
-     */
-    BreadcrumbComponent.prototype.navigateToFolder = /**
-     * @param {?} folder
-     * @return {?}
-     */
-    function (folder) {
-        this.svc.dispatch({
-            type: ActionTypes.SET_CURRENT_FOLDER_ID,
-            payload: folder.AssetId,
-        });
-    };
-    /**
-     * @return {?}
-     */
-    BreadcrumbComponent.prototype.backToHome = /**
-     * @return {?}
-     */
-    function () {
-        return tslib_1.__awaiter(this, void 0, void 0, function () {
-            return tslib_1.__generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, this.nodeTreeService.initialData({ dispatchRootId: true })];
-                    case 1:
-                        _a.sent();
-                        this.changeDetectorRef.detectChanges();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    BreadcrumbComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'lib-breadcrumb',
-                    template: "<nav class=\"breadcrumb-wrapper\">\r\n    <ul class=\"lib-breadcrumb\">\r\n        <li class=\"lib-breadcrumb__item\">\r\n            <span class=\"lib-breadcrumb__item--name\" (click)=\"backToHome()\">Home</span>\r\n        </li>\r\n        <ng-container *ngIf=\"currentFolderHierarchy.length <= maximumShownLevel\">\r\n            <li *ngFor=\"let folder of currentFolderHierarchy; let last = last\" class=\"lib-breadcrumb__item\">\r\n                <mat-icon class=\"lib-breadcrumb__item--icon\">navigate_next</mat-icon>\r\n                <span class=\"lib-breadcrumb__item--name\" (click)=\"navigateToFolder(folder)\" [ngClass]=\"{ 'current-item' : last }\">\r\n                    {{folder.OriginalFileName}}\r\n                </span>\r\n            </li>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"currentFolderHierarchy.length> maximumShownLevel\">\r\n            <div class=\"lib-breadcrumb__item\">\r\n                <mat-icon class=\"lib-breadcrumb__item--icon\">navigate_next</mat-icon>\r\n                <span class=\"lib-breadcrumb__item--name\" [matMenuTriggerFor]=\"menu\">\r\n                    <mat-icon>more_horiz</mat-icon>\r\n                </span>\r\n            </div>\r\n\r\n            <li *ngFor=\"let folder of currentFolderHierarchy; let index= index; let last = last\" class=\"lib-breadcrumb__item\">\r\n                <ng-container *ngIf=\"index> currentFolderHierarchy.length -\r\n                    maximumShownLevel\">\r\n                    <mat-icon class=\"lib-breadcrumb__item--icon\">navigate_next</mat-icon>\r\n                    <span class=\"lib-breadcrumb__item--name\" (click)=\"navigateToFolder(folder)\" [ngClass]=\"{ 'current-item' : last }\">\r\n                        {{folder.OriginalFileName}}\r\n                    </span>\r\n                </ng-container>\r\n            </li>\r\n        </ng-container>\r\n\r\n    </ul>\r\n</nav>\r\n\r\n<mat-menu #menu=\"matMenu\">\r\n    <ng-container *ngFor=\"let folder of currentFolderHierarchy; let index=\r\n        index;\">\r\n        <button mat-menu-item *ngIf=\"index<= currentFolderHierarchy.length -\r\n            maximumShownLevel\" (click)=\"navigateToFolder(folder)\">\r\n            <mat-icon>navigate_next</mat-icon>\r\n            <span>{{folder.OriginalFileName}}</span>\r\n        </button>\r\n    </ng-container>\r\n</mat-menu>",
-                    styles: [":host::ng-deep .breadcrumb-wrapper{color:#979797;background-color:#fff}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb{display:flex;align-items:center;margin:0;padding:0}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item{height:20px;display:flex;align-items:center;list-style:none}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--icon{color:#c8c8c8;cursor:default}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;font-size:14px;padding:0;font-weight:400;cursor:pointer;transition:.3s;height:20px;line-height:20px}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name:hover{color:#000}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name .mat-icon{color:#979797;height:16px}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name .mat-icon:hover{color:#000}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name.current-item{cursor:default}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name.current-item:hover{color:#979797}"]
-                }] }
-    ];
-    /** @nocollapse */
-    BreadcrumbComponent.ctorParameters = function () { return [
-        { type: NodeTreeService },
-        { type: AssetManagementService },
-        { type: ChangeDetectorRef }
-    ]; };
-    return BreadcrumbComponent;
-}());
-export { BreadcrumbComponent };
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    BreadcrumbComponent.prototype.unsubscribe$;
-    /** @type {?} */
-    BreadcrumbComponent.prototype.currentFolderHierarchy;
-    /** @type {?} */
-    BreadcrumbComponent.prototype.maximumShownLevel;
-    /**
-     * @type {?}
-     * @private
-     */
-    BreadcrumbComponent.prototype.nodeTreeService;
-    /**
-     * @type {?}
-     * @private
-     */
-    BreadcrumbComponent.prototype.svc;
-    /**
-     * @type {?}
-     * @private
-     */
-    BreadcrumbComponent.prototype.changeDetectorRef;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDdEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyRDtJQU1FLDZCQUNVLGVBQWdDLEVBQ2hDLEdBQTJCLEVBQzNCLGlCQUFvQztRQUZwQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFDaEMsUUFBRyxHQUFILEdBQUcsQ0FBd0I7UUFDM0Isc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUl0QyxpQkFBWSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFDcEMsMkJBQXNCLEdBQTJCLEVBQUUsQ0FBQztRQUNwRCxzQkFBaUIsR0FBRyxDQUFDLENBQUM7UUFKM0IsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7Ozs7SUFLRCxzQ0FBUTs7O0lBQVIsY0FBWSxDQUFDOzs7O0lBRWIseUNBQVc7OztJQUFYO1FBQ0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQy9CLENBQUM7Ozs7O0lBRU8sNENBQWM7Ozs7SUFBdEI7UUFBQSxpQkFTQztRQVJDLE1BQU07Ozs7UUFBQyxVQUFDLEtBQUssSUFBSyxPQUFBLEtBQUssQ0FBQyxzQkFBc0IsRUFBNUIsQ0FBNEIsRUFBQzthQUM1QyxJQUFJLENBQ0gsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFDNUIsU0FBUzs7OztRQUFDLFVBQUMsR0FBRyxJQUFLLE9BQUEsRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFQLENBQU8sRUFBQyxDQUM1QjthQUNBLFNBQVM7Ozs7UUFBQyxVQUFDLHNCQUFzQjtZQUNoQyxLQUFJLENBQUMsc0JBQXNCLEdBQUcsc0JBQXNCLENBQUM7UUFDdkQsQ0FBQyxFQUFDLENBQUM7SUFDUCxDQUFDOzs7OztJQUVNLDhDQUFnQjs7OztJQUF2QixVQUF3QixNQUF1QjtRQUM3QyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQztZQUNoQixJQUFJLEVBQUUsV0FBVyxDQUFDLHFCQUFxQjtZQUN2QyxPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQU87U0FDeEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7OztJQUVZLHdDQUFVOzs7SUFBdkI7Ozs7NEJBQ0UscUJBQU0sSUFBSSxDQUFDLGVBQWUsQ0FBQyxXQUFXLENBQUMsRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBQTs7d0JBQWhFLFNBQWdFLENBQUM7d0JBQ2pFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQzs7Ozs7S0FDeEM7O2dCQTdDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsMDBFQUEwQzs7aUJBRTNDOzs7O2dCQVBRLGVBQWU7Z0JBRmYsc0JBQXNCO2dCQUp0QixpQkFBaUI7O0lBdUQxQiwwQkFBQztDQUFBLEFBOUNELElBOENDO1NBekNZLG1CQUFtQjs7Ozs7O0lBUTlCLDJDQUEyQzs7SUFDM0MscURBQTJEOztJQUMzRCxnREFBNkI7Ozs7O0lBUjNCLDhDQUF3Qzs7Ozs7SUFDeEMsa0NBQW1DOzs7OztJQUNuQyxnREFBNEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBvZiB9IGZyb20gJ3J4anMvaW50ZXJuYWwvb2JzZXJ2YWJsZS9vZic7XHJcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzL2ludGVybmFsL1N1YmplY3QnO1xyXG5pbXBvcnQgeyBzd2l0Y2hNYXAsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgQXNzZXRNYW5hZ2VtZW50U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2Fzc2V0LW1hbmFnZW1lbnQuc2VydmljZSc7XHJcbmltcG9ydCB7IEZvbGRlclRyZWVNb2RlbCB9IGZyb20gJy4uLy4uLy4uL21vZGVscyc7XHJcbmltcG9ydCB7IE5vZGVUcmVlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL25vZGUtdHJlZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgQWN0aW9uVHlwZXMsIHNlbGVjdCB9IGZyb20gJy4uLy4uLy4uL3N0b3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWJyZWFkY3J1bWInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9icmVhZGNydW1iLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCcmVhZGNydW1iQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBub2RlVHJlZVNlcnZpY2U6IE5vZGVUcmVlU2VydmljZSxcclxuICAgIHByaXZhdGUgc3ZjOiBBc3NldE1hbmFnZW1lbnRTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcclxuICApIHtcclxuICAgIHRoaXMuYmluZFN1YnNjcmliZXIoKTtcclxuICB9XHJcbiAgcHJpdmF0ZSB1bnN1YnNjcmliZSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xyXG4gIHB1YmxpYyBjdXJyZW50Rm9sZGVySGllcmFyY2h5OiBBcnJheTxGb2xkZXJUcmVlTW9kZWw+ID0gW107XHJcbiAgcHVibGljIG1heGltdW1TaG93bkxldmVsID0gMztcclxuXHJcbiAgbmdPbkluaXQoKSB7fVxyXG5cclxuICBuZ09uRGVzdHJveSgpIHtcclxuICAgIHRoaXMudW5zdWJzY3JpYmUkLm5leHQoKTtcclxuICAgIHRoaXMudW5zdWJzY3JpYmUkLmNvbXBsZXRlKCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGJpbmRTdWJzY3JpYmVyKCkge1xyXG4gICAgc2VsZWN0KChzdGF0ZSkgPT4gc3RhdGUuY3VycmVudEZvbGRlckhpZXJhcmNoeSlcclxuICAgICAgLnBpcGUoXHJcbiAgICAgICAgdGFrZVVudGlsKHRoaXMudW5zdWJzY3JpYmUkKSxcclxuICAgICAgICBzd2l0Y2hNYXAoKHJlcykgPT4gb2YocmVzKSlcclxuICAgICAgKVxyXG4gICAgICAuc3Vic2NyaWJlKChjdXJyZW50Rm9sZGVySGllcmFyY2h5KSA9PiB7XHJcbiAgICAgICAgdGhpcy5jdXJyZW50Rm9sZGVySGllcmFyY2h5ID0gY3VycmVudEZvbGRlckhpZXJhcmNoeTtcclxuICAgICAgfSk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgbmF2aWdhdGVUb0ZvbGRlcihmb2xkZXI6IEZvbGRlclRyZWVNb2RlbCkge1xyXG4gICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xyXG4gICAgICB0eXBlOiBBY3Rpb25UeXBlcy5TRVRfQ1VSUkVOVF9GT0xERVJfSUQsXHJcbiAgICAgIHBheWxvYWQ6IGZvbGRlci5Bc3NldElkLFxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgYXN5bmMgYmFja1RvSG9tZSgpIHtcclxuICAgIGF3YWl0IHRoaXMubm9kZVRyZWVTZXJ2aWNlLmluaXRpYWxEYXRhKHsgZGlzcGF0Y2hSb290SWQ6IHRydWUgfSk7XHJcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcbn1cclxuIl19
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import * as tslib_1 from "tslib";
+import { ChangeDetectorRef, Component } from '@angular/core';
+import { of } from 'rxjs/internal/observable/of';
+import { Subject } from 'rxjs/internal/Subject';
+import { switchMap, takeUntil } from 'rxjs/operators';
+import { AssetManagementService } from '../../../asset-management.service';
+import { NodeTreeService } from '../../../services/node-tree.service';
+import { ActionTypes, select } from '../../../store';
+var BreadcrumbComponent = /** @class */ (function () {
+    function BreadcrumbComponent(nodeTreeService, svc, changeDetectorRef) {
+        this.nodeTreeService = nodeTreeService;
+        this.svc = svc;
+        this.changeDetectorRef = changeDetectorRef;
+        this.unsubscribe$ = new Subject();
+        this.currentFolderHierarchy = [];
+        this.maximumShownLevel = 3;
+        this.bindSubscriber();
+    }
+    /**
+     * @return {?}
+     */
+    BreadcrumbComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () { };
+    /**
+     * @return {?}
+     */
+    BreadcrumbComponent.prototype.ngOnDestroy = /**
+     * @return {?}
+     */
+    function () {
+        this.unsubscribe$.next();
+        this.unsubscribe$.complete();
+    };
+    /**
+     * @private
+     * @return {?}
+     */
+    BreadcrumbComponent.prototype.bindSubscriber = /**
+     * @private
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        select((/**
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) { return state.currentFolderHierarchy; }))
+            .pipe(takeUntil(this.unsubscribe$), switchMap((/**
+         * @param {?} res
+         * @return {?}
+         */
+        function (res) { return of(res); })))
+            .subscribe((/**
+         * @param {?} currentFolderHierarchy
+         * @return {?}
+         */
+        function (currentFolderHierarchy) {
+            _this.currentFolderHierarchy = currentFolderHierarchy;
+        }));
+    };
+    /**
+     * @param {?} folder
+     * @return {?}
+     */
+    BreadcrumbComponent.prototype.navigateToFolder = /**
+     * @param {?} folder
+     * @return {?}
+     */
+    function (folder) {
+        this.svc.dispatch({
+            type: ActionTypes.SET_CURRENT_FOLDER_ID,
+            payload: folder.AssetId,
+        });
+    };
+    /**
+     * @return {?}
+     */
+    BreadcrumbComponent.prototype.backToHome = /**
+     * @return {?}
+     */
+    function () {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.nodeTreeService.initialData({ dispatchRootId: true })];
+                    case 1:
+                        _a.sent();
+                        this.changeDetectorRef.detectChanges();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    BreadcrumbComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'lib-breadcrumb',
+                    template: "<nav class=\"breadcrumb-wrapper\">\n    <ul class=\"lib-breadcrumb\">\n        <li class=\"lib-breadcrumb__item\">\n            <span class=\"lib-breadcrumb__item--name\" (click)=\"backToHome()\">Home</span>\n        </li>\n        <ng-container *ngIf=\"currentFolderHierarchy.length <= maximumShownLevel\">\n            <li *ngFor=\"let folder of currentFolderHierarchy; let last = last\" class=\"lib-breadcrumb__item\">\n                <mat-icon class=\"lib-breadcrumb__item--icon\">navigate_next</mat-icon>\n                <span class=\"lib-breadcrumb__item--name\" (click)=\"navigateToFolder(folder)\" [ngClass]=\"{ 'current-item' : last }\">\n                    {{folder.OriginalFileName}}\n                </span>\n            </li>\n        </ng-container>\n        <ng-container *ngIf=\"currentFolderHierarchy.length> maximumShownLevel\">\n            <div class=\"lib-breadcrumb__item\">\n                <mat-icon class=\"lib-breadcrumb__item--icon\">navigate_next</mat-icon>\n                <span class=\"lib-breadcrumb__item--name\" [matMenuTriggerFor]=\"menu\">\n                    <mat-icon>more_horiz</mat-icon>\n                </span>\n            </div>\n\n            <li *ngFor=\"let folder of currentFolderHierarchy; let index= index; let last = last\" class=\"lib-breadcrumb__item\">\n                <ng-container *ngIf=\"index> currentFolderHierarchy.length -\n                    maximumShownLevel\">\n                    <mat-icon class=\"lib-breadcrumb__item--icon\">navigate_next</mat-icon>\n                    <span class=\"lib-breadcrumb__item--name\" (click)=\"navigateToFolder(folder)\" [ngClass]=\"{ 'current-item' : last }\">\n                        {{folder.OriginalFileName}}\n                    </span>\n                </ng-container>\n            </li>\n        </ng-container>\n\n    </ul>\n</nav>\n\n<mat-menu #menu=\"matMenu\">\n    <ng-container *ngFor=\"let folder of currentFolderHierarchy; let index=\n        index;\">\n        <button mat-menu-item *ngIf=\"index<= currentFolderHierarchy.length -\n            maximumShownLevel\" (click)=\"navigateToFolder(folder)\">\n            <mat-icon>navigate_next</mat-icon>\n            <span>{{folder.OriginalFileName}}</span>\n        </button>\n    </ng-container>\n</mat-menu>",
+                    styles: [":host::ng-deep .breadcrumb-wrapper{color:#979797;background-color:#fff}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb{display:flex;align-items:center;margin:0;padding:0}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item{height:20px;display:flex;align-items:center;list-style:none}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--icon{color:#c8c8c8;cursor:default}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;font-size:14px;padding:0;font-weight:400;cursor:pointer;transition:.3s;height:20px;line-height:20px}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name:hover{color:#000}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name .mat-icon{color:#979797;height:16px}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name .mat-icon:hover{color:#000}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name.current-item{cursor:default}:host::ng-deep .breadcrumb-wrapper .lib-breadcrumb__item--name.current-item:hover{color:#979797}"]
+                }] }
+    ];
+    /** @nocollapse */
+    BreadcrumbComponent.ctorParameters = function () { return [
+        { type: NodeTreeService },
+        { type: AssetManagementService },
+        { type: ChangeDetectorRef }
+    ]; };
+    return BreadcrumbComponent;
+}());
+export { BreadcrumbComponent };
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    BreadcrumbComponent.prototype.unsubscribe$;
+    /** @type {?} */
+    BreadcrumbComponent.prototype.currentFolderHierarchy;
+    /** @type {?} */
+    BreadcrumbComponent.prototype.maximumShownLevel;
+    /**
+     * @type {?}
+     * @private
+     */
+    BreadcrumbComponent.prototype.nodeTreeService;
+    /**
+     * @type {?}
+     * @private
+     */
+    BreadcrumbComponent.prototype.svc;
+    /**
+     * @type {?}
+     * @private
+     */
+    BreadcrumbComponent.prototype.changeDetectorRef;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvYnJlYWRjcnVtYi9icmVhZGNydW1iLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDdEUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyRDtJQU1FLDZCQUNVLGVBQWdDLEVBQ2hDLEdBQTJCLEVBQzNCLGlCQUFvQztRQUZwQyxvQkFBZSxHQUFmLGVBQWUsQ0FBaUI7UUFDaEMsUUFBRyxHQUFILEdBQUcsQ0FBd0I7UUFDM0Isc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUl0QyxpQkFBWSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFDcEMsMkJBQXNCLEdBQTJCLEVBQUUsQ0FBQztRQUNwRCxzQkFBaUIsR0FBRyxDQUFDLENBQUM7UUFKM0IsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3hCLENBQUM7Ozs7SUFLRCxzQ0FBUTs7O0lBQVIsY0FBWSxDQUFDOzs7O0lBRWIseUNBQVc7OztJQUFYO1FBQ0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQy9CLENBQUM7Ozs7O0lBRU8sNENBQWM7Ozs7SUFBdEI7UUFBQSxpQkFTQztRQVJDLE1BQU07Ozs7UUFBQyxVQUFDLEtBQUssSUFBSyxPQUFBLEtBQUssQ0FBQyxzQkFBc0IsRUFBNUIsQ0FBNEIsRUFBQzthQUM1QyxJQUFJLENBQ0gsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFDNUIsU0FBUzs7OztRQUFDLFVBQUMsR0FBRyxJQUFLLE9BQUEsRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFQLENBQU8sRUFBQyxDQUM1QjthQUNBLFNBQVM7Ozs7UUFBQyxVQUFDLHNCQUFzQjtZQUNoQyxLQUFJLENBQUMsc0JBQXNCLEdBQUcsc0JBQXNCLENBQUM7UUFDdkQsQ0FBQyxFQUFDLENBQUM7SUFDUCxDQUFDOzs7OztJQUVNLDhDQUFnQjs7OztJQUF2QixVQUF3QixNQUF1QjtRQUM3QyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQztZQUNoQixJQUFJLEVBQUUsV0FBVyxDQUFDLHFCQUFxQjtZQUN2QyxPQUFPLEVBQUUsTUFBTSxDQUFDLE9BQU87U0FDeEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7OztJQUVZLHdDQUFVOzs7SUFBdkI7Ozs7NEJBQ0UscUJBQU0sSUFBSSxDQUFDLGVBQWUsQ0FBQyxXQUFXLENBQUMsRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBQTs7d0JBQWhFLFNBQWdFLENBQUM7d0JBQ2pFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQzs7Ozs7S0FDeEM7O2dCQTdDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsa3ZFQUEwQzs7aUJBRTNDOzs7O2dCQVBRLGVBQWU7Z0JBRmYsc0JBQXNCO2dCQUp0QixpQkFBaUI7O0lBdUQxQiwwQkFBQztDQUFBLEFBOUNELElBOENDO1NBekNZLG1CQUFtQjs7Ozs7O0lBUTlCLDJDQUEyQzs7SUFDM0MscURBQTJEOztJQUMzRCxnREFBNkI7Ozs7O0lBUjNCLDhDQUF3Qzs7Ozs7SUFDeEMsa0NBQW1DOzs7OztJQUNuQyxnREFBNEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgb2YgfSBmcm9tICdyeGpzL2ludGVybmFsL29ic2VydmFibGUvb2YnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMvaW50ZXJuYWwvU3ViamVjdCc7XG5pbXBvcnQgeyBzd2l0Y2hNYXAsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEFzc2V0TWFuYWdlbWVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9hc3NldC1tYW5hZ2VtZW50LnNlcnZpY2UnO1xuaW1wb3J0IHsgRm9sZGVyVHJlZU1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IE5vZGVUcmVlU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL25vZGUtdHJlZS5zZXJ2aWNlJztcbmltcG9ydCB7IEFjdGlvblR5cGVzLCBzZWxlY3QgfSBmcm9tICcuLi8uLi8uLi9zdG9yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1icmVhZGNydW1iJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9icmVhZGNydW1iLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJyZWFkY3J1bWJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgbm9kZVRyZWVTZXJ2aWNlOiBOb2RlVHJlZVNlcnZpY2UsXG4gICAgcHJpdmF0ZSBzdmM6IEFzc2V0TWFuYWdlbWVudFNlcnZpY2UsXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgKSB7XG4gICAgdGhpcy5iaW5kU3Vic2NyaWJlcigpO1xuICB9XG4gIHByaXZhdGUgdW5zdWJzY3JpYmUkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgcHVibGljIGN1cnJlbnRGb2xkZXJIaWVyYXJjaHk6IEFycmF5PEZvbGRlclRyZWVNb2RlbD4gPSBbXTtcbiAgcHVibGljIG1heGltdW1TaG93bkxldmVsID0gMztcblxuICBuZ09uSW5pdCgpIHt9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy51bnN1YnNjcmliZSQubmV4dCgpO1xuICAgIHRoaXMudW5zdWJzY3JpYmUkLmNvbXBsZXRlKCk7XG4gIH1cblxuICBwcml2YXRlIGJpbmRTdWJzY3JpYmVyKCkge1xuICAgIHNlbGVjdCgoc3RhdGUpID0+IHN0YXRlLmN1cnJlbnRGb2xkZXJIaWVyYXJjaHkpXG4gICAgICAucGlwZShcbiAgICAgICAgdGFrZVVudGlsKHRoaXMudW5zdWJzY3JpYmUkKSxcbiAgICAgICAgc3dpdGNoTWFwKChyZXMpID0+IG9mKHJlcykpXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKChjdXJyZW50Rm9sZGVySGllcmFyY2h5KSA9PiB7XG4gICAgICAgIHRoaXMuY3VycmVudEZvbGRlckhpZXJhcmNoeSA9IGN1cnJlbnRGb2xkZXJIaWVyYXJjaHk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBuYXZpZ2F0ZVRvRm9sZGVyKGZvbGRlcjogRm9sZGVyVHJlZU1vZGVsKSB7XG4gICAgdGhpcy5zdmMuZGlzcGF0Y2goe1xuICAgICAgdHlwZTogQWN0aW9uVHlwZXMuU0VUX0NVUlJFTlRfRk9MREVSX0lELFxuICAgICAgcGF5bG9hZDogZm9sZGVyLkFzc2V0SWQsXG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgYXN5bmMgYmFja1RvSG9tZSgpIHtcbiAgICBhd2FpdCB0aGlzLm5vZGVUcmVlU2VydmljZS5pbml0aWFsRGF0YSh7IGRpc3BhdGNoUm9vdElkOiB0cnVlIH0pO1xuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG59XG4iXX0=