@uploadcare/file-uploader 1.15.0-alpha.2 → 1.15.0-alpha.20

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

@@ -1,8 +1,6 @@
 export class Modal extends Block {
     static StateConsumerScope: string;
     init$: {
-        '*modalActive': boolean;
-        isOpen: boolean;
         closeClicked: () => void;
     };
     _handleBackdropClick: () => void;
@@ -16,6 +14,27 @@ export class Modal extends Block {
     _handleDialogMouseUp: (e: Event) => void;
     show(): void;
     hide(): void;
+    /**
+     * @private
+     * @type {import('../../abstract/ModalManager.js').ModalCb}
+     */
+    private _handleModalOpen;
+    /**
+     * @private
+     * @type {import('../../abstract/ModalManager.js').ModalCb}
+     */
+    private _handleModalClose;
+    /** @private */
+    private _handleModalCloseAll;
+    handleModalOpen: ((data: {
+        id: import("../../abstract/ModalManager.js").ModalId;
+        modal: import("../../abstract/ModalManager.js").ModalNode;
+    }) => void) | undefined;
+    handleModalClose: ((data: {
+        id: import("../../abstract/ModalManager.js").ModalId;
+        modal: import("../../abstract/ModalManager.js").ModalNode;
+    }) => void) | undefined;
+    handleModalCloseAll: (() => void) | undefined;
 }
 export namespace Modal {
     let template: string;

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;;;;MAKC;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;CA8CF;;;;sBAhHqB,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/Modal/Modal.js

@@ -10,8 +10,6 @@ export class Modal extends Block {
     super();
     this.init$ = {
       ...this.init$,
-      '*modalActive': false,
-      isOpen: false,
       closeClicked: this._handleDialogClose,
     };
   }
@@ -67,6 +65,33 @@ export class Modal extends Block {
     }
   }
 
+  /**
+   * @private
+   * @type {import('../../abstract/ModalManager.js').ModalCb}
+   */
+  _handleModalOpen({ id }) {
+    if (id === this.id) {
+      this.show();
+    } else {
+      this.hide();
+    }
+  }
+
+  /**
+   * @private
+   * @type {import('../../abstract/ModalManager.js').ModalCb}
+   */
+  _handleModalClose({ id }) {
+    if (id === this.id) {
+      this.hide();
+    }
+  }
+
+  /** @private */
+  _handleModalCloseAll() {
+    this.hide();
+  }
+
   initCallback() {
     super.initCallback();
 
@@ -84,23 +109,13 @@ export class Modal extends Block {
       }
     });
 
-    this.modalManager.subscribe(ModalEvents.OPEN, (/** @type {{ id: string }} */ { id }) => {
-      if (id === this.id) {
-        this.show();
-      } else {
-        this.hide();
-      }
-    });
-
-    this.modalManager.subscribe(ModalEvents.CLOSE, (/** @type {{ id: string }} */ { id }) => {
-      if (id === this.id) {
-        this.hide();
-      }
-    });
+    this.handleModalOpen = this._handleModalOpen.bind(this);
+    this.handleModalClose = this._handleModalClose.bind(this);
+    this.handleModalCloseAll = this._handleModalCloseAll.bind(this);
 
-    this.modalManager.subscribe(ModalEvents.CLOSE_ALL, ({}) => {
-      this.hide();
-    });
+    this.modalManager.subscribe(ModalEvents.OPEN, this.handleModalOpen);
+    this.modalManager.subscribe(ModalEvents.CLOSE, this.handleModalClose);
+    this.modalManager.subscribe(ModalEvents.CLOSE_ALL, this.handleModalCloseAll);
   }
 
   destroyCallback() {
@@ -110,6 +125,10 @@ export class Modal extends Block {
     this.ref.dialog.removeEventListener('close', this._handleDialogClose);
     this.ref.dialog.removeEventListener('mousedown', this._handleDialogMouseDown);
     this.ref.dialog.removeEventListener('mouseup', this._handleDialogMouseUp);
+
+    this.modalManager.unsubscribe(ModalEvents.OPEN, this.handleModalOpen);
+    this.modalManager.unsubscribe(ModalEvents.CLOSE, this.handleModalClose);
+    this.modalManager.unsubscribe(ModalEvents.CLOSE_ALL, this.handleModalCloseAll);
   }
 }
 

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,16 +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/SimpleBtn/SimpleBtn.js

@@ -1,6 +1,6 @@
 // @ts-check
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
-import { asBoolean } from '../Config/normalizeConfigValue.js';
+import { asBoolean } from '../Config/validatorsType.js';
 
 export class SimpleBtn extends UploaderBlock {
   static styleAttrs = [...super.styleAttrs, 'uc-simple-btn'];

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

@@ -0,0 +1,51 @@
+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;
+        uid: string;
+        '*commonProgress': number;
+        '*uploadList': never[];
+        '*uploadQueue': import("@uploadcare/upload-client").Queue;
+        '*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;
+        '*currentActivity': null;
+        '*currentActivityParams': {};
+        '*history': never[];
+        '*historyBack': null;
+        '*closeModal': () => void;
+    };
+    _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 { FileItemConfig } from '../FileItem/FileItemConfig.js';
+//# sourceMappingURL=Thumb.d.ts.map

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

@@ -0,0 +1 @@
+{"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,2BA+CG;IAEH;;MAA4E;IAE5E;;;OAGG;IACH,0BAaC;IAOD;;;OAGG;IACH,uBA6BC;IA8BC,4CAAuG;CAY1G;;;;+BAxM8B,+BAA+B"}