@rs-pk/asset-management 1.0.17 → 1.0.19

package/fesm2015/rs-pk-asset-management.js

@@ -160,6 +160,8 @@ if (false) {
     DialogConfig.prototype.limit;
     /** @type {?} */
     DialogConfig.prototype.allowedType;
+    /** @type {?} */
+    DialogConfig.prototype.maxSize;
 }
 
 /**
@@ -642,6 +644,8 @@ if (false) {
     AssetService.prototype.sortOrder;
     /** @type {?} */
     AssetService.prototype.dialogConfig;
+    /** @type {?} */
+    AssetService.prototype.maxSize;
     /**
      * @type {?}
      * @private
@@ -1488,6 +1492,7 @@ class AssetManagementDialogComponent {
             return;
         }
         this.assetService.dialogConfig = data;
+        this.assetService.maxSize = data.maxSize;
     }
     /**
      * @return {?}
@@ -1552,6 +1557,7 @@ class AssetManagementComponent {
      * @return {?}
      */
     ngOnInit() {
+        this.assetService.maxSize = this.maxSize;
         initialReducer(this.svc.getDispatcher());
         this.bindSubscriber();
     }
@@ -1590,6 +1596,7 @@ class AssetManagementComponent {
         const config = {
             limit: this.limit,
             allowedType: this.allowedType,
+            maxSize: this.maxSize
         };
         /** @type {?} */
         const dialogRef = this.dialog.open(AssetManagementDialogComponent, {
@@ -1636,6 +1643,7 @@ AssetManagementComponent.propDecorators = {
     isDialog: [{ type: Input }],
     limit: [{ type: Input }],
     allowedType: [{ type: Input }],
+    maxSize: [{ type: Input }],
     assetChange: [{ type: Output }]
 };
 if (false) {
@@ -1646,6 +1654,8 @@ if (false) {
     /** @type {?} */
     AssetManagementComponent.prototype.allowedType;
     /** @type {?} */
+    AssetManagementComponent.prototype.maxSize;
+    /** @type {?} */
     AssetManagementComponent.prototype.assetChange;
     /**
      * @type {?}
@@ -2686,6 +2696,8 @@ if (false) {
     IData$3.prototype.currentAssetId;
     /** @type {?|undefined} */
     IData$3.prototype.fileType;
+    /** @type {?|undefined} */
+    IData$3.prototype.maxSize;
 }
 class UploadDialogComponent {
     /**
@@ -2708,6 +2720,9 @@ class UploadDialogComponent {
                     ? [...this.uploadAssetsService.imageExtension]
                     : [...this.uploadAssetsService.documentExtension];
         }
+        if (this.data.maxSize) {
+            this.uploadAssetsService.supportedSize = this.data.maxSize * 1024 * 1024;
+        }
     }
     /**
      * @return {?}
@@ -3279,18 +3294,20 @@ class AssetDialogComponent {
      * @param {?} data
      * @param {?} dialogRef
      * @param {?} fileSize
-     * @param {?} assetService
+     * @param {?} uploadAssetsService
+     * @param {?} assetsService
      * @param {?} fileService
      * @param {?} domSanitizer
      * @param {?} svc
      */
-    constructor(_env, dialog, data, dialogRef, fileSize, assetService, fileService, domSanitizer, svc) {
+    constructor(_env, dialog, data, dialogRef, fileSize, uploadAssetsService, assetsService, fileService, domSanitizer, svc) {
         this._env = _env;
         this.dialog = dialog;
         this.data = data;
         this.dialogRef = dialogRef;
         this.fileSize = fileSize;
-        this.assetService = assetService;
+        this.uploadAssetsService = uploadAssetsService;
+        this.assetsService = assetsService;
         this.fileService = fileService;
         this.domSanitizer = domSanitizer;
         this.svc = svc;
@@ -3315,6 +3332,7 @@ class AssetDialogComponent {
      * @return {?}
      */
     ngOnInit() {
+        this.uploadAssetsService.supportedSize = this.assetsService.maxSize * 1024 * 1024;
         this.linkDownload = `${this._env.asset2Url}/File/Download/${this.data.assetId}`;
         this.getAssetDetail();
     }
@@ -3457,13 +3475,13 @@ class AssetDialogComponent {
         const errors = [];
         if (this.acceptTypes.indexOf(ext) < 0) {
             /** @type {?} */
-            const extError = `${this.assetService.messageErrors.replace} ${this.acceptTypes.join(', ')}`;
+            const extError = `${this.uploadAssetsService.messageErrors.replace} ${this.acceptTypes.join(', ')}`;
             errors.push(extError);
         }
-        if (this.assetService.supportedSize < file.size) {
+        if (this.uploadAssetsService.supportedSize < file.size) {
             /** @type {?} */
-            const maxSize = this.fileSize.transform(this.assetService.supportedSize, 0);
-            errors.push(`${this.assetService.messageErrors.size} ${maxSize}`);
+            const maxSize = this.fileSize.transform(this.uploadAssetsService.supportedSize, 0);
+            errors.push(`${this.uploadAssetsService.messageErrors.size} ${maxSize}`);
         }
         if (errors.length) {
             this.replaceMessage = errors.join('<br/>');
@@ -3552,6 +3570,7 @@ AssetDialogComponent.ctorParameters = () => [
     { type: MatDialogRef },
     { type: FileSizePipe },
     { type: UploadAssetsService },
+    { type: AssetService },
     { type: FileService },
     { type: DomSanitizer },
     { type: AssetManagementService }
@@ -3613,7 +3632,9 @@ if (false) {
      */
     AssetDialogComponent.prototype.fileSize;
     /** @type {?} */
-    AssetDialogComponent.prototype.assetService;
+    AssetDialogComponent.prototype.uploadAssetsService;
+    /** @type {?} */
+    AssetDialogComponent.prototype.assetsService;
     /**
      * @type {?}
      * @private
@@ -3737,7 +3758,7 @@ AssetItemComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lib-asset-item',
                 template: "<div class=\"asset-wrapper\">\n  <div class=\"asset-content\">\n    <div class=\"asset-content__header\">\n      <button class=\"asset-content__header--button\" mat-raised-button (click)=\"onChange()\">\n        <mat-checkbox\n          class=\"checkbox\"\n          [checked]=\"checkSelectedAsset\"\n        ></mat-checkbox>\n      </button>\n      <button\n        class=\"asset-content__header--button edit-button\"\n        mat-raised-button\n        (click)=\"editAsset()\"\n      >\n        <mat-icon>edit</mat-icon>\n      </button>\n    </div>\n    <div class=\"asset-content__body\">\n      <ng-container [ngSwitch]=\"asset.FileType\">\n        <ng-container *ngSwitchCase=\"fileType.IMAGE\">\n          <img\n            class=\"image\"\n            [src]=\"asset.UrlThumbnail\"\n            [alt]=\"asset.OriginalFileName\"\n          />\n        </ng-container>\n        <ng-container *ngSwitchCase=\"fileType.DOCUMENT\">\n          <img [src]=\"base64PNG[asset.Extension]\" [alt]=\"asset.OriginalFileName\" [ngClass]=\"asset.Extension\" />\n        </ng-container>\n      </ng-container>\n    </div>\n    <div class=\"asset-content__footer\">\n      <div\n        class=\"asset-content__footer--info\"\n        [ngClass]=\"{\n          'file-type__document': asset.FileType === fileType.DOCUMENT\n        }\"\n      >\n        <p\n          class=\"name\"\n          [matTooltip]=\"asset.OriginalFileNameWithoutExtension\"\n          matTooltipClass=\"width-auto\"\n        >\n          {{ asset.OriginalFileNameWithoutExtension }}\n        </p>\n        <p class=\"info\">\n          <span class=\"extension\">{{ asset.Extension }}</span>\n          <span\n            *ngIf=\"\n              asset.FileType === fileType.IMAGE && asset?.Extension !== 'svg'\n            \"\n          >\n            - {{ asset.Width }}x{{ asset.Height }}</span\n          >\n          <span *ngIf=\"asset.Size\"> - {{ asset.Size }}</span>\n        </p>\n      </div>\n      <div class=\"asset-content__footer--file-type\">\n        <span>{{ asset.FileType }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n",
-                styles: [":host::ng-deep .asset-wrapper{padding:5px}:host::ng-deep .asset-wrapper .asset-content{overflow:hidden;position:relative;border-radius:10px;border:1px solid #d8d8d8;font-size:14px;transition:.3s cubic-bezier(.25,.8,.25,1)}:host::ng-deep .asset-wrapper .asset-content:hover{box-shadow:0 0 8px rgba(0,0,0,.17),0 0 0 rgba(0,0,0,.06)}:host::ng-deep .asset-wrapper .asset-content__header{position:absolute;z-index:1;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:14px}:host::ng-deep .asset-wrapper .asset-content__header--button{width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;text-align:center;color:rgba(0,0,0,.65);background:rgba(255,255,255,.6)}:host::ng-deep .asset-wrapper .asset-content__header--button:hover{background:#fff}:host::ng-deep .asset-wrapper .asset-content__header--button.edit-button{transition:.3s cubic-bezier(.25,.8,.25,1);opacity:0}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-icon{font-size:22px}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-checkbox{pointer-events:none;display:flex;align-items:center}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-checkbox .mat-checkbox-layout{margin:0}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-checkbox .mat-checkbox-layout .mat-checkbox-frame{color:#767676}:host::ng-deep .asset-wrapper .asset-content__body{padding-bottom:66.66%;background:#f1f1f1;position:relative}:host::ng-deep .asset-wrapper .asset-content__body img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:host::ng-deep .asset-wrapper .asset-content__body img.image{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAUABQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+/ivFPFOf+EjvxzjbBgdv+PeDp+OfxzSt4q18AkageASB9ntu3OM+Vn8c5rsdG0fT9d06DVdUgN1f3XmefP5ksO/ypXhj/dwvHGu2ONF+VF3bQSM0AeYUV7IPCWgjgWRA/wCvi4P85SaKAPGm5Vh7H+VeyeERjQLEDoPP/WeQ/wAzRRQB0tFFFAH/2Q==)}:host::ng-deep .asset-wrapper .asset-content__body img.csv,:host::ng-deep .asset-wrapper .asset-content__body img.pdf,:host::ng-deep .asset-wrapper .asset-content__body img.zip{width:75%;height:75%}:host::ng-deep .asset-wrapper .asset-content__footer{display:flex;align-items:center;justify-content:space-between;padding:5px 8px}:host::ng-deep .asset-wrapper .asset-content__footer--info{max-width:calc(100% - 50px)}:host::ng-deep .asset-wrapper .asset-content__footer--info p{margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host::ng-deep .asset-wrapper .asset-content__footer--info .info{font-size:12px;color:#979797}:host::ng-deep .asset-wrapper .asset-content__footer--info .info .extension{text-transform:uppercase}:host::ng-deep .asset-wrapper .asset-content__footer--info.file-type__document{max-width:calc(100% - 70px)}:host::ng-deep .asset-wrapper .asset-content__footer--file-type{border-radius:5px;background-color:#d8d8d8;padding:2px 6px;font-size:12px}:host::ng-deep .asset-wrapper .asset-content:hover .edit-button{opacity:1!important}"]
+                styles: [":host::ng-deep .asset-wrapper{padding:5px}:host::ng-deep .asset-wrapper .asset-content{overflow:hidden;position:relative;border-radius:10px;border:1px solid #d8d8d8;font-size:14px;transition:.3s cubic-bezier(.25,.8,.25,1)}:host::ng-deep .asset-wrapper .asset-content:hover{box-shadow:0 0 8px rgba(0,0,0,.17),0 0 0 rgba(0,0,0,.06)}:host::ng-deep .asset-wrapper .asset-content__header{position:absolute;z-index:1;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:14px}:host::ng-deep .asset-wrapper .asset-content__header--button{width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;text-align:center;color:rgba(0,0,0,.65);background:rgba(255,255,255,.6)}:host::ng-deep .asset-wrapper .asset-content__header--button:hover{background:#fff}:host::ng-deep .asset-wrapper .asset-content__header--button.edit-button{transition:.3s cubic-bezier(.25,.8,.25,1);opacity:0}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-icon{font-size:22px}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-checkbox{pointer-events:none;display:flex;align-items:center}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-checkbox .mat-checkbox-layout{display:block;margin:0}:host::ng-deep .asset-wrapper .asset-content__header--button .mat-checkbox .mat-checkbox-layout .mat-checkbox-frame{color:#767676}:host::ng-deep .asset-wrapper .asset-content__body{padding-bottom:66.66%;background:#f1f1f1;position:relative}:host::ng-deep .asset-wrapper .asset-content__body img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:host::ng-deep .asset-wrapper .asset-content__body img.image{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAUABQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+/ivFPFOf+EjvxzjbBgdv+PeDp+OfxzSt4q18AkageASB9ntu3OM+Vn8c5rsdG0fT9d06DVdUgN1f3XmefP5ksO/ypXhj/dwvHGu2ONF+VF3bQSM0AeYUV7IPCWgjgWRA/wCvi4P85SaKAPGm5Vh7H+VeyeERjQLEDoPP/WeQ/wAzRRQB0tFFFAH/2Q==)}:host::ng-deep .asset-wrapper .asset-content__body img.csv,:host::ng-deep .asset-wrapper .asset-content__body img.pdf,:host::ng-deep .asset-wrapper .asset-content__body img.zip{width:75%;height:75%}:host::ng-deep .asset-wrapper .asset-content__footer{display:flex;align-items:center;justify-content:space-between;padding:5px 8px}:host::ng-deep .asset-wrapper .asset-content__footer--info{max-width:calc(100% - 50px)}:host::ng-deep .asset-wrapper .asset-content__footer--info p{margin:0;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host::ng-deep .asset-wrapper .asset-content__footer--info .info{font-size:12px;color:#979797}:host::ng-deep .asset-wrapper .asset-content__footer--info .info .extension{text-transform:uppercase}:host::ng-deep .asset-wrapper .asset-content__footer--info.file-type__document{max-width:calc(100% - 70px)}:host::ng-deep .asset-wrapper .asset-content__footer--file-type{border-radius:5px;background-color:#d8d8d8;padding:2px 6px;font-size:12px}:host::ng-deep .asset-wrapper .asset-content:hover .edit-button{opacity:1!important}"]
             }] }
 ];
 /** @nocollapse */
@@ -4898,6 +4919,7 @@ class NodeDetailsComponent {
             data: {
                 currentAssetId: this.currentFolder.AssetId,
                 fileType: this.assetService.dialogConfig.allowedType,
+                maxSize: this.assetService.maxSize
             },
             panelClass: 'lib-dialog--medium',
         });