@rs-pk/asset-management 1.0.17 → 1.0.19

package/bundles/rs-pk-asset-management.umd.js

@@ -370,6 +370,8 @@
         DialogConfig.prototype.limit;
         /** @type {?} */
         DialogConfig.prototype.allowedType;
+        /** @type {?} */
+        DialogConfig.prototype.maxSize;
     }
 
     /**
@@ -923,6 +925,8 @@
         AssetService.prototype.sortOrder;
         /** @type {?} */
         AssetService.prototype.dialogConfig;
+        /** @type {?} */
+        AssetService.prototype.maxSize;
         /**
          * @type {?}
          * @private
@@ -1908,6 +1912,7 @@
                 return;
             }
             this.assetService.dialogConfig = data;
+            this.assetService.maxSize = data.maxSize;
         };
         /**
          * @return {?}
@@ -1974,6 +1979,7 @@
          * @return {?}
          */
         function () {
+            this.assetService.maxSize = this.maxSize;
             initialReducer(this.svc.getDispatcher());
             this.bindSubscriber();
         };
@@ -2024,6 +2030,7 @@
             var config = {
                 limit: this.limit,
                 allowedType: this.allowedType,
+                maxSize: this.maxSize
             };
             /** @type {?} */
             var dialogRef = this.dialog.open(AssetManagementDialogComponent, {
@@ -2072,6 +2079,7 @@
             isDialog: [{ type: core.Input }],
             limit: [{ type: core.Input }],
             allowedType: [{ type: core.Input }],
+            maxSize: [{ type: core.Input }],
             assetChange: [{ type: core.Output }]
         };
         return AssetManagementComponent;
@@ -2084,6 +2092,8 @@
         /** @type {?} */
         AssetManagementComponent.prototype.allowedType;
         /** @type {?} */
+        AssetManagementComponent.prototype.maxSize;
+        /** @type {?} */
         AssetManagementComponent.prototype.assetChange;
         /**
          * @type {?}
@@ -3269,6 +3279,8 @@
         IData$3.prototype.currentAssetId;
         /** @type {?|undefined} */
         IData$3.prototype.fileType;
+        /** @type {?|undefined} */
+        IData$3.prototype.maxSize;
     }
     var UploadDialogComponent = /** @class */ (function () {
         function UploadDialogComponent(data, dialogRef, changeDetectorRef, uploadAssetsService) {
@@ -3284,6 +3296,9 @@
                     this.data.fileType === 'Image'
                         ? __spread(this.uploadAssetsService.imageExtension) : __spread(this.uploadAssetsService.documentExtension);
             }
+            if (this.data.maxSize) {
+                this.uploadAssetsService.supportedSize = this.data.maxSize * 1024 * 1024;
+            }
         }
         /**
          * @return {?}
@@ -3925,13 +3940,14 @@
         IData$4.prototype.name;
     }
     var AssetDialogComponent = /** @class */ (function () {
-        function AssetDialogComponent(_env, dialog, data, dialogRef, fileSize, assetService, fileService, domSanitizer, svc) {
+        function AssetDialogComponent(_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;
@@ -3959,6 +3975,7 @@
          * @return {?}
          */
         function () {
+            this.uploadAssetsService.supportedSize = this.assetsService.maxSize * 1024 * 1024;
             this.linkDownload = this._env.asset2Url + "/File/Download/" + this.data.assetId;
             this.getAssetDetail();
         };
@@ -4130,13 +4147,13 @@
             var errors = [];
             if (this.acceptTypes.indexOf(ext) < 0) {
                 /** @type {?} */
-                var extError = this.assetService.messageErrors.replace + " " + this.acceptTypes.join(', ');
+                var extError = this.uploadAssetsService.messageErrors.replace + " " + this.acceptTypes.join(', ');
                 errors.push(extError);
             }
-            if (this.assetService.supportedSize < file.size) {
+            if (this.uploadAssetsService.supportedSize < file.size) {
                 /** @type {?} */
-                var maxSize = this.fileSize.transform(this.assetService.supportedSize, 0);
-                errors.push(this.assetService.messageErrors.size + " " + maxSize);
+                var maxSize = this.fileSize.transform(this.uploadAssetsService.supportedSize, 0);
+                errors.push(this.uploadAssetsService.messageErrors.size + " " + maxSize);
             }
             if (errors.length) {
                 this.replaceMessage = errors.join('<br/>');
@@ -4244,6 +4261,7 @@
             { type: dialog.MatDialogRef },
             { type: FileSizePipe },
             { type: UploadAssetsService },
+            { type: AssetService },
             { type: FileService },
             { type: platformBrowser.DomSanitizer },
             { type: AssetManagementService }
@@ -4307,7 +4325,9 @@
          */
         AssetDialogComponent.prototype.fileSize;
         /** @type {?} */
-        AssetDialogComponent.prototype.assetService;
+        AssetDialogComponent.prototype.uploadAssetsService;
+        /** @type {?} */
+        AssetDialogComponent.prototype.assetsService;
         /**
          * @type {?}
          * @private
@@ -4447,7 +4467,7 @@
             { type: core.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 */
@@ -5823,6 +5843,7 @@
                 data: {
                     currentAssetId: this.currentFolder.AssetId,
                     fileType: this.assetService.dialogConfig.allowedType,
+                    maxSize: this.assetService.maxSize
                 },
                 panelClass: 'lib-dialog--medium',
             });