@rs-pk/asset-management 1.0.17 → 1.0.19

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

@@ -174,6 +174,8 @@ if (false) {
     DialogConfig.prototype.limit;
     /** @type {?} */
     DialogConfig.prototype.allowedType;
+    /** @type {?} */
+    DialogConfig.prototype.maxSize;
 }
 
 /**
@@ -727,6 +729,8 @@ if (false) {
     AssetService.prototype.sortOrder;
     /** @type {?} */
     AssetService.prototype.dialogConfig;
+    /** @type {?} */
+    AssetService.prototype.maxSize;
     /**
      * @type {?}
      * @private
@@ -1712,6 +1716,7 @@ var AssetManagementDialogComponent = /** @class */ (function () {
             return;
         }
         this.assetService.dialogConfig = data;
+        this.assetService.maxSize = data.maxSize;
     };
     /**
      * @return {?}
@@ -1778,6 +1783,7 @@ var AssetManagementComponent = /** @class */ (function () {
      * @return {?}
      */
     function () {
+        this.assetService.maxSize = this.maxSize;
         initialReducer(this.svc.getDispatcher());
         this.bindSubscriber();
     };
@@ -1828,6 +1834,7 @@ var AssetManagementComponent = /** @class */ (function () {
         var config = {
             limit: this.limit,
             allowedType: this.allowedType,
+            maxSize: this.maxSize
         };
         /** @type {?} */
         var dialogRef = this.dialog.open(AssetManagementDialogComponent, {
@@ -1876,6 +1883,7 @@ var AssetManagementComponent = /** @class */ (function () {
         isDialog: [{ type: Input }],
         limit: [{ type: Input }],
         allowedType: [{ type: Input }],
+        maxSize: [{ type: Input }],
         assetChange: [{ type: Output }]
     };
     return AssetManagementComponent;
@@ -1888,6 +1896,8 @@ if (false) {
     /** @type {?} */
     AssetManagementComponent.prototype.allowedType;
     /** @type {?} */
+    AssetManagementComponent.prototype.maxSize;
+    /** @type {?} */
     AssetManagementComponent.prototype.assetChange;
     /**
      * @type {?}
@@ -3073,6 +3083,8 @@ if (false) {
     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) {
@@ -3088,6 +3100,9 @@ var UploadDialogComponent = /** @class */ (function () {
                 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 {?}
@@ -3729,13 +3744,14 @@ if (false) {
     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;
@@ -3763,6 +3779,7 @@ var AssetDialogComponent = /** @class */ (function () {
      * @return {?}
      */
     function () {
+        this.uploadAssetsService.supportedSize = this.assetsService.maxSize * 1024 * 1024;
         this.linkDownload = this._env.asset2Url + "/File/Download/" + this.data.assetId;
         this.getAssetDetail();
     };
@@ -3934,13 +3951,13 @@ var AssetDialogComponent = /** @class */ (function () {
         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/>');
@@ -4048,6 +4065,7 @@ var AssetDialogComponent = /** @class */ (function () {
         { type: MatDialogRef },
         { type: FileSizePipe },
         { type: UploadAssetsService },
+        { type: AssetService },
         { type: FileService },
         { type: DomSanitizer },
         { type: AssetManagementService }
@@ -4111,7 +4129,9 @@ if (false) {
      */
     AssetDialogComponent.prototype.fileSize;
     /** @type {?} */
-    AssetDialogComponent.prototype.assetService;
+    AssetDialogComponent.prototype.uploadAssetsService;
+    /** @type {?} */
+    AssetDialogComponent.prototype.assetsService;
     /**
      * @type {?}
      * @private
@@ -4251,7 +4271,7 @@ var AssetItemComponent = /** @class */ (function () {
         { 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 */
@@ -5627,6 +5647,7 @@ var NodeDetailsComponent = /** @class */ (function () {
             data: {
                 currentAssetId: this.currentFolder.AssetId,
                 fileType: this.assetService.dialogConfig.allowedType,
+                maxSize: this.assetService.maxSize
             },
             panelClass: 'lib-dialog--medium',
         });