@rs-pk/asset-management 1.0.25 → 1.0.26

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

@@ -1,125 +1,125 @@
-/**
- * @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;
-        console.log('Assest Management Dialog', this.data);
-        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]=\"data.permission.modify\"\r\n      [hasAccessPermission]=\"data.permission.access\"\r\n      [hasArchivePermission]=\"data.permission.archive\"\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 }
-    ]; };
-    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtbWFuYWdlbWVudC1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHJzLXBrL2Fzc2V0LW1hbmFnZW1lbnQvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYXJ0aWFsL2Fzc2V0LW1hbmFnZW1lbnQtZGlhbG9nL2Fzc2V0LW1hbmFnZW1lbnQtZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQWMsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QztJQU1FLHdDQUNrQyxJQUFrQixFQUMzQyxTQUF1RCxFQUN0RCxZQUEwQjtRQUZGLFNBQUksR0FBSixJQUFJLENBQWM7UUFDM0MsY0FBUyxHQUFULFNBQVMsQ0FBOEM7UUFDdEQsaUJBQVksR0FBWixZQUFZLENBQWM7UUFFNUIsYUFBUSxHQUFxQixJQUFJLE9BQU8sRUFBRSxDQUFDO1FBQzVDLG1CQUFjLEdBQXNCLEVBQUUsQ0FBQztJQUYxQyxDQUFDOzs7O0lBSUwsaURBQVE7OztJQUFSO1FBQUEsaUJBUUM7UUFQQyxPQUFPLENBQUMsR0FBRyxDQUFDLDBCQUEwQixFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pDLE1BQU07Ozs7UUFBQyxVQUFDLEtBQUssSUFBSyxPQUFBLEtBQUssQ0FBQyxjQUFjLEVBQXBCLENBQW9CLEVBQUM7YUFDcEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDOUIsU0FBUzs7OztRQUFDLFVBQUMsY0FBYztZQUN4QixLQUFJLENBQUMsY0FBYyxHQUFHLGNBQWMsQ0FBQztRQUN2QyxDQUFDLEVBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxzQkFBSSxvREFBUTs7OztRQUFaO1lBQ1UsSUFBQSx1QkFBSztZQUNiLE9BQU8sQ0FDTCxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDO2dCQUNyRCxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FDOUMsQ0FBQztRQUNKLENBQUM7OztPQUFBOzs7O0lBRUQscURBQVk7OztJQUFaO1FBQ0UsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7Ozs7O0lBRUQseURBQWdCOzs7O0lBQWhCLFVBQWlCLElBQWtCO1FBQ2pDLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDVCxPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDdEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUMzQyxDQUFDOzs7O0lBRUQsb0RBQVc7OztJQUFYO1FBQ0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNwRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzNCLENBQUM7O2dCQWpERixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtvQkFDdkMsbzJDQUF1RDs7aUJBRXhEOzs7O2dCQVJvQixZQUFZLHVCQVc1QixNQUFNLFNBQUMsZUFBZTtnQkFkbEIsWUFBWTtnQkFJWixZQUFZOztJQXFEckIscUNBQUM7Q0FBQSxBQWxERCxJQWtEQztTQTdDWSw4QkFBOEI7Ozs7OztJQU16QyxrREFBbUQ7O0lBQ25ELHdEQUE4Qzs7SUFMNUMsOENBQWtEOztJQUNsRCxtREFBOEQ7Ozs7O0lBQzlELHNEQUFrQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0RGlhbG9nUmVmLCBNQVRfRElBTE9HX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xyXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcy9pbnRlcm5hbC9TdWJqZWN0JztcclxuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBBc3NldE1vZGVsLCBEaWFsb2dDb25maWcgfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMnO1xyXG5pbXBvcnQgeyBBc3NldFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9hc3NldC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgc2VsZWN0IH0gZnJvbSAnLi4vLi4vLi4vc3RvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYXNzZXQtbWFuYWdlbWVudC1kaWFsb2cnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hc3NldC1tYW5hZ2VtZW50LWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYXNzZXQtbWFuYWdlbWVudC1kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFzc2V0TWFuYWdlbWVudERpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogRGlhbG9nQ29uZmlnLFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPEFzc2V0TWFuYWdlbWVudERpYWxvZ0NvbXBvbmVudD4sXHJcbiAgICBwcml2YXRlIGFzc2V0U2VydmljZTogQXNzZXRTZXJ2aWNlXHJcbiAgKSB7IH1cclxuICBwcml2YXRlIGRlc3Ryb3kkOiBTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IFN1YmplY3QoKTtcclxuICBwdWJsaWMgc2VsZWN0ZWRBc3NldHM6IEFycmF5PEFzc2V0TW9kZWw+ID0gW107XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgY29uc29sZS5sb2coJ0Fzc2VzdCBNYW5hZ2VtZW50IERpYWxvZycsIHRoaXMuZGF0YSk7XHJcbiAgICB0aGlzLmluaXREaWFsb2dDb25maWcodGhpcy5kYXRhKTtcclxuICAgIHNlbGVjdCgoc3RhdGUpID0+IHN0YXRlLnNlbGVjdGVkQXNzZXRzKVxyXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXHJcbiAgICAgIC5zdWJzY3JpYmUoKHNlbGVjdGVkQXNzZXRzKSA9PiB7XHJcbiAgICAgICAgdGhpcy5zZWxlY3RlZEFzc2V0cyA9IHNlbGVjdGVkQXNzZXRzO1xyXG4gICAgICB9KTtcclxuICB9XHJcblxyXG4gIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcclxuICAgIGNvbnN0IHsgbGltaXQgfSA9IHRoaXMuZGF0YTtcclxuICAgIHJldHVybiAoXHJcbiAgICAgICghdGhpcy5zZWxlY3RlZEFzc2V0cyB8fCAhdGhpcy5zZWxlY3RlZEFzc2V0cy5sZW5ndGgpIHx8XHJcbiAgICAgIChsaW1pdCAmJiB0aGlzLnNlbGVjdGVkQXNzZXRzLmxlbmd0aCA+IGxpbWl0KVxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIHNlbGVjdEFzc2V0cygpIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHRoaXMuc2VsZWN0ZWRBc3NldHMpO1xyXG4gIH1cclxuXHJcbiAgaW5pdERpYWxvZ0NvbmZpZyhkYXRhOiBEaWFsb2dDb25maWcpIHtcclxuICAgIGlmICghZGF0YSkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5hc3NldFNlcnZpY2UuZGlhbG9nQ29uZmlnID0gZGF0YTtcclxuICAgIHRoaXMuYXNzZXRTZXJ2aWNlLm1heFNpemUgPSBkYXRhLm1heFNpemU7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuYXNzZXRTZXJ2aWNlLmRpYWxvZ0NvbmZpZyA9IG5ldyBEaWFsb2dDb25maWcoKTtcclxuICAgIHRoaXMuZGVzdHJveSQubmV4dCh0cnVlKTtcclxuICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcclxuICB9XHJcbn1cclxuIl19
+/**
+ * @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;
+        console.log('Assest Management Dialog', this.data);
+        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 \n      [header]=\"false\"\n      [hasModifyPermission]=\"data.permission.modify\"\n      [hasAccessPermission]=\"data.permission.access\"\n      [hasArchivePermission]=\"data.permission.archive\"\n    ></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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtbWFuYWdlbWVudC1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHJzLXBrL2Fzc2V0LW1hbmFnZW1lbnQvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9wYXJ0aWFsL2Fzc2V0LW1hbmFnZW1lbnQtZGlhbG9nL2Fzc2V0LW1hbmFnZW1lbnQtZGlhbG9nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQzVFLE9BQU8sRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQWMsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QztJQU1FLHdDQUNrQyxJQUFrQixFQUMzQyxTQUF1RCxFQUN0RCxZQUEwQjtRQUZGLFNBQUksR0FBSixJQUFJLENBQWM7UUFDM0MsY0FBUyxHQUFULFNBQVMsQ0FBOEM7UUFDdEQsaUJBQVksR0FBWixZQUFZLENBQWM7UUFFNUIsYUFBUSxHQUFxQixJQUFJLE9BQU8sRUFBRSxDQUFDO1FBQzVDLG1CQUFjLEdBQXNCLEVBQUUsQ0FBQztJQUYxQyxDQUFDOzs7O0lBSUwsaURBQVE7OztJQUFSO1FBQUEsaUJBUUM7UUFQQyxPQUFPLENBQUMsR0FBRyxDQUFDLDBCQUEwQixFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pDLE1BQU07Ozs7UUFBQyxVQUFDLEtBQUssSUFBSyxPQUFBLEtBQUssQ0FBQyxjQUFjLEVBQXBCLENBQW9CLEVBQUM7YUFDcEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDOUIsU0FBUzs7OztRQUFDLFVBQUMsY0FBYztZQUN4QixLQUFJLENBQUMsY0FBYyxHQUFHLGNBQWMsQ0FBQztRQUN2QyxDQUFDLEVBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxzQkFBSSxvREFBUTs7OztRQUFaO1lBQ1UsSUFBQSx1QkFBSztZQUNiLE9BQU8sQ0FDTCxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDO2dCQUNyRCxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FDOUMsQ0FBQztRQUNKLENBQUM7OztPQUFBOzs7O0lBRUQscURBQVk7OztJQUFaO1FBQ0UsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7Ozs7O0lBRUQseURBQWdCOzs7O0lBQWhCLFVBQWlCLElBQWtCO1FBQ2pDLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDVCxPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFDdEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUMzQyxDQUFDOzs7O0lBRUQsb0RBQVc7OztJQUFYO1FBQ0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNwRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzNCLENBQUM7O2dCQWpERixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtvQkFDdkMsOHhDQUF1RDs7aUJBRXhEOzs7O2dCQVJvQixZQUFZLHVCQVc1QixNQUFNLFNBQUMsZUFBZTtnQkFkbEIsWUFBWTtnQkFJWixZQUFZOztJQXFEckIscUNBQUM7Q0FBQSxBQWxERCxJQWtEQztTQTdDWSw4QkFBOEI7Ozs7OztJQU16QyxrREFBbUQ7O0lBQ25ELHdEQUE4Qzs7SUFMNUMsOENBQWtEOztJQUNsRCxtREFBOEQ7Ozs7O0lBQzlELHNEQUFrQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzL2ludGVybmFsL1N1YmplY3QnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgQXNzZXRNb2RlbCwgRGlhbG9nQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IEFzc2V0U2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL2Fzc2V0LnNlcnZpY2UnO1xuaW1wb3J0IHsgc2VsZWN0IH0gZnJvbSAnLi4vLi4vLi4vc3RvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYXNzZXQtbWFuYWdlbWVudC1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXNzZXQtbWFuYWdlbWVudC1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hc3NldC1tYW5hZ2VtZW50LWRpYWxvZy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBc3NldE1hbmFnZW1lbnREaWFsb2dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogRGlhbG9nQ29uZmlnLFxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxBc3NldE1hbmFnZW1lbnREaWFsb2dDb21wb25lbnQ+LFxuICAgIHByaXZhdGUgYXNzZXRTZXJ2aWNlOiBBc3NldFNlcnZpY2VcbiAgKSB7IH1cbiAgcHJpdmF0ZSBkZXN0cm95JDogU3ViamVjdDxib29sZWFuPiA9IG5ldyBTdWJqZWN0KCk7XG4gIHB1YmxpYyBzZWxlY3RlZEFzc2V0czogQXJyYXk8QXNzZXRNb2RlbD4gPSBbXTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICBjb25zb2xlLmxvZygnQXNzZXN0IE1hbmFnZW1lbnQgRGlhbG9nJywgdGhpcy5kYXRhKTtcbiAgICB0aGlzLmluaXREaWFsb2dDb25maWcodGhpcy5kYXRhKTtcbiAgICBzZWxlY3QoKHN0YXRlKSA9PiBzdGF0ZS5zZWxlY3RlZEFzc2V0cylcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcbiAgICAgIC5zdWJzY3JpYmUoKHNlbGVjdGVkQXNzZXRzKSA9PiB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRBc3NldHMgPSBzZWxlY3RlZEFzc2V0cztcbiAgICAgIH0pO1xuICB9XG5cbiAgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IHsgbGltaXQgfSA9IHRoaXMuZGF0YTtcbiAgICByZXR1cm4gKFxuICAgICAgKCF0aGlzLnNlbGVjdGVkQXNzZXRzIHx8ICF0aGlzLnNlbGVjdGVkQXNzZXRzLmxlbmd0aCkgfHxcbiAgICAgIChsaW1pdCAmJiB0aGlzLnNlbGVjdGVkQXNzZXRzLmxlbmd0aCA+IGxpbWl0KVxuICAgICk7XG4gIH1cblxuICBzZWxlY3RBc3NldHMoKSB7XG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5zZWxlY3RlZEFzc2V0cyk7XG4gIH1cblxuICBpbml0RGlhbG9nQ29uZmlnKGRhdGE6IERpYWxvZ0NvbmZpZykge1xuICAgIGlmICghZGF0YSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuYXNzZXRTZXJ2aWNlLmRpYWxvZ0NvbmZpZyA9IGRhdGE7XG4gICAgdGhpcy5hc3NldFNlcnZpY2UubWF4U2l6ZSA9IGRhdGEubWF4U2l6ZTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuYXNzZXRTZXJ2aWNlLmRpYWxvZ0NvbmZpZyA9IG5ldyBEaWFsb2dDb25maWcoKTtcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQodHJ1ZSk7XG4gICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=

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

@@ -1,137 +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.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
+/**
+ * @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\">\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 \n      class=\"asset-body__node-details\" \n      [style.maxWidth]=\"nodeDetailsWidth\"\n      [hasModifyPermission]=\"hasModifyPermission\"\n      [hasAccessPermission]=\"hasAccessPermission\"\n      [hasArchivePermission]=\"hasArchivePermission\"\n    ></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 }],
+        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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNzZXQtd3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AcnMtcGsvYXNzZXQtbWFuYWdlbWVudC8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL3BhcnRpYWwvYXNzZXQtd3JhcHBlci9hc3NldC13cmFwcGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUdMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEM7SUFpQkUsK0JBQW9CLFlBQTBCO1FBQTFCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBWHJDLFdBQU0sR0FBRyxJQUFJLENBQUM7UUFDZCx3QkFBbUIsR0FBYSxJQUFJLENBQUM7UUFDckMsd0JBQW1CLEdBQWEsSUFBSSxDQUFDO1FBQ3JDLHlCQUFvQixHQUFhLElBQUksQ0FBQztRQUNyQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFFNUMsaUJBQVksR0FBRyxJQUFJLE9BQU8sRUFBUSxDQUFDO1FBQ3BDLHFCQUFnQixHQUFHLEdBQUcsQ0FBQztRQUN2QixxQkFBZ0IsR0FBRyxHQUFHLENBQUM7SUFHbUIsQ0FBQzs7OztJQUVsRCwyQ0FBVzs7O0lBQVg7UUFDRSxPQUFPLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQUNoRCxPQUFPLENBQUMsR0FBRyxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsb0JBQW9CLENBQUMsQ0FBQztJQUNwRCxDQUFDOzs7O0lBRUQsd0NBQVE7OztJQUFSO1FBQUEsaUJBT0M7UUFOQyxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztRQUMzQyxNQUFNOzs7O1FBQUMsVUFBQyxLQUFLLElBQUssT0FBQSxLQUFLLENBQUMsY0FBYyxFQUFwQixDQUFvQixFQUFDO2FBQ3BDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO2FBQ2xDLFNBQVM7Ozs7UUFBQyxVQUFDLGNBQWM7WUFDeEIsS0FBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDbkMsQ0FBQyxFQUFDLENBQUM7SUFDUCxDQUFDOzs7OztJQUVELHdDQUFROzs7O0lBQVIsVUFBUyxFQUFTO1lBQVAsZ0JBQUs7UUFDZCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztJQUM3QixDQUFDO0lBRUQsc0JBQUksbURBQWdCOzs7O1FBQXBCO1lBQ0UsT0FBTyxpQkFBZSxJQUFJLENBQUMsYUFBYSxRQUFLLENBQUM7UUFDaEQsQ0FBQzs7O09BQUE7Ozs7SUFFRCwyQ0FBVzs7O0lBQVg7UUFDRSxJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQy9CLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMvQixDQUFDOztnQkE3Q0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLGk3QkFBNkM7O2lCQUU5Qzs7OztnQkFQUSxZQUFZOzs7eUJBU2xCLEtBQUs7c0NBQ0wsS0FBSztzQ0FDTCxLQUFLO3VDQUNMLEtBQUs7eUJBQ0wsTUFBTTs7SUFvQ1QsNEJBQUM7Q0FBQSxBQTlDRCxJQThDQztTQXpDWSxxQkFBcUI7OztJQUNoQyx1Q0FBdUI7O0lBQ3ZCLG9EQUE4Qzs7SUFDOUMsb0RBQThDOztJQUM5QyxxREFBK0M7O0lBQy9DLHVDQUFvRDs7Ozs7SUFFcEQsNkNBQTJDOztJQUMzQyxpREFBOEI7O0lBQzlCLGlEQUE4Qjs7SUFDOUIsOENBQXFCOzs7OztJQUVULDZDQUFrQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzL2ludGVybmFsL1N1YmplY3QnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgQXNzZXRNb2RlbCB9IGZyb20gJy4uLy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBBc3NldFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9hc3NldC5zZXJ2aWNlJztcbmltcG9ydCB7IHNlbGVjdCB9IGZyb20gJy4uLy4uLy4uL3N0b3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWFzc2V0LXdyYXBwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYXNzZXQtd3JhcHBlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Fzc2V0LXdyYXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXNzZXRXcmFwcGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBoZWFkZXIgPSB0cnVlO1xuICBASW5wdXQoKSBoYXNNb2RpZnlQZXJtaXNzaW9uPzogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIGhhc0FjY2Vzc1Blcm1pc3Npb24/OiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgaGFzQXJjaGl2ZVBlcm1pc3Npb24/OiBib29sZWFuID0gdHJ1ZTtcbiAgQE91dHB1dCgpIGFzc2V0cyA9IG5ldyBFdmVudEVtaXR0ZXI8QXNzZXRNb2RlbFtdPigpO1xuXG4gIHByaXZhdGUgdW5zdWJzY3JpYmUkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgcHVibGljIG5vZGVUcmVlTWluV2lkdGggPSAyNTA7XG4gIHB1YmxpYyBub2RlVHJlZU1heFdpZHRoID0gNzAwO1xuICBwdWJsaWMgbm9kZVRyZWVXaWR0aDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGFzc2V0U2VydmljZTogQXNzZXRTZXJ2aWNlKSB7fVxuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIGNvbnNvbGUubG9nKCdtb2RpZnknLCB0aGlzLmhhc01vZGlmeVBlcm1pc3Npb24pO1xuICAgIGNvbnNvbGUubG9nKCdhcmNoaXZlJywgdGhpcy5oYXNBcmNoaXZlUGVybWlzc2lvbik7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm5vZGVUcmVlV2lkdGggPSB0aGlzLm5vZGVUcmVlTWluV2lkdGg7XG4gICAgc2VsZWN0KChzdGF0ZSkgPT4gc3RhdGUuc2VsZWN0ZWRBc3NldHMpXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy51bnN1YnNjcmliZSQpKVxuICAgICAgLnN1YnNjcmliZSgoc2VsZWN0ZWRBc3NldHMpID0+IHtcbiAgICAgICAgdGhpcy5hc3NldHMuZW1pdChzZWxlY3RlZEFzc2V0cyk7XG4gICAgICB9KTtcbiAgfVxuXG4gIG9uUmVzaXplKHsgd2lkdGggfSkge1xuICAgIHRoaXMubm9kZVRyZWVXaWR0aCA9IHdpZHRoO1xuICB9XG5cbiAgZ2V0IG5vZGVEZXRhaWxzV2lkdGgoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gYGNhbGMoMTAwJSAtICR7dGhpcy5ub2RlVHJlZVdpZHRofXB4KWA7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLmFzc2V0U2VydmljZS5yZXNldEFzc2V0KCk7XG4gICAgdGhpcy51bnN1YnNjcmliZSQubmV4dCgpO1xuICAgIHRoaXMudW5zdWJzY3JpYmUkLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiJdfQ==