@uploadcare/file-uploader 1.15.0-alpha.6 → 1.15.0-alpha.8

package/blocks/FileItem/FileItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["FileItem.js"],"names":[],"mappings":"AAoBA;IAIE,eAAe;IACf,mBAAuB;IACvB;;;OAGG;IACH,eAAc;IACd,eAAe;IACf,wBAAwB;IACxB,eAAe;IACf,gCAA4E;IAC5E,eAAe;IACf,iCAA0E;IAE1E,eAAe;IACf,sBAAsB;IAKpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+BC;IAGH,eASC;IAED;;;OAGG;IACH,0BAcC;IAXC,wCAA0C;IAa5C,eAAe;IACf,wBAgBC;IAED,eAAe;IACf,2BAuCC;IAED;;;;OAIG;IACH,kBAUC;IAED;;MAaQ;IAER;;;OAGG;IACH,uBAmDC;IA+CD,wEAAwE;IACxE,oBADY,CAAC,oBAAoB,CAAC,CAAC,MAAM,oBAAoB,CAAC,QA0B7D;IAaC,eAAe;IACf,kBAEE;IAWJ;;;MAEC;IAED;;;OAGG;IACH,uBAEC;IAED,wBAsFC;CACF;;;;;8BApc6B,iCAAiC;AAS/D;;;;;GAKG"}
+{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["FileItem.js"],"names":[],"mappings":"AAoBA;IAIE,eAAe;IACf,mBAAuB;IACvB;;;OAGG;IACH,eAAc;IACd,eAAe;IACf,wBAAwB;IACxB,eAAe;IACf,gCAA4E;IAC5E,eAAe;IACf,iCAA0E;IAE1E,eAAe;IACf,sBAAsB;IAKpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA+BC;IAGH,eASC;IAED;;;OAGG;IACH,0BAeC;IAXC,wCAA0C;IAa5C,eAAe;IACf,wBAgBC;IAED,eAAe;IACf,2BAuCC;IAED;;;;OAIG;IACH,kBAUC;IAED;;MAaQ;IAER;;;OAGG;IACH,uBAmDC;IA+CD,wEAAwE;IACxE,oBADY,CAAC,oBAAoB,CAAC,CAAC,MAAM,oBAAoB,CAAC,QA0B7D;IAaC,eAAe;IACf,kBAEE;IAWJ;;;MAEC;IAED;;;OAGG;IACH,uBAEC;IAED,wBAsFC;CACF;;;;;8BArc6B,iCAAiC;AAS/D;;;;;GAKG"}

package/blocks/FileItem/FileItem.js

@@ -93,6 +93,7 @@ export class FileItem extends UploaderBlock {
    */
   _observerCallback(entries) {
     let [entry] = entries;
+
     this._isIntersecting = entry.isIntersecting;
     this._thumbRect = entry.boundingClientRect;
 
@@ -134,7 +135,11 @@ export class FileItem extends UploaderBlock {
     let entry = this._entry;
 
     if (entry.getValue('fileInfo') && entry.getValue('isImage')) {
-      let size = this.cfg.thumbSize;
+      let size = Math.max(
+        parseInt(String(this?._thumbRect?.height || 0)),
+        parseInt(String(this?._thumbRect?.width || 0)),
+        this.cfg.thumbSize,
+      );
 
       let thumbUrl = await this.proxyUrl(
         createCdnUrl(
@@ -150,10 +155,6 @@ export class FileItem extends UploaderBlock {
       return;
     }
 
-    if (entry.getValue('thumbUrl')) {
-      return;
-    }
-
     if (entry.getValue('file')?.type.includes('image')) {
       try {
         let thumbUrl = await generateThumb(entry.getValue('file'), this.cfg.thumbSize);

package/blocks/Thumb/Thumb.d.ts

@@ -2,6 +2,7 @@ export class Thumb extends UploaderBlock {
     init$: {
         thumbUrl: string;
         badgeIcon: string;
+        uid: string;
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;

package/blocks/Thumb/Thumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["Thumb.js"],"names":[],"mappings":"AAIA;IAII;;;;;;;;;;;;;;;;MAIC;CAeJ;;;;8BAzB6B,iCAAiC"}
+{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["Thumb.js"],"names":[],"mappings":"AAIA;IAII;;;;;;;;;;;;;;;;;MAKC;CAeJ;;;;8BA1B6B,iCAAiC"}

package/blocks/Thumb/Thumb.js

@@ -10,6 +10,7 @@ export class Thumb extends UploaderBlock {
       ...this.init$,
       thumbUrl: '',
       badgeIcon: '',
+      uid: '',
     };
   }
 
@@ -42,4 +43,6 @@ Thumb.bindAttributes({
   thumbUrl: null,
   // @ts-expect-error TODO: fix types inside symbiote
   badgeIcon: null,
+  // @ts-expect-error TODO: fix types inside symbiote
+  id: null,
 });

package/index.ssr.js

@@ -1299,7 +1299,7 @@ export const Thumb = class {
     </div>
   </slot>
 `;
-  static observedAttributes = ["thumbUrl", "badgeIcon"];
+  static observedAttributes = ["thumbUrl", "badgeIcon", "id"];
   static extSrcList = {
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.15.0-alpha.6",
+  "version": "1.15.0-alpha.8",
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",

package/solutions/file-uploader/minimal/FileUploaderMinimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderMinimal.d.ts","sourceRoot":"","sources":["FileUploaderMinimal.js"],"names":[],"mappings":"AAQA;IAMI;;;;;;;;;;;;;;;;;;MAMC;CA0FJ;;;;8BA5G6B,oCAAoC"}
+{"version":3,"file":"FileUploaderMinimal.d.ts","sourceRoot":"","sources":["FileUploaderMinimal.js"],"names":[],"mappings":"AAQA;IAMI;;;;;;;;;;;;;;;;;;MAMC;CA+FJ;;;;8BAjH6B,oCAAoC"}

package/solutions/file-uploader/minimal/FileUploaderMinimal.js

@@ -58,16 +58,21 @@ export class FileUploaderMinimal extends SolutionBlock {
 
     this.subConfigValue('filesViewMode', (mode) => {
       this.setAttribute('mode', mode);
-    });
 
-    this.subConfigValue('multiple', (multiple) => {
-      if (multiple) {
-        this.style.removeProperty('--uc-grid-col');
-      } else {
-        this.style.setProperty('--uc-grid-col', '1');
-      }
-
-      this.$.singleUpload = !multiple;
+      this.subConfigValue('multiple', (multiple) => {
+        if (mode === 'grid') {
+          if (multiple) {
+            this.style.removeProperty('--uc-grid-col');
+          } else {
+            this.style.setProperty('--uc-grid-col', '1');
+          }
+
+          this.$.singleUpload = !multiple;
+        } else {
+          this.style.removeProperty('--uc-grid-col');
+          this.$.singleUpload = false;
+        }
+      });
     });
 
     this.modalManager.subscribe(ModalEvents.OPEN, () => {