@rs-pk/asset-management 1.0.22 → 1.0.24

package/esm5/lib/components/partial/asset-management-dialog/asset-management-dialog.component.js

@@ -1,124 +1,138 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import { Component, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { Subject } from 'rxjs/internal/Subject';
-import { takeUntil } from 'rxjs/operators';
-import { DialogConfig } from '../../../models';
-import { AssetService } from '../../../services/asset.service';
-import { select } from '../../../store';
-var AssetManagementDialogComponent = /** @class */ (function () {
-    function AssetManagementDialogComponent(data, dialogRef, assetService) {
-        this.data = data;
-        this.dialogRef = dialogRef;
-        this.assetService = assetService;
-        this.destroy$ = new Subject();
-        this.selectedAssets = [];
-    }
-    /**
-     * @return {?}
-     */
-    AssetManagementDialogComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        this.initDialogConfig(this.data);
-        select((/**
-         * @param {?} state
-         * @return {?}
-         */
-        function (state) { return state.selectedAssets; }))
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((/**
-         * @param {?} selectedAssets
-         * @return {?}
-         */
-        function (selectedAssets) {
-            _this.selectedAssets = selectedAssets;
-        }));
-    };
-    Object.defineProperty(AssetManagementDialogComponent.prototype, "disabled", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            var limit = this.data.limit;
-            return ((!this.selectedAssets || !this.selectedAssets.length) ||
-                (limit && this.selectedAssets.length > limit));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @return {?}
-     */
-    AssetManagementDialogComponent.prototype.selectAssets = /**
-     * @return {?}
-     */
-    function () {
-        this.dialogRef.close(this.selectedAssets);
-    };
-    /**
-     * @param {?} data
-     * @return {?}
-     */
-    AssetManagementDialogComponent.prototype.initDialogConfig = /**
-     * @param {?} data
-     * @return {?}
-     */
-    function (data) {
-        if (!data) {
-            return;
-        }
-        this.assetService.dialogConfig = data;
-        this.assetService.maxSize = data.maxSize;
-    };
-    /**
-     * @return {?}
-     */
-    AssetManagementDialogComponent.prototype.ngOnDestroy = /**
-     * @return {?}
-     */
-    function () {
-        this.assetService.dialogConfig = new DialogConfig();
-        this.destroy$.next(true);
-        this.destroy$.complete();
-    };
-    AssetManagementDialogComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'lib-asset-management-dialog',
-                    template: "<lib-modal heading=\"Asset management\" [customHeader]=\"true\">\n  <ng-container subtitle>\n    <lib-breadcrumb></lib-breadcrumb>\n  </ng-container>\n  <ng-container headerActions>\n    <lib-search-box></lib-search-box>\n  </ng-container>\n  <ng-container content>\n    <lib-asset-wrapper [header]=\"false\"></lib-asset-wrapper>\n  </ng-container>\n  <ng-container actions>\n    <div class=\"asset-management-dialog__footer\">\n      <div class=\"selected-assets\">\n        <ng-container *ngIf=\"data?.limit\">\n          <span>Selected{{' '}}</span>\n          <span class=\"count\" [ngClass]=\"{'error': selectedAssets?.length && disabled}\">\n            {{selectedAssets?.length}}/{{data?.limit}}\n          </span>\n          <span>\n            {{data?.limit > 1 ? \"assets\": \"asset\"}}\n          </span>\n        </ng-container>\n\n      </div>\n      <div>\n        <button mat-raised-button mat-dialog-close>Cancel</button>\n        <button mat-raised-button color=\"primary\" (click)=\"selectAssets()\" [disabled]=\"disabled\">Done</button>\n      </div>\n    </div>\n  </ng-container>\n</lib-modal>",
-                    styles: [":host::ng-deep .asset-management-dialog__footer{display:flex;width:100%;align-items:center;justify-content:space-between}:host::ng-deep .asset-management-dialog__footer .selected-assets{font-size:14px;color:#979797}:host::ng-deep .asset-management-dialog__footer .selected-assets .count{color:#000}:host::ng-deep .asset-management-dialog__footer .selected-assets .error{color:#f44336}"]
-                }] }
-    ];
-    /** @nocollapse */
-    AssetManagementDialogComponent.ctorParameters = function () { return [
-        { type: DialogConfig, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
-        { type: MatDialogRef },
-        { type: AssetService }
-    ]; };
-    return AssetManagementDialogComponent;
-}());
-export { AssetManagementDialogComponent };
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    AssetManagementDialogComponent.prototype.destroy$;
-    /** @type {?} */
-    AssetManagementDialogComponent.prototype.selectedAssets;
-    /** @type {?} */
-    AssetManagementDialogComponent.prototype.data;
-    /** @type {?} */
-    AssetManagementDialogComponent.prototype.dialogRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    AssetManagementDialogComponent.prototype.assetService;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtbWFuYWdlbWVudC1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHJzLXBrL2Fzc2V0LW1hbmFnZW1lbnQvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYXJ0aWFsL2Fzc2V0LW1hbmFnZW1lbnQtZGlhbG9nL2Fzc2V0LW1hbmFnZW1lbnQtZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQWMsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QztJQU1FLHdDQUNrQyxJQUFrQixFQUMzQyxTQUF1RCxFQUN0RCxZQUEwQjtRQUZGLFNBQUksR0FBSixJQUFJLENBQWM7UUFDM0MsY0FBUyxHQUFULFNBQVMsQ0FBOEM7UUFDdEQsaUJBQVksR0FBWixZQUFZLENBQWM7UUFFNUIsYUFBUSxHQUFxQixJQUFJLE9BQU8sRUFBRSxDQUFDO1FBQzVDLG1CQUFjLEdBQXNCLEVBQUUsQ0FBQztJQUYxQyxDQUFDOzs7O0lBSUwsaURBQVE7OztJQUFSO1FBQUEsaUJBT0M7UUFOQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pDLE1BQU07Ozs7UUFBQyxVQUFDLEtBQUssSUFBSyxPQUFBLEtBQUssQ0FBQyxjQUFjLEVBQXBCLENBQW9CLEVBQUM7YUFDcEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDOUIsU0FBUzs7OztRQUFDLFVBQUMsY0FBYztZQUN4QixLQUFJLENBQUMsY0FBYyxHQUFHLGNBQWMsQ0FBQztRQUN2QyxDQUFDLEVBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxzQkFBSSxvREFBUTs7OztRQUFaO1lBQ1UsSUFBQSx1QkFBSztZQUNiLE9BQU8sQ0FDTCxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDO2dCQUNyRCxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FDOUMsQ0FBQztRQUNKLENBQUM7OztPQUFBOzs7O0lBRUQscURBQVk7OztJQUFaO1FBQ0UsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7Ozs7O0lBRUQseURBQWdCOzs7O0lBQWhCLFVBQWlCLElBQWtCO1FBQ2pDLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDVCxPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDdEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUMzQyxDQUFDOzs7O0lBRUQsb0RBQVc7OztJQUFYO1FBQ0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNwRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzNCLENBQUM7O2dCQWhERixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtvQkFDdkMsc21DQUF1RDs7aUJBRXhEOzs7O2dCQVJvQixZQUFZLHVCQVc1QixNQUFNLFNBQUMsZUFBZTtnQkFkbEIsWUFBWTtnQkFJWixZQUFZOztJQW9EckIscUNBQUM7Q0FBQSxBQWpERCxJQWlEQztTQTVDWSw4QkFBOEI7Ozs7OztJQU16QyxrREFBbUQ7O0lBQ25ELHdEQUE4Qzs7SUFMNUMsOENBQWtEOztJQUNsRCxtREFBOEQ7Ozs7O0lBQzlELHNEQUFrQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMvaW50ZXJuYWwvU3ViamVjdCc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBBc3NldE1vZGVsLCBEaWFsb2dDb25maWcgfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMnO1xuaW1wb3J0IHsgQXNzZXRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvYXNzZXQuc2VydmljZSc7XG5pbXBvcnQgeyBzZWxlY3QgfSBmcm9tICcuLi8uLi8uLi9zdG9yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hc3NldC1tYW5hZ2VtZW50LWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hc3NldC1tYW5hZ2VtZW50LWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Fzc2V0LW1hbmFnZW1lbnQtZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFzc2V0TWFuYWdlbWVudERpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBEaWFsb2dDb25maWcsXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEFzc2V0TWFuYWdlbWVudERpYWxvZ0NvbXBvbmVudD4sXG4gICAgcHJpdmF0ZSBhc3NldFNlcnZpY2U6IEFzc2V0U2VydmljZVxuICApIHsgfVxuICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3QoKTtcbiAgcHVibGljIHNlbGVjdGVkQXNzZXRzOiBBcnJheTxBc3NldE1vZGVsPiA9IFtdO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaW5pdERpYWxvZ0NvbmZpZyh0aGlzLmRhdGEpO1xuICAgIHNlbGVjdCgoc3RhdGUpID0+IHN0YXRlLnNlbGVjdGVkQXNzZXRzKVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKVxuICAgICAgLnN1YnNjcmliZSgoc2VsZWN0ZWRBc3NldHMpID0+IHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEFzc2V0cyA9IHNlbGVjdGVkQXNzZXRzO1xuICAgICAgfSk7XG4gIH1cblxuICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgY29uc3QgeyBsaW1pdCB9ID0gdGhpcy5kYXRhO1xuICAgIHJldHVybiAoXG4gICAgICAoIXRoaXMuc2VsZWN0ZWRBc3NldHMgfHwgIXRoaXMuc2VsZWN0ZWRBc3NldHMubGVuZ3RoKSB8fFxuICAgICAgKGxpbWl0ICYmIHRoaXMuc2VsZWN0ZWRBc3NldHMubGVuZ3RoID4gbGltaXQpXG4gICAgKTtcbiAgfVxuXG4gIHNlbGVjdEFzc2V0cygpIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSh0aGlzLnNlbGVjdGVkQXNzZXRzKTtcbiAgfVxuXG4gIGluaXREaWFsb2dDb25maWcoZGF0YTogRGlhbG9nQ29uZmlnKSB7XG4gICAgaWYgKCFkYXRhKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5hc3NldFNlcnZpY2UuZGlhbG9nQ29uZmlnID0gZGF0YTtcbiAgICB0aGlzLmFzc2V0U2VydmljZS5tYXhTaXplID0gZGF0YS5tYXhTaXplO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5hc3NldFNlcnZpY2UuZGlhbG9nQ29uZmlnID0gbmV3IERpYWxvZ0NvbmZpZygpO1xuICAgIHRoaXMuZGVzdHJveSQubmV4dCh0cnVlKTtcbiAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, Inject, Input } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { Subject } from 'rxjs/internal/Subject';
+import { takeUntil } from 'rxjs/operators';
+import { DialogConfig } from '../../../models';
+import { AssetService } from '../../../services/asset.service';
+import { select } from '../../../store';
+var AssetManagementDialogComponent = /** @class */ (function () {
+    function AssetManagementDialogComponent(data, dialogRef, assetService) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+        this.assetService = assetService;
+        this.hasModifyPermission = true;
+        this.hasAccessPermission = true;
+        this.hasArchivePermission = true;
+        this.destroy$ = new Subject();
+        this.selectedAssets = [];
+    }
+    /**
+     * @return {?}
+     */
+    AssetManagementDialogComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.initDialogConfig(this.data);
+        select((/**
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) { return state.selectedAssets; }))
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((/**
+         * @param {?} selectedAssets
+         * @return {?}
+         */
+        function (selectedAssets) {
+            _this.selectedAssets = selectedAssets;
+        }));
+    };
+    Object.defineProperty(AssetManagementDialogComponent.prototype, "disabled", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            var limit = this.data.limit;
+            return ((!this.selectedAssets || !this.selectedAssets.length) ||
+                (limit && this.selectedAssets.length > limit));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @return {?}
+     */
+    AssetManagementDialogComponent.prototype.selectAssets = /**
+     * @return {?}
+     */
+    function () {
+        this.dialogRef.close(this.selectedAssets);
+    };
+    /**
+     * @param {?} data
+     * @return {?}
+     */
+    AssetManagementDialogComponent.prototype.initDialogConfig = /**
+     * @param {?} data
+     * @return {?}
+     */
+    function (data) {
+        if (!data) {
+            return;
+        }
+        this.assetService.dialogConfig = data;
+        this.assetService.maxSize = data.maxSize;
+    };
+    /**
+     * @return {?}
+     */
+    AssetManagementDialogComponent.prototype.ngOnDestroy = /**
+     * @return {?}
+     */
+    function () {
+        this.assetService.dialogConfig = new DialogConfig();
+        this.destroy$.next(true);
+        this.destroy$.complete();
+    };
+    AssetManagementDialogComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'lib-asset-management-dialog',
+                    template: "<lib-modal heading=\"Asset management\" [customHeader]=\"true\">\r\n  <ng-container subtitle>\r\n    <lib-breadcrumb></lib-breadcrumb>\r\n  </ng-container>\r\n  <ng-container headerActions>\r\n    <lib-search-box></lib-search-box>\r\n  </ng-container>\r\n  <ng-container content>\r\n    <lib-asset-wrapper \r\n      [header]=\"false\"\r\n      [hasModifyPermission]=\"hasModifyPermission\"\r\n      [hasAccessPermission]=\"hasAccessPermission\"\r\n      [hasArchivePermission]=\"hasArchivePermission\"\r\n    ></lib-asset-wrapper>\r\n  </ng-container>\r\n  <ng-container actions>\r\n    <div class=\"asset-management-dialog__footer\">\r\n      <div class=\"selected-assets\">\r\n        <ng-container *ngIf=\"data?.limit\">\r\n          <span>Selected{{' '}}</span>\r\n          <span class=\"count\" [ngClass]=\"{'error': selectedAssets?.length && disabled}\">\r\n            {{selectedAssets?.length}}/{{data?.limit}}\r\n          </span>\r\n          <span>\r\n            {{data?.limit > 1 ? \"assets\": \"asset\"}}\r\n          </span>\r\n        </ng-container>\r\n\r\n      </div>\r\n      <div>\r\n        <button mat-raised-button mat-dialog-close>Cancel</button>\r\n        <button mat-raised-button color=\"primary\" (click)=\"selectAssets()\" [disabled]=\"disabled\">Done</button>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</lib-modal>",
+                    styles: [":host::ng-deep .asset-management-dialog__footer{display:flex;width:100%;align-items:center;justify-content:space-between}:host::ng-deep .asset-management-dialog__footer .selected-assets{font-size:14px;color:#979797}:host::ng-deep .asset-management-dialog__footer .selected-assets .count{color:#000}:host::ng-deep .asset-management-dialog__footer .selected-assets .error{color:#f44336}"]
+                }] }
+    ];
+    /** @nocollapse */
+    AssetManagementDialogComponent.ctorParameters = function () { return [
+        { type: DialogConfig, decorators: [{ type: Inject, args: [MAT_DIALOG_DATA,] }] },
+        { type: MatDialogRef },
+        { type: AssetService }
+    ]; };
+    AssetManagementDialogComponent.propDecorators = {
+        hasModifyPermission: [{ type: Input }],
+        hasAccessPermission: [{ type: Input }],
+        hasArchivePermission: [{ type: Input }]
+    };
+    return AssetManagementDialogComponent;
+}());
+export { AssetManagementDialogComponent };
+if (false) {
+    /** @type {?} */
+    AssetManagementDialogComponent.prototype.hasModifyPermission;
+    /** @type {?} */
+    AssetManagementDialogComponent.prototype.hasAccessPermission;
+    /** @type {?} */
+    AssetManagementDialogComponent.prototype.hasArchivePermission;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetManagementDialogComponent.prototype.destroy$;
+    /** @type {?} */
+    AssetManagementDialogComponent.prototype.selectedAssets;
+    /** @type {?} */
+    AssetManagementDialogComponent.prototype.data;
+    /** @type {?} */
+    AssetManagementDialogComponent.prototype.dialogRef;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetManagementDialogComponent.prototype.assetService;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtbWFuYWdlbWVudC1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHJzLXBrL2Fzc2V0LW1hbmFnZW1lbnQvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYXJ0aWFsL2Fzc2V0LW1hbmFnZW1lbnQtZGlhbG9nL2Fzc2V0LW1hbmFnZW1lbnQtZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUM1RSxPQUFPLEVBQUUsWUFBWSxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFjLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEM7SUFVRSx3Q0FDa0MsSUFBa0IsRUFDM0MsU0FBdUQsRUFDdEQsWUFBMEI7UUFGRixTQUFJLEdBQUosSUFBSSxDQUFjO1FBQzNDLGNBQVMsR0FBVCxTQUFTLENBQThDO1FBQ3RELGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBUDNCLHdCQUFtQixHQUFhLElBQUksQ0FBQztRQUNyQyx3QkFBbUIsR0FBYSxJQUFJLENBQUM7UUFDckMseUJBQW9CLEdBQWEsSUFBSSxDQUFDO1FBT3ZDLGFBQVEsR0FBcUIsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUM1QyxtQkFBYyxHQUFzQixFQUFFLENBQUM7SUFGMUMsQ0FBQzs7OztJQUlMLGlEQUFROzs7SUFBUjtRQUFBLGlCQU9DO1FBTkMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNqQyxNQUFNOzs7O1FBQUMsVUFBQyxLQUFLLElBQUssT0FBQSxLQUFLLENBQUMsY0FBYyxFQUFwQixDQUFvQixFQUFDO2FBQ3BDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzlCLFNBQVM7Ozs7UUFBQyxVQUFDLGNBQWM7WUFDeEIsS0FBSSxDQUFDLGNBQWMsR0FBRyxjQUFjLENBQUM7UUFDdkMsQ0FBQyxFQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsc0JBQUksb0RBQVE7Ozs7UUFBWjtZQUNVLElBQUEsdUJBQUs7WUFDYixPQUFPLENBQ0wsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQztnQkFDckQsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLENBQzlDLENBQUM7UUFDSixDQUFDOzs7T0FBQTs7OztJQUVELHFEQUFZOzs7SUFBWjtRQUNFLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztJQUM1QyxDQUFDOzs7OztJQUVELHlEQUFnQjs7OztJQUFoQixVQUFpQixJQUFrQjtRQUNqQyxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ1QsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3RDLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDM0MsQ0FBQzs7OztJQUVELG9EQUFXOzs7SUFBWDtRQUNFLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDcEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMzQixDQUFDOztnQkFwREYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSw2QkFBNkI7b0JBQ3ZDLDIxQ0FBdUQ7O2lCQUV4RDs7OztnQkFSb0IsWUFBWSx1QkFlNUIsTUFBTSxTQUFDLGVBQWU7Z0JBbEJsQixZQUFZO2dCQUlaLFlBQVk7OztzQ0FTbEIsS0FBSztzQ0FDTCxLQUFLO3VDQUNMLEtBQUs7O0lBNkNSLHFDQUFDO0NBQUEsQUFyREQsSUFxREM7U0FoRFksOEJBQThCOzs7SUFDekMsNkRBQThDOztJQUM5Qyw2REFBOEM7O0lBQzlDLDhEQUErQzs7Ozs7SUFPL0Msa0RBQW1EOztJQUNuRCx3REFBOEM7O0lBTDVDLDhDQUFrRDs7SUFDbEQsbURBQThEOzs7OztJQUM5RCxzREFBa0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMvaW50ZXJuYWwvU3ViamVjdCc7XHJcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuaW1wb3J0IHsgQXNzZXRNb2RlbCwgRGlhbG9nQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzJztcclxuaW1wb3J0IHsgQXNzZXRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvYXNzZXQuc2VydmljZSc7XHJcbmltcG9ydCB7IHNlbGVjdCB9IGZyb20gJy4uLy4uLy4uL3N0b3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFzc2V0LW1hbmFnZW1lbnQtZGlhbG9nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYXNzZXQtbWFuYWdlbWVudC1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Fzc2V0LW1hbmFnZW1lbnQtZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBc3NldE1hbmFnZW1lbnREaWFsb2dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgQElucHV0KCkgaGFzTW9kaWZ5UGVybWlzc2lvbj86IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGhhc0FjY2Vzc1Blcm1pc3Npb24/OiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBoYXNBcmNoaXZlUGVybWlzc2lvbj86IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogRGlhbG9nQ29uZmlnLFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEFzc2V0TWFuYWdlbWVudERpYWxvZ0NvbXBvbmVudD4sXHJcbiAgICBwcml2YXRlIGFzc2V0U2VydmljZTogQXNzZXRTZXJ2aWNlXHJcbiAgKSB7IH1cclxuICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3QoKTtcclxuICBwdWJsaWMgc2VsZWN0ZWRBc3NldHM6IEFycmF5PEFzc2V0TW9kZWw+ID0gW107XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5pbml0RGlhbG9nQ29uZmlnKHRoaXMuZGF0YSk7XHJcbiAgICBzZWxlY3QoKHN0YXRlKSA9PiBzdGF0ZS5zZWxlY3RlZEFzc2V0cylcclxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKVxyXG4gICAgICAuc3Vic2NyaWJlKChzZWxlY3RlZEFzc2V0cykgPT4ge1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRBc3NldHMgPSBzZWxlY3RlZEFzc2V0cztcclxuICAgICAgfSk7XHJcbiAgfVxyXG5cclxuICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XHJcbiAgICBjb25zdCB7IGxpbWl0IH0gPSB0aGlzLmRhdGE7XHJcbiAgICByZXR1cm4gKFxyXG4gICAgICAoIXRoaXMuc2VsZWN0ZWRBc3NldHMgfHwgIXRoaXMuc2VsZWN0ZWRBc3NldHMubGVuZ3RoKSB8fFxyXG4gICAgICAobGltaXQgJiYgdGhpcy5zZWxlY3RlZEFzc2V0cy5sZW5ndGggPiBsaW1pdClcclxuICAgICk7XHJcbiAgfVxyXG5cclxuICBzZWxlY3RBc3NldHMoKSB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSh0aGlzLnNlbGVjdGVkQXNzZXRzKTtcclxuICB9XHJcblxyXG4gIGluaXREaWFsb2dDb25maWcoZGF0YTogRGlhbG9nQ29uZmlnKSB7XHJcbiAgICBpZiAoIWRhdGEpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuYXNzZXRTZXJ2aWNlLmRpYWxvZ0NvbmZpZyA9IGRhdGE7XHJcbiAgICB0aGlzLmFzc2V0U2VydmljZS5tYXhTaXplID0gZGF0YS5tYXhTaXplO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLmFzc2V0U2VydmljZS5kaWFsb2dDb25maWcgPSBuZXcgRGlhbG9nQ29uZmlnKCk7XHJcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQodHJ1ZSk7XHJcbiAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm5/lib/components/partial/asset-wrapper/asset-wrapper.component.js

@@ -1,115 +1,137 @@
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-import { Component, EventEmitter, Input, Output, } from '@angular/core';
-import { Subject } from 'rxjs/internal/Subject';
-import { takeUntil } from 'rxjs/operators';
-import { AssetService } from '../../../services/asset.service';
-import { select } from '../../../store';
-var AssetWrapperComponent = /** @class */ (function () {
-    function AssetWrapperComponent(assetService) {
-        this.assetService = assetService;
-        this.header = true;
-        this.assets = new EventEmitter();
-        this.unsubscribe$ = new Subject();
-        this.nodeTreeMinWidth = 250;
-        this.nodeTreeMaxWidth = 700;
-    }
-    /**
-     * @return {?}
-     */
-    AssetWrapperComponent.prototype.ngOnInit = /**
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        this.nodeTreeWidth = this.nodeTreeMinWidth;
-        select((/**
-         * @param {?} state
-         * @return {?}
-         */
-        function (state) { return state.selectedAssets; }))
-            .pipe(takeUntil(this.unsubscribe$))
-            .subscribe((/**
-         * @param {?} selectedAssets
-         * @return {?}
-         */
-        function (selectedAssets) {
-            _this.assets.emit(selectedAssets);
-        }));
-    };
-    /**
-     * @param {?} __0
-     * @return {?}
-     */
-    AssetWrapperComponent.prototype.onResize = /**
-     * @param {?} __0
-     * @return {?}
-     */
-    function (_a) {
-        var width = _a.width;
-        this.nodeTreeWidth = width;
-    };
-    Object.defineProperty(AssetWrapperComponent.prototype, "nodeDetailsWidth", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return "calc(100% - " + this.nodeTreeWidth + "px)";
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @return {?}
-     */
-    AssetWrapperComponent.prototype.ngOnDestroy = /**
-     * @return {?}
-     */
-    function () {
-        this.assetService.resetAsset();
-        this.unsubscribe$.next();
-        this.unsubscribe$.complete();
-    };
-    AssetWrapperComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'lib-asset-wrapper',
-                    template: "<div class=\"asset-wrapper\">\n  <div class=\"asset-header\" *ngIf=\"header\">\n    <div class=\"asset-header__left asset-header__title\" #title>\n      <lib-breadcrumb></lib-breadcrumb>\n    </div>\n    <div class=\"asset-header__right asset-header__actions\" #actions>\n      <lib-search-box></lib-search-box>\n    </div>\n  </div>\n  <div class=\"asset-body\">\n    <lib-drag-to-resize (resizeCompleted)=\"onResize($event)\" class=\"asset-body__node-tree\" [minWidth]=\"nodeTreeMinWidth\" [maxWidth]=\"nodeTreeMaxWidth\">\n      <lib-node-tree [width]=\"nodeTreeWidth\"></lib-node-tree>\n    </lib-drag-to-resize>\n    <lib-node-details class=\"asset-body__node-details\" [style.maxWidth]=\"nodeDetailsWidth\"></lib-node-details>\n  </div>\n</div>",
-                    styles: [":host::ng-deep .mat-dialog-title{padding:24px}:host::ng-deep .mat-dialog-title .lib-modal--close{padding:10px;position:absolute;top:10px;right:10px;z-index:1}:host::ng-deep .mat-dialog-actions{padding-left:24px;padding-right:24px}:host::ng-deep .asset-wrapper{display:flex;flex-direction:column;height:100%;width:100%;overflow-x:hidden}:host::ng-deep .asset-wrapper .asset-header{display:flex;padding:20px 15px;border-bottom:1px solid #d8d8d8;justify-content:space-between;align-items:center}:host::ng-deep .asset-wrapper .asset-body{display:flex;align-items:stretch}:host::ng-deep .asset-wrapper .asset-body__node-tree{border-right:1px solid #d8d8d8}:host::ng-deep .asset-wrapper .asset-body__node-details{flex:1}@media screen and (max-width:768px){:host::ng-deep .asset-wrapper .asset-header{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px}:host::ng-deep .asset-wrapper .asset-body{flex-direction:column;justify-content:flex-start}:host::ng-deep .asset-wrapper .asset-body__node-tree{width:100%}:host::ng-deep .asset-wrapper .asset-body__node-details{max-width:100%!important}}::ng-deep .mat-tooltip.width-auto{max-width:100%!important}"]
-                }] }
-    ];
-    /** @nocollapse */
-    AssetWrapperComponent.ctorParameters = function () { return [
-        { type: AssetService }
-    ]; };
-    AssetWrapperComponent.propDecorators = {
-        header: [{ type: Input }],
-        assets: [{ type: Output }]
-    };
-    return AssetWrapperComponent;
-}());
-export { AssetWrapperComponent };
-if (false) {
-    /** @type {?} */
-    AssetWrapperComponent.prototype.header;
-    /** @type {?} */
-    AssetWrapperComponent.prototype.assets;
-    /**
-     * @type {?}
-     * @private
-     */
-    AssetWrapperComponent.prototype.unsubscribe$;
-    /** @type {?} */
-    AssetWrapperComponent.prototype.nodeTreeMinWidth;
-    /** @type {?} */
-    AssetWrapperComponent.prototype.nodeTreeMaxWidth;
-    /** @type {?} */
-    AssetWrapperComponent.prototype.nodeTreeWidth;
-    /**
-     * @type {?}
-     * @private
-     */
-    AssetWrapperComponent.prototype.assetService;
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtd3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvYXNzZXQtd3JhcHBlci9hc3NldC13cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEM7SUFjRSwrQkFBb0IsWUFBMEI7UUFBMUIsaUJBQVksR0FBWixZQUFZLENBQWM7UUFSckMsV0FBTSxHQUFHLElBQUksQ0FBQztRQUNiLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQUU1QyxpQkFBWSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFDcEMscUJBQWdCLEdBQUcsR0FBRyxDQUFDO1FBQ3ZCLHFCQUFnQixHQUFHLEdBQUcsQ0FBQztJQUdtQixDQUFDOzs7O0lBRWxELHdDQUFROzs7SUFBUjtRQUFBLGlCQU9DO1FBTkMsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7UUFDM0MsTUFBTTs7OztRQUFDLFVBQUMsS0FBSyxJQUFLLE9BQUEsS0FBSyxDQUFDLGNBQWMsRUFBcEIsQ0FBb0IsRUFBQzthQUNwQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQzthQUNsQyxTQUFTOzs7O1FBQUMsVUFBQyxjQUFjO1lBQ3hCLEtBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ25DLENBQUMsRUFBQyxDQUFDO0lBQ1AsQ0FBQzs7Ozs7SUFFRCx3Q0FBUTs7OztJQUFSLFVBQVMsRUFBUztZQUFQLGdCQUFLO1FBQ2QsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDN0IsQ0FBQztJQUVELHNCQUFJLG1EQUFnQjs7OztRQUFwQjtZQUNFLE9BQU8saUJBQWUsSUFBSSxDQUFDLGFBQWEsUUFBSyxDQUFDO1FBQ2hELENBQUM7OztPQUFBOzs7O0lBRUQsMkNBQVc7OztJQUFYO1FBQ0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDL0IsQ0FBQzs7Z0JBckNGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QiwwdkJBQTZDOztpQkFFOUM7Ozs7Z0JBUFEsWUFBWTs7O3lCQVNsQixLQUFLO3lCQUNMLE1BQU07O0lBK0JULDRCQUFDO0NBQUEsQUF0Q0QsSUFzQ0M7U0FqQ1kscUJBQXFCOzs7SUFDaEMsdUNBQXVCOztJQUN2Qix1Q0FBb0Q7Ozs7O0lBRXBELDZDQUEyQzs7SUFDM0MsaURBQThCOztJQUM5QixpREFBOEI7O0lBQzlCLDhDQUFxQjs7Ozs7SUFFVCw2Q0FBa0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMvaW50ZXJuYWwvU3ViamVjdCc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBBc3NldE1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IEFzc2V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2Fzc2V0LnNlcnZpY2UnO1xuaW1wb3J0IHsgc2VsZWN0IH0gZnJvbSAnLi4vLi4vLi4vc3RvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYXNzZXQtd3JhcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hc3NldC13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXNzZXQtd3JhcHBlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBc3NldFdyYXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIGhlYWRlciA9IHRydWU7XG4gIEBPdXRwdXQoKSBhc3NldHMgPSBuZXcgRXZlbnRFbWl0dGVyPEFzc2V0TW9kZWxbXT4oKTtcblxuICBwcml2YXRlIHVuc3Vic2NyaWJlJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gIHB1YmxpYyBub2RlVHJlZU1pbldpZHRoID0gMjUwO1xuICBwdWJsaWMgbm9kZVRyZWVNYXhXaWR0aCA9IDcwMDtcbiAgcHVibGljIG5vZGVUcmVlV2lkdGg7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhc3NldFNlcnZpY2U6IEFzc2V0U2VydmljZSkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm5vZGVUcmVlV2lkdGggPSB0aGlzLm5vZGVUcmVlTWluV2lkdGg7XG4gICAgc2VsZWN0KChzdGF0ZSkgPT4gc3RhdGUuc2VsZWN0ZWRBc3NldHMpXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpKVxuICAgICAgLnN1YnNjcmliZSgoc2VsZWN0ZWRBc3NldHMpID0+IHtcbiAgICAgICAgdGhpcy5hc3NldHMuZW1pdChzZWxlY3RlZEFzc2V0cyk7XG4gICAgICB9KTtcbiAgfVxuXG4gIG9uUmVzaXplKHsgd2lkdGggfSkge1xuICAgIHRoaXMubm9kZVRyZWVXaWR0aCA9IHdpZHRoO1xuICB9XG5cbiAgZ2V0IG5vZGVEZXRhaWxzV2lkdGgoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGNhbGMoMTAwJSAtICR7dGhpcy5ub2RlVHJlZVdpZHRofXB4KWA7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmFzc2V0U2VydmljZS5yZXNldEFzc2V0KCk7XG4gICAgdGhpcy51bnN1YnNjcmliZSQubmV4dCgpO1xuICAgIHRoaXMudW5zdWJzY3JpYmUkLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==
+/**
+ * @fileoverview added by tsickle
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Subject } from 'rxjs/internal/Subject';
+import { takeUntil } from 'rxjs/operators';
+import { AssetService } from '../../../services/asset.service';
+import { select } from '../../../store';
+var AssetWrapperComponent = /** @class */ (function () {
+    function AssetWrapperComponent(assetService) {
+        this.assetService = assetService;
+        this.header = true;
+        this.hasModifyPermission = true;
+        this.hasAccessPermission = true;
+        this.hasArchivePermission = true;
+        this.assets = new EventEmitter();
+        this.unsubscribe$ = new Subject();
+        this.nodeTreeMinWidth = 250;
+        this.nodeTreeMaxWidth = 700;
+    }
+    /**
+     * @return {?}
+     */
+    AssetWrapperComponent.prototype.ngOnChanges = /**
+     * @return {?}
+     */
+    function () {
+        console.log('modify', this.hasModifyPermission);
+        console.log('archive', this.hasArchivePermission);
+    };
+    /**
+     * @return {?}
+     */
+    AssetWrapperComponent.prototype.ngOnInit = /**
+     * @return {?}
+     */
+    function () {
+        var _this = this;
+        this.nodeTreeWidth = this.nodeTreeMinWidth;
+        select((/**
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) { return state.selectedAssets; }))
+            .pipe(takeUntil(this.unsubscribe$))
+            .subscribe((/**
+         * @param {?} selectedAssets
+         * @return {?}
+         */
+        function (selectedAssets) {
+            _this.assets.emit(selectedAssets);
+        }));
+    };
+    /**
+     * @param {?} __0
+     * @return {?}
+     */
+    AssetWrapperComponent.prototype.onResize = /**
+     * @param {?} __0
+     * @return {?}
+     */
+    function (_a) {
+        var width = _a.width;
+        this.nodeTreeWidth = width;
+    };
+    Object.defineProperty(AssetWrapperComponent.prototype, "nodeDetailsWidth", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return "calc(100% - " + this.nodeTreeWidth + "px)";
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @return {?}
+     */
+    AssetWrapperComponent.prototype.ngOnDestroy = /**
+     * @return {?}
+     */
+    function () {
+        this.assetService.resetAsset();
+        this.unsubscribe$.next();
+        this.unsubscribe$.complete();
+    };
+    AssetWrapperComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'lib-asset-wrapper',
+                    template: "<div class=\"asset-wrapper\">\r\n  <div class=\"asset-header\" *ngIf=\"header\">\r\n    <div class=\"asset-header__left asset-header__title\" #title>\r\n      <lib-breadcrumb></lib-breadcrumb>\r\n    </div>\r\n    <div class=\"asset-header__right asset-header__actions\" #actions>\r\n      <lib-search-box></lib-search-box>\r\n    </div>\r\n  </div>\r\n  <div class=\"asset-body\">\r\n    <lib-drag-to-resize (resizeCompleted)=\"onResize($event)\" class=\"asset-body__node-tree\" [minWidth]=\"nodeTreeMinWidth\" [maxWidth]=\"nodeTreeMaxWidth\">\r\n      <lib-node-tree [width]=\"nodeTreeWidth\"></lib-node-tree>\r\n    </lib-drag-to-resize>\r\n    <lib-node-details \r\n      class=\"asset-body__node-details\" \r\n      [style.maxWidth]=\"nodeDetailsWidth\"\r\n      [hasModifyPermission]=\"hasModifyPermission\"\r\n      [hasAccessPermission]=\"hasAccessPermission\"\r\n      [hasArchivePermission]=\"hasArchivePermission\"\r\n    ></lib-node-details>\r\n  </div>\r\n</div>",
+                    styles: [":host::ng-deep .mat-dialog-title{padding:24px}:host::ng-deep .mat-dialog-title .lib-modal--close{padding:10px;position:absolute;top:10px;right:10px;z-index:1}:host::ng-deep .mat-dialog-actions{padding-left:24px;padding-right:24px}:host::ng-deep .asset-wrapper{display:flex;flex-direction:column;height:100%;width:100%;overflow-x:hidden}:host::ng-deep .asset-wrapper .asset-header{display:flex;padding:20px 15px;border-bottom:1px solid #d8d8d8;justify-content:space-between;align-items:center}:host::ng-deep .asset-wrapper .asset-body{display:flex;align-items:stretch}:host::ng-deep .asset-wrapper .asset-body__node-tree{border-right:1px solid #d8d8d8}:host::ng-deep .asset-wrapper .asset-body__node-details{flex:1}@media screen and (max-width:768px){:host::ng-deep .asset-wrapper .asset-header{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px}:host::ng-deep .asset-wrapper .asset-body{flex-direction:column;justify-content:flex-start}:host::ng-deep .asset-wrapper .asset-body__node-tree{width:100%}:host::ng-deep .asset-wrapper .asset-body__node-details{max-width:100%!important}}::ng-deep .mat-tooltip.width-auto{max-width:100%!important}"]
+                }] }
+    ];
+    /** @nocollapse */
+    AssetWrapperComponent.ctorParameters = function () { return [
+        { type: AssetService }
+    ]; };
+    AssetWrapperComponent.propDecorators = {
+        header: [{ type: Input }],
+        hasModifyPermission: [{ type: Input }],
+        hasAccessPermission: [{ type: Input }],
+        hasArchivePermission: [{ type: Input }],
+        assets: [{ type: Output }]
+    };
+    return AssetWrapperComponent;
+}());
+export { AssetWrapperComponent };
+if (false) {
+    /** @type {?} */
+    AssetWrapperComponent.prototype.header;
+    /** @type {?} */
+    AssetWrapperComponent.prototype.hasModifyPermission;
+    /** @type {?} */
+    AssetWrapperComponent.prototype.hasAccessPermission;
+    /** @type {?} */
+    AssetWrapperComponent.prototype.hasArchivePermission;
+    /** @type {?} */
+    AssetWrapperComponent.prototype.assets;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetWrapperComponent.prototype.unsubscribe$;
+    /** @type {?} */
+    AssetWrapperComponent.prototype.nodeTreeMinWidth;
+    /** @type {?} */
+    AssetWrapperComponent.prototype.nodeTreeMaxWidth;
+    /** @type {?} */
+    AssetWrapperComponent.prototype.nodeTreeWidth;
+    /**
+     * @type {?}
+     * @private
+     */
+    AssetWrapperComponent.prototype.assetService;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtd3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvYXNzZXQtd3JhcHBlci9hc3NldC13cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEM7SUFpQkUsK0JBQW9CLFlBQTBCO1FBQTFCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBWHJDLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFDZCx3QkFBbUIsR0FBYSxJQUFJLENBQUM7UUFDckMsd0JBQW1CLEdBQWEsSUFBSSxDQUFDO1FBQ3JDLHlCQUFvQixHQUFhLElBQUksQ0FBQztRQUNyQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFFNUMsaUJBQVksR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBQ3BDLHFCQUFnQixHQUFHLEdBQUcsQ0FBQztRQUN2QixxQkFBZ0IsR0FBRyxHQUFHLENBQUM7SUFHbUIsQ0FBQzs7OztJQUVsRCwyQ0FBVzs7O0lBQVg7UUFDRSxPQUFPLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQUNoRCxPQUFPLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsb0JBQW9CLENBQUMsQ0FBQztJQUNwRCxDQUFDOzs7O0lBRUQsd0NBQVE7OztJQUFSO1FBQUEsaUJBT0M7UUFOQyxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztRQUMzQyxNQUFNOzs7O1FBQUMsVUFBQyxLQUFLLElBQUssT0FBQSxLQUFLLENBQUMsY0FBYyxFQUFwQixDQUFvQixFQUFDO2FBQ3BDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO2FBQ2xDLFNBQVM7Ozs7UUFBQyxVQUFDLGNBQWM7WUFDeEIsS0FBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDbkMsQ0FBQyxFQUFDLENBQUM7SUFDUCxDQUFDOzs7OztJQUVELHdDQUFROzs7O0lBQVIsVUFBUyxFQUFTO1lBQVAsZ0JBQUs7UUFDZCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM3QixDQUFDO0lBRUQsc0JBQUksbURBQWdCOzs7O1FBQXBCO1lBQ0UsT0FBTyxpQkFBZSxJQUFJLENBQUMsYUFBYSxRQUFLLENBQUM7UUFDaEQsQ0FBQzs7O09BQUE7Ozs7SUFFRCwyQ0FBVzs7O0lBQVg7UUFDRSxJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQy9CLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMvQixDQUFDOztnQkE3Q0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLDI5QkFBNkM7O2lCQUU5Qzs7OztnQkFQUSxZQUFZOzs7eUJBU2xCLEtBQUs7c0NBQ0wsS0FBSztzQ0FDTCxLQUFLO3VDQUNMLEtBQUs7eUJBQ0wsTUFBTTs7SUFvQ1QsNEJBQUM7Q0FBQSxBQTlDRCxJQThDQztTQXpDWSxxQkFBcUI7OztJQUNoQyx1Q0FBdUI7O0lBQ3ZCLG9EQUE4Qzs7SUFDOUMsb0RBQThDOztJQUM5QyxxREFBK0M7O0lBQy9DLHVDQUFvRDs7Ozs7SUFFcEQsNkNBQTJDOztJQUMzQyxpREFBOEI7O0lBQzlCLGlEQUE4Qjs7SUFDOUIsOENBQXFCOzs7OztJQUVULDZDQUFrQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkRlc3Ryb3ksXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcy9pbnRlcm5hbC9TdWJqZWN0JztcclxuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBBc3NldE1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzJztcclxuaW1wb3J0IHsgQXNzZXRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvYXNzZXQuc2VydmljZSc7XHJcbmltcG9ydCB7IHNlbGVjdCB9IGZyb20gJy4uLy4uLy4uL3N0b3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFzc2V0LXdyYXBwZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hc3NldC13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hc3NldC13cmFwcGVyLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBc3NldFdyYXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgQElucHV0KCkgaGVhZGVyID0gdHJ1ZTtcclxuICBASW5wdXQoKSBoYXNNb2RpZnlQZXJtaXNzaW9uPzogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCkgaGFzQWNjZXNzUGVybWlzc2lvbj86IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGhhc0FyY2hpdmVQZXJtaXNzaW9uPzogYm9vbGVhbiA9IHRydWU7XHJcbiAgQE91dHB1dCgpIGFzc2V0cyA9IG5ldyBFdmVudEVtaXR0ZXI8QXNzZXRNb2RlbFtdPigpO1xyXG5cclxuICBwcml2YXRlIHVuc3Vic2NyaWJlJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XHJcbiAgcHVibGljIG5vZGVUcmVlTWluV2lkdGggPSAyNTA7XHJcbiAgcHVibGljIG5vZGVUcmVlTWF4V2lkdGggPSA3MDA7XHJcbiAgcHVibGljIG5vZGVUcmVlV2lkdGg7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYXNzZXRTZXJ2aWNlOiBBc3NldFNlcnZpY2UpIHt9XHJcblxyXG4gIG5nT25DaGFuZ2VzKCkge1xyXG4gICAgY29uc29sZS5sb2coJ21vZGlmeScsIHRoaXMuaGFzTW9kaWZ5UGVybWlzc2lvbik7XHJcbiAgICBjb25zb2xlLmxvZygnYXJjaGl2ZScsIHRoaXMuaGFzQXJjaGl2ZVBlcm1pc3Npb24pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLm5vZGVUcmVlV2lkdGggPSB0aGlzLm5vZGVUcmVlTWluV2lkdGg7XHJcbiAgICBzZWxlY3QoKHN0YXRlKSA9PiBzdGF0ZS5zZWxlY3RlZEFzc2V0cylcclxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMudW5zdWJzY3JpYmUkKSlcclxuICAgICAgLnN1YnNjcmliZSgoc2VsZWN0ZWRBc3NldHMpID0+IHtcclxuICAgICAgICB0aGlzLmFzc2V0cy5lbWl0KHNlbGVjdGVkQXNzZXRzKTtcclxuICAgICAgfSk7XHJcbiAgfVxyXG5cclxuICBvblJlc2l6ZSh7IHdpZHRoIH0pIHtcclxuICAgIHRoaXMubm9kZVRyZWVXaWR0aCA9IHdpZHRoO1xyXG4gIH1cclxuXHJcbiAgZ2V0IG5vZGVEZXRhaWxzV2lkdGgoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBgY2FsYygxMDAlIC0gJHt0aGlzLm5vZGVUcmVlV2lkdGh9cHgpYDtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5hc3NldFNlcnZpY2UucmVzZXRBc3NldCgpO1xyXG4gICAgdGhpcy51bnN1YnNjcmliZSQubmV4dCgpO1xyXG4gICAgdGhpcy51bnN1YnNjcmliZSQuY29tcGxldGUoKTtcclxuICB9XHJcbn1cclxuIl19