@uploadcare/file-uploader 1.15.0-alpha.9 → 1.16.0

package/blocks/FileItem/FileItemConfig.js

@@ -0,0 +1,74 @@
+//@ts-check
+
+import { UploaderBlock } from '../../abstract/UploaderBlock.js';
+
+export class FileItemConfig extends UploaderBlock {
+  /** @protected */
+  _entrySubs = new Set();
+
+  /**
+   * @type {import('../../abstract/uploadEntrySchema.js').UploadEntryTypedData | null}
+   * @protected
+   */
+  _entry = null;
+
+  /**
+   * @template {any[]} A
+   * @template {(entry: import('../../abstract/uploadEntrySchema.js').UploadEntryTypedData, ...args: A) => any} T
+   * @param {T} fn
+   * @returns {(...args: A) => ReturnType<T>}
+   * @protected
+   */
+  _withEntry(fn) {
+    const wrapperFn = /** @type {(...args: A) => ReturnType<T>} */ (
+      (...args) => {
+        const entry = this._entry;
+        if (!entry) {
+          console.warn('No entry found');
+          return;
+        }
+        return fn(entry, ...args);
+      }
+    );
+    return wrapperFn;
+  }
+
+  /**
+   * @template {import('../../abstract/uploadEntrySchema.js').UploadEntryKeys} K
+   * @param {K} prop_
+   * @param {(value: import('../../abstract/uploadEntrySchema.js').UploadEntryData[K]) => void} handler_
+   * @protected
+   */
+  _subEntry = (prop_, handler_) =>
+    this._withEntry(
+      /**
+       * @template {import('../../abstract/uploadEntrySchema.js').UploadEntryKeys} K
+       * @param {import('../../abstract/uploadEntrySchema.js').UploadEntryTypedData} entry
+       * @param {K} prop
+       * @param {(value: import('../../abstract/uploadEntrySchema.js').UploadEntryData[K]) => void} handler
+       */
+      (entry, prop, handler) => {
+        let sub = entry.subscribe(prop, (value) => {
+          if (this.isConnected) {
+            handler(value);
+          }
+        });
+        this._entrySubs.add(sub);
+      },
+    )(prop_, handler_);
+
+  /** @protected */
+  _reset() {
+    for (let sub of this._entrySubs) {
+      sub.remove();
+    }
+
+    this._entrySubs = new Set();
+    this._entry = null;
+  }
+
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._entrySubs = new Set();
+  }
+}

package/blocks/FileItem/file-item.css

@@ -74,6 +74,7 @@ uc-file-item .uc-file-error {
   display: none;
   color: var(--uc-destructive-foreground);
   font-size: 0.85em;
+  z-index: 2;
 }
 
 uc-file-item button.uc-remove-btn,
@@ -193,6 +194,17 @@ uc-file-item[mode='grid'] .uc-file-error {
   padding: calc(var(--uc-padding) / 2) var(--uc-padding);
 }
 
+uc-file-item[mode='grid'] .uc-file-hint {
+  position: absolute;
+  background-color: var(--uc-background);
+  border-radius: var(--uc-radius);
+  color: var(--uc-foreground);
+  bottom: calc(var(--uc-padding) * 2);
+  left: var(--uc-padding);
+  right: var(--uc-padding);
+  padding: calc(var(--uc-padding) / 2) var(--uc-padding);
+}
+
 uc-file-item[mode='grid'] .uc-file-actions {
   position: absolute;
   top: var(--uc-padding);
@@ -210,19 +222,22 @@ uc-file-item[mode='grid'] button:hover {
 uc-file-item[mode='grid'] .uc-progress-bar {
   width: initial;
   height: 4px !important;
-  opacity: 1;
   top: initial !important;
   bottom: var(--uc-padding);
   left: var(--uc-padding);
   right: var(--uc-padding);
+  border-radius: var(--uc-radius);
   z-index: 1;
+  transition:
+    background-color 0.3s,
+    opacity 0.3s;
+  background-color: var(--uc-background);
 }
 
-uc-file-item[mode='grid'] .uc-progress-bar[hasfilename] {
-  bottom: calc(var(--uc-padding) + var(--uc-font-size));
+uc-file-item[mode='grid'] .uc-progress-bar :is(.uc-fake-progress, .uc-progress) {
+  background-color: var(--uc-primary);
 }
 
-uc-file-item[mode='grid'] .uc-progress-bar .uc-progress {
-  background-color: rgba(255, 255, 255, 80%) !important;
-  width: 100% !important;
+uc-file-item[mode='grid'] .uc-progress-bar[hasfilename] {
+  bottom: calc(var(--uc-padding) + var(--uc-font-size));
 }

package/blocks/Img/ImgBase.d.ts

@@ -12,14 +12,14 @@ export class ImgBase extends ImgConfig {
      * @param {String} [size]
      * @returns {String | Number}
      */
-    _validateSize(size?: string | undefined): string | number;
+    _validateSize(size?: string): string | number;
     /**
      * Image operations
      *
      * @param {String} [size]
      * @param {String} [blur]
      */
-    _getCdnModifiers(size?: string | undefined, blur?: string | undefined): string;
+    _getCdnModifiers(size?: string, blur?: string): string;
     /**
      * @private
      * @param {String} [size]
@@ -38,7 +38,7 @@ export class ImgBase extends ImgConfig {
      * @param {Number} [k]
      * @param {Boolean} [wOnly]
      */
-    _getElSize(el: HTMLElement, k?: number | undefined, wOnly?: boolean | undefined): string | null;
+    _getElSize(el: HTMLElement, k?: number, wOnly?: boolean): string | null;
     /** @param {HTMLImageElement} img */
     _setupEventProxy(img: HTMLImageElement): void;
     /** @type {HTMLImageElement} */

package/blocks/Img/ImgBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImgBase.d.ts","sourceRoot":"","sources":["ImgBase.js"],"names":[],"mappings":"AAgBA;IACE,uBAAmB;IACnB,8BAA0B;IAE1B;;;OAGG;IACH,gBAMC;IAED;;;;;OAKG;IACH,0CAFa,eAAe,CAoB3B;IAED;;;;;OAKG;IACH,+EAWC;IAED;;;;;OAKG;IACH,oBA6DC;IAED;;;;OAIG;IACH,kBAUC;IAED;;;;OAIG;IACH,eAJW,WAAW,sEAcrB;IAED,oCAAoC;IACpC,sBADY,gBAAgB,QAY3B;IAED,+BAA+B;IAC/B,4BAMC;IAED;;;;;;MAUC;IAED,2BAEC;IAED,sBAEC;IAED,mCAOC;IAED,4BAEC;IAED,8BAA8B;IAC9B,aADY,WAAW,QAgBtB;IAED,oBAsBC;IAED,cAEC;IAED,yBAEC;IAED,yBAUC;IAED;;;;aAQC;IAED;;aAGC;IAED;;;;qBAqBC;IAED,6BA8DC;IAED,aAMC;CACF;0BAlZyB,gBAAgB"}
+{"version":3,"file":"ImgBase.d.ts","sourceRoot":"","sources":["ImgBase.js"],"names":[],"mappings":"AAgBA;IACE,uBAAmB;IACnB,8BAA0B;IAE1B;;;OAGG;IACH,gBAMC;IAED;;;;;OAKG;IACH,8BAFa,eAAe,CAoB3B;IAED;;;;;OAKG;IACH,uDAWC;IAED;;;;;OAKG;IACH,oBA6DC;IAED;;;;OAIG;IACH,kBAUC;IAED;;;;OAIG;IACH,eAJW,WAAW,8CAcrB;IAED,oCAAoC;IACpC,sBADY,gBAAgB,QAY3B;IAED,+BAA+B;IAC/B,WADW,gBAAgB,CAO1B;IAED;;;;;;MAUC;IAED,2BAEC;IAED,sBAEC;IAED,mCAOC;IAED,4BAEC;IAED,8BAA8B;IAC9B,aADY,WAAW,QAgBtB;IAED,oBAsBC;IAED,cAEC;IAED,yBAEC;IAED,yBAUC;IAED;;;;aAQC;IAED;;aAGC;IAED;;;;qBAqBC;IAED,6BA8DC;IAED,aAMC;CACF;0BAlZyB,gBAAgB"}

package/blocks/Img/ImgBase.js

@@ -103,8 +103,8 @@ export class ImgBase extends ImgConfig {
         createCdnUrl(
           //
           createOriginalUrl(this.$$('cdn-cname'), this.$$('uuid')),
-          cdnModifiers
-        )
+          cdnModifiers,
+        ),
       );
     }
 
@@ -114,8 +114,8 @@ export class ImgBase extends ImgConfig {
         createCdnUrl(
           //
           createOriginalUrl(this.$$('cdn-cname'), this.$$('uuid')),
-          cdnModifiers
-        )
+          cdnModifiers,
+        ),
       );
     }
 
@@ -126,8 +126,8 @@ export class ImgBase extends ImgConfig {
           //
           this.$$('proxy-cname'),
           cdnModifiers,
-          this._fmtAbs(this.$$('src'))
-        )
+          this._fmtAbs(this.$$('src')),
+        ),
       );
     }
 
@@ -138,8 +138,8 @@ export class ImgBase extends ImgConfig {
           //
           `https://${this.$$('pubkey')}.ucr.io/`,
           cdnModifiers,
-          this._fmtAbs(this.$$('src'))
-        )
+          this._fmtAbs(this.$$('src')),
+        ),
       );
     }
   }
@@ -157,7 +157,7 @@ export class ImgBase extends ImgConfig {
     return applyTemplateData(
       this.$$('secure-delivery-proxy'),
       { previewUrl: url },
-      { transform: (value) => window.encodeURIComponent(value) }
+      { transform: (value) => window.encodeURIComponent(value) },
     );
   }
 

package/blocks/Img/ImgConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImgConfig.d.ts","sourceRoot":"","sources":["ImgConfig.js"],"names":[],"mappings":"AAUA;IAkFE,0CAEC;IAlDgD,cACjD;IAlCA,cAAqB;IAErB;;;OAGG;IACH,iBAFa,GAAG,CAIf;IAED,qDAAqD;IACrD,wBAIC;IAED;;;OAGG;IACH,+BAFiB,GAAG,KAAK,IAAI,QAW5B;IAED,0BAEC;IAED,8BAMC;IAED;;;OAGG;IACH,qBAHW,WAAW,SACX,MAAM,IAAI,QAsBpB;IAfC,eAAe;IACf,qBAOQ;IAGN,eAAe;IACf,kBAA0B;IAoB9B,oEAIC;CACF;8BArGmC,sBAAsB"}
+{"version":3,"file":"ImgConfig.d.ts","sourceRoot":"","sources":["ImgConfig.js"],"names":[],"mappings":"AAUA;IAkFE,0CAEC;;IAnFD,cAAqB;IAErB;;;OAGG;IACH,iBAFa,GAAG,CAIf;IAED,qDAAqD;IACrD,wBAIC;IAED;;;OAGG;IACH,yBAFW,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,QAW5B;IAED,0BAEC;IAED,8BAMC;IAED;;;OAGG;IACH,qBAHW,WAAW,SACX,MAAM,IAAI,QAsBpB;IAfC,eAAe;IACf,qBAOQ;IAGN,eAAe;IACf,kBAA0B;IAoB9B,oEAIC;CACF;8BArGmC,sBAAsB"}

package/blocks/Img/configurations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"configurations.d.ts","sourceRoot":"","sources":["configurations.js"],"names":[],"mappings":"AAAA,mCAAoC;AACpC,2CAA4C;AAC5C,yBAA0B;AAC1B,4BAA6B;AAC7B,+BACuH;AAEvH,6BAA8B;AAC9B,iCAAkC;AAElC;;;GAGG"}
+{"version":3,"file":"configurations.d.ts","sourceRoot":"","sources":["configurations.js"],"names":[],"mappings":"AAAA,uBAAwB,WAAW,CAAC;AACpC,8BAA+B,YAAY,CAAC;AAC5C,uBAAwB,CAAC,CAAC;AAC1B,0BAA2B,CAAC,CAAC;AAC7B,+BACuH;AAEvH,wBAAyB,IAAI,CAAC;AAC9B,4BAA6B,IAAI,CAAC;AAElC;;;GAGG"}

package/blocks/Modal/Modal.d.ts

@@ -27,12 +27,12 @@ export class Modal extends Block {
     /** @private */
     private _handleModalCloseAll;
     handleModalOpen: ((data: {
-        id: string;
-        modal?: Modal | undefined;
+        id: import("../../abstract/ModalManager.js").ModalId;
+        modal: import("../../abstract/ModalManager.js").ModalNode;
     }) => void) | undefined;
     handleModalClose: ((data: {
-        id: string;
-        modal?: Modal | undefined;
+        id: import("../../abstract/ModalManager.js").ModalId;
+        modal: import("../../abstract/ModalManager.js").ModalNode;
     }) => void) | undefined;
     handleModalCloseAll: (() => void) | undefined;
 }

package/blocks/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["Modal.js"],"names":[],"mappings":"AAIA;IAEE,kCAAoC;IAIlC;;MAGC;IAGH,iCAEE;IAEF,yBAME;IAEF,+BAEE;IAEF,uBAAuB;IACvB,4BADY,KAAK,UAIf;IAFA,eAAe;IACf,yBAAgC;IAGlC,uBAAuB;IACvB,0BADY,KAAK,UAKf;IAEF,aAWC;IAED,aAOC;IAED;;;OAGG;IACH,yBAMC;IAED;;;OAGG;IACH,0BAIC;IAED,eAAe;IACf,6BAEC;IAmBC;;;4BAAuD;IACvD;;;4BAAyD;IACzD,8CAA+D;CAmBlE;;;;sBAnIqB,yBAAyB"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["Modal.js"],"names":[],"mappings":"AAIA;IAEE,kCAAoC;IAIlC;;MAGC;IAGH,iCAEE;IAEF,yBAME;IAEF,+BAEE;IAEF,uBAAuB;IACvB,yBAA0B,GADd,KACe,UAGzB;IAFA,eAAe;IACf,yBAAgC;IAGlC,uBAAuB;IACvB,uBAAwB,GADZ,KACa,UAIvB;IAEF,aAWC;IAED,aAOC;IAED;;;OAGG;IACH,yBAMC;IAED;;;OAGG;IACH,0BAIC;IAED,eAAe;IACf,6BAEC;IAmBC;;;4BAAuD;IACvD;;;4BAAyD;IACzD,8CAA+D;CAmBlE;;;;sBAnIqB,yBAAyB"}

package/blocks/ProgressBar/ProgressBar.d.ts

@@ -1,9 +1,14 @@
 export class ProgressBar extends Block {
     /** @type {Number} */
     _value: number;
+    /** @type {Number} */
+    _prevValue: number;
     /** @type {Boolean} */
     _visible: boolean;
-    init$: any;
+    init$: {
+        width: number;
+        opacity: number;
+    };
 }
 export namespace ProgressBar {
     let template: string;

package/blocks/ProgressBar/ProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["ProgressBar.js"],"names":[],"mappings":"AAEA;IACE,qBAAqB;IACrB,eAAW;IAEX,sBAAsB;IACtB,kBAAgB;IAEhB,WAIE;CA8CH;;;;sBA3DqB,yBAAyB"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["ProgressBar.js"],"names":[],"mappings":"AAGA;IACE,qBAAqB;IACrB,eAAW;IAEX,qBAAqB;IACrB,mBAAe;IAEf,sBAAsB;IACtB,kBAAgB;IAId;;;MAIC;CAqCJ;;;;sBAvDqB,yBAAyB"}

package/blocks/ProgressBar/ProgressBar.js

@@ -1,61 +1,58 @@
+// @ts-check
 import { Block } from '../../abstract/Block.js';
 
 export class ProgressBar extends Block {
   /** @type {Number} */
   _value = 0;
 
+  /** @type {Number} */
+  _prevValue = 0;
+
   /** @type {Boolean} */
   _visible = true;
 
-  init$ = {
-    ...this.init$,
-    width: 0,
-    opacity: 0,
-  };
+  constructor() {
+    super();
+    this.init$ = {
+      ...this.init$,
+      width: 0,
+      opacity: 0,
+    };
+  }
 
   initCallback() {
     super.initCallback();
-    this.defineAccessor('value', (value) => {
-      if (value === undefined || value === null) return;
-      const prevValue = this._value;
-      this._value = value;
-      if (!this._visible) return;
-      if (value === 100) {
-        this.ref.realProgressLine.addEventListener(
-          'transitionend',
-          () => {
-            this.ref.realProgressLine.classList.toggle('uc-progress--hidden', true);
-          },
-          {
-            once: true,
-          },
-        );
-      }
-
-      this.ref.fakeProgressLine.classList.toggle('uc-fake-progress--hidden', value !== 0);
-
-      if (value === 0 && prevValue > 0) {
-        this.ref.realProgressLine.addEventListener(
-          'transitionend',
-          () => {
-            this.style.setProperty('--l-progress-value', this._value.toString());
-          },
-          {
-            once: true,
-          },
-        );
+    const handleFakeProgressAnimation = () => {
+      const fakeProgressLine = this.ref.fakeProgressLine;
+      if (!this._visible) {
+        fakeProgressLine.classList.add('uc-fake-progress--hidden');
         return;
       }
-
-      this.style.setProperty('--l-progress-value', this._value.toString());
-    });
-
-    this.defineAccessor('visible', (visible) => {
-      this._visible = visible;
-
-      this.ref.realProgressLine.classList.toggle('uc-progress--hidden', !visible);
-      this.ref.fakeProgressLine.classList.toggle('uc-fake-progress--hidden', !visible);
-    });
+      if (this._value > 0) {
+        fakeProgressLine.classList.add('uc-fake-progress--hidden');
+      }
+    };
+
+    this.ref.fakeProgressLine.addEventListener('animationiteration', handleFakeProgressAnimation);
+
+    this.defineAccessor(
+      'value',
+      /** @param {number} value */ (value) => {
+        if (value === undefined || value === null) return;
+        this._prevValue = this._value;
+        this._value = value;
+        if (!this._visible) return;
+        this.style.setProperty('--l-progress-value', this._value.toString());
+      },
+    );
+
+    this.defineAccessor(
+      'visible',
+      /** @param {boolean} visible */ (visible) => {
+        this._visible = visible;
+        this.classList.toggle('uc-progress-bar--hidden', !visible);
+      },
+    );
   }
 }
 

package/blocks/ProgressBar/progress-bar.css

@@ -9,6 +9,12 @@ uc-progress-bar {
   height: 100%;
   overflow: hidden;
   pointer-events: none;
+  transition: opacity 0.3s;
+  opacity: 1;
+}
+
+uc-progress-bar.uc-progress-bar--hidden {
+  opacity: 0;
 }
 
 uc-progress-bar .uc-progress {
@@ -36,17 +42,13 @@ uc-progress-bar .uc-fake-progress {
   background-color: var(--uc-primary);
   animation: fake-progress-animation 1s ease-in-out infinite;
   opacity: 1;
-  transition:
-    opacity 0.3s,
-    display 1s;
-  /* stylelint-disable-next-line property-no-unknown */
-  transition-behavior: allow-discrete;
+  transition: opacity 0.3s;
   z-index: 1;
 }
 
 uc-progress-bar .uc-fake-progress--hidden {
   opacity: 0;
-  display: none;
+  animation: none;
 }
 
 @keyframes fake-progress-animation {

package/blocks/Range/Range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["Range.js"],"names":[],"mappings":"AAEA;IAqC0C,cAAgB;IApCxD;;;;;MAUE;IAIA,+BAA+B;IAC/B,qCAA4B;CAe/B;;;;8BAjC6B,sBAAsB"}
+{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["Range.js"],"names":[],"mappings":"AAEA;;IACE;;;;;MAUE;IAIA,+BAA+B;IAC/B,qCAA4B;CAe/B;;;;8BAjC6B,sBAAsB"}

package/blocks/SimpleBtn/SimpleBtn.d.ts

@@ -6,8 +6,8 @@ export class SimpleBtn extends UploaderBlock {
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': any[];
-        '*collectionState': import("../../index.js").OutputCollectionState<import("../../index.js").OutputCollectionStatus, "maybe-has-group"> | null;
+        '*collectionErrors': ReturnType<import("../../index.js").OutputErrorCollection>[];
+        '*collectionState': import("../../index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;

package/blocks/SimpleBtn/SimpleBtn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleBtn.d.ts","sourceRoot":"","sources":["SimpleBtn.js"],"names":[],"mappings":"AAIA;IAMI;;;;;;;;;;;;;;;;;MAOC;CAoBJ;;;;8BApC6B,iCAAiC"}
+{"version":3,"file":"SimpleBtn.d.ts","sourceRoot":"","sources":["SimpleBtn.js"],"names":[],"mappings":"AAIA;IAMI;;;;;;;+CAmBI,gBACH;mCAGgB,gBAAU;6BAE3B,2BAIO;;wCAGD,wCAA2B;;;;;;MAzBhC;CAoBJ;;;;8BApC6B,iCAAiC"}

package/blocks/SourceBtn/SourceBtn.d.ts

@@ -22,11 +22,8 @@ export class SourceBtn extends UploaderBlock {
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': any[]; /**
-         * @private
-         * @type {Record<string, TConfig>}
-         */
-        '*collectionState': import("../../index.js").OutputCollectionState<import("../../index.js").OutputCollectionStatus, "maybe-has-group"> | null;
+        '*collectionErrors': ReturnType<import("../../index.js" /** @type {string | undefined} */).OutputErrorCollection>[];
+        '*collectionState': import("../../index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;

package/blocks/SourceBtn/SourceBtn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SourceBtn.d.ts","sourceRoot":"","sources":["SourceBtn.js"],"names":[],"mappings":"AASA;;;;;;;;;GASG;AAEH;IAEE,iCAAiC;IACjC,MADW,MAAM,GAAG,SAAS,CACZ;IACjB;;;OAGG;IACH,yBAAsB;IAKpB;;;;;;oCATF;;;WAGG;;;;;;;;;;MAUA;IAGH,kBA2DC;IAkBD,kCAAkC;IAClC,yBADY,OAAO,QAGlB;IAED,2BAA2B;IAC3B,cADY,MAAM,WAGjB;IAED,iBAgBC;IAED,2BAA2B;IAC3B,gBADY,MAAM,QAcjB;CACF;;;;sBAtJY;IACZ,IAAQ,EAAE,MAAM,CAAC;IACjB,QAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAY,CAAC,EAAE,MAAM,OAAO,CAAC;IAC7B,cAAkB,CAAC,EAAE,OAAO,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;8BAhB0B,iCAAiC"}
+{"version":3,"file":"SourceBtn.d.ts","sourceRoot":"","sources":["SourceBtn.js"],"names":[],"mappings":"AASA;;;;;;;;;GASG;AAEH;IAEE,iCAAiC;IACjC,MADW,MAAM,GAAG,SAAS,CACZ;IACjB;;;OAGG;IACH,yBAAsB;IAKpB;;;;;;+CAZc,gBACjB,CAAC,iCAAiC;mCAIhC,gBAAU;6BAKJ,2BAGN;;wCAQS,wCACL;;;;;;MANF;IAGH,kBA2DC;IAkBD,kCAAkC;IAClC,yBADY,OAAO,QAGlB;IAED,2BAA2B;IAC3B,cADY,MAAM,WAGjB;IAED,iBAgBC;IAED,2BAA2B;IAC3B,gBADY,MAAM,QAcjB;CACF;;;;sBAtJY;IACR,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;8BAf0B,iCAAiC"}

package/blocks/SourceBtn/SourceBtn.js

@@ -1,9 +1,9 @@
 // @ts-check
-import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
-import { ExternalUploadSource, UploadSource, UploadSourceMobile } from '../utils/UploadSource.js';
+import { UploaderBlock } from '../../abstract/UploaderBlock.js';
+import { browserFeatures } from '../../utils/browser-info.js';
 import { CameraSourceTypes } from '../CameraSource/constants.js';
-import { isSupportCapture } from '../utils/supportCapture.js';
+import { ExternalUploadSource, UploadSource, UploadSourceMobile } from '../utils/UploadSource.js';
 
 const L10N_PREFIX = 'src-type-';
 
@@ -55,7 +55,7 @@ export class SourceBtn extends UploaderBlock {
       type: UploadSource.CAMERA,
       activity: ActivityBlock.activities.CAMERA,
       activate: () => {
-        const supportsCapture = isSupportCapture();
+        const supportsCapture = browserFeatures.htmlMediaCapture;
 
         if (supportsCapture) {
           this.api.openSystemDialog({ captureCamera: true });
@@ -75,7 +75,7 @@ export class SourceBtn extends UploaderBlock {
         type: mobileSourceType,
         activity: ActivityBlock.activities.CAMERA,
         activate: () => {
-          const supportsCapture = isSupportCapture();
+          const supportsCapture = browserFeatures.htmlMediaCapture;
           if (supportsCapture) {
             this.api.openSystemDialog({
               captureCamera: true,

package/blocks/SourceList/SourceList.js

@@ -1,8 +1,8 @@
 // @ts-check
 import { Block } from '../../abstract/Block.js';
+import { browserFeatures } from '../../utils/browser-info.js';
 import { stringToArray } from '../../utils/stringToArray.js';
 import { deserializeCsv } from '../utils/comma-separated.js';
-import { isSupportCapture } from '../utils/supportCapture.js';
 
 export class SourceList extends Block {
   initCallback() {
@@ -22,7 +22,7 @@ export class SourceList extends Block {
           return;
         }
 
-        if (srcName === 'camera' && isSupportCapture()) {
+        if (srcName === 'camera' && browserFeatures.htmlMediaCapture) {
           this.subConfigValue('cameraModes', (/** @type {String} */ val) => {
             const cameraModes = deserializeCsv(val);
 

package/blocks/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["Spinner.js"],"names":[],"mappings":"AAEA;IAGq5B,cAAgB;CAHx3B;;;;8BAFf,sBAAsB"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["Spinner.js"],"names":[],"mappings":"AAEA;;CAA6C;;;;8BAFf,sBAAsB"}

package/blocks/Thumb/Thumb.d.ts

@@ -1,4 +1,13 @@
-export class Thumb extends UploaderBlock {
+export class Thumb extends FileItemConfig {
+    /** @private */
+    private _renderedGridOnce;
+    /**
+     * @private
+     * @type {IntersectionObserverEntry['boundingClientRect'] | null}
+     */
+    private _thumbRect;
+    _isIntersecting: boolean;
+    _firstViewMode: import("../UploadList/UploadList.js").FilesViewMode;
     init$: {
         thumbUrl: string;
         badgeIcon: string;
@@ -6,8 +15,8 @@ export class Thumb extends UploaderBlock {
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': any[];
-        '*collectionState': import("../../index.js").OutputCollectionState<import("../../index.js").OutputCollectionStatus, "maybe-has-group"> | null;
+        '*collectionErrors': ReturnType<import("../../index.js").OutputErrorCollection>[];
+        '*collectionState': import("../../index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
@@ -17,10 +26,26 @@ export class Thumb extends UploaderBlock {
         '*historyBack': null;
         '*closeModal': () => void;
     };
-    _observer: any;
+    _calculateThumbSize(force?: boolean): number;
+    /** @private */
+    private _generateThumbnail;
+    _debouncedGenerateThumb: ((...args: any[]) => Promise<void>) & {
+        cancel: () => void;
+    };
+    /**
+     * @private
+     * @param {IntersectionObserverEntry[]} entries
+     */
+    private _observerCallback;
+    /**
+     * @private
+     * @param {String} id
+     */
+    private _handleEntryId;
+    _observer: IntersectionObserver | undefined;
 }
 export namespace Thumb {
     let template: string;
 }
-import { UploaderBlock } from '../../abstract/UploaderBlock.js';
+import { FileItemConfig } from '../FileItem/FileItemConfig.js';
 //# sourceMappingURL=Thumb.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["Thumb.js"],"names":[],"mappings":"AAIA;IAII;;;;;;;;;;;;;;;;;MAKC;IAeD,eASC;CAUJ;;;;8BA7C6B,iCAAiC"}
+{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["Thumb.js"],"names":[],"mappings":"AAUA;IACE,eAAe;IACf,0BAA0B;IAE1B;;;OAGG;IACH,mBAAkB;IAElB,yBAAwB;IAExB,oEAAwC;IAKtC;;;;;;;+CAPc,gBAElB;mCAKI,gBAAQ;6BAKR,2BAGU;;wCAMR,wCAAwB;;;;;;MATzB;IAGH,6CAgBC;IAED,eAAe;IACf,2BA4DG;IAEH;;MAA4E;IAE5E;;;OAGG;IACH,0BAaC;IAOD;;;OAGG;IACH,uBA6BC;IA8BC,4CAAuG;CAY1G;;;;+BArN8B,+BAA+B"}