@uploadcare/file-uploader 1.15.0-alpha.12 → 1.15.0-alpha.13

package/blocks/FileItem/FileItem.js

@@ -1,12 +1,9 @@
 // @ts-check
-import { CancelError, uploadFile } from '@uploadcare/upload-client';
 import { shrinkFile } from '@uploadcare/image-shrink';
+import { CancelError, UploadcareError, uploadFile } from '@uploadcare/upload-client';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
-import { createCdnUrl, createCdnUrlModifiers, createOriginalUrl } from '../../utils/cdn-utils.js';
-import { fileCssBg } from '../svg-backgrounds/svg-backgrounds.js';
 import { debounce } from '../utils/debounce.js';
-import { generateThumb } from '../utils/resizeImage.js';
 import { parseShrink } from '../../utils/parseShrink.js';
 import { UploadSource } from '../utils/UploadSource.js';
 import { throttle } from '../utils/throttle.js';
@@ -26,16 +23,34 @@ export class FileItem extends UploaderBlock {
   _entrySubs = new Set();
   /**
    * @private
-   * @type {any} TODO: Add types for upload entry
+   * @type {import('../../abstract/uploadEntrySchema.js').UploadEntryTypedData | null}
    */
   _entry = null;
 
-  /** @private */
-  _debouncedCalculateState = debounce(this._calculateState.bind(this), 100);
-
   /** @private */
   _renderedOnce = false;
 
+  /**
+   * @private
+   * @template {any[]} A
+   * @template {(entry: import('../../abstract/uploadEntrySchema.js').UploadEntryTypedData, ...args: A) => any} T
+   * @param {T} fn
+   * @returns {(...args: A) => ReturnType<T>}
+   */
+  _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;
+  }
+
   constructor() {
     super();
 
@@ -57,13 +72,13 @@ export class FileItem extends UploaderBlock {
       showFileNames: false,
       state: FileItemState.IDLE,
       ariaLabelStatusFile: '',
-      onEdit: () => {
+      onEdit: this._withEntry((entry) => {
         this.$['*currentActivityParams'] = {
-          internalId: this._entry.uid,
+          internalId: entry.uid,
         };
         this.modalManager.open(ActivityBlock.activities.CLOUD_IMG_EDIT);
         this.$['*currentActivity'] = ActivityBlock.activities.CLOUD_IMG_EDIT;
-      },
+      }),
       onRemove: () => {
         this.uploadCollection.remove(this.$.uid);
       },
@@ -100,11 +115,7 @@ export class FileItem extends UploaderBlock {
   }
 
   /** @private */
-  _calculateState() {
-    if (!this._entry) {
-      return;
-    }
-    let entry = this._entry;
+  _calculateState = this._withEntry((entry) => {
     let state = FileItemState.IDLE;
 
     if (entry.getValue('errors').length > 0) {
@@ -116,81 +127,50 @@ export class FileItem extends UploaderBlock {
     }
 
     this.$.state = state;
-  }
+  });
 
   /** @private */
-  async _generateThumbnail() {
-    if (!this._entry) {
-      return;
-    }
-    let entry = this._entry;
-
-    if (entry.getValue('fileInfo') && entry.getValue('isImage')) {
-      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(
-          createOriginalUrl(this.cfg.cdnCname, this._entry.getValue('uuid')),
-          createCdnUrlModifiers(entry.getValue('cdnUrlModifiers'), `scale_crop/${size}x${size}/center`),
-        ),
-      );
-      let currentThumbUrl = entry.getValue('thumbUrl');
-      if (currentThumbUrl !== thumbUrl) {
-        entry.setValue('thumbUrl', thumbUrl);
-        currentThumbUrl?.startsWith('blob:') && URL.revokeObjectURL(currentThumbUrl);
-      }
-      return;
-    }
-
-    if (entry.getValue('file')?.type.includes('image')) {
-      try {
-        let thumbUrl = await generateThumb(entry.getValue('file'), this.cfg.thumbSize);
-        entry.setValue('thumbUrl', thumbUrl);
-      } catch (err) {
-        let color = window.getComputedStyle(this).getPropertyValue('--uc-muted-foreground');
-        entry.setValue('thumbUrl', fileCssBg(color));
-      }
-    } else {
-      let color = window.getComputedStyle(this).getPropertyValue('--uc-muted-foreground');
-      entry.setValue('thumbUrl', fileCssBg(color));
-    }
-  }
+  _debouncedCalculateState = debounce(this._calculateState.bind(this), 100);
 
   /**
-   * @private
-   * @param {string} prop
-   * @param {(value: any) => void} handler
+   * @template {import('../../abstract/uploadEntrySchema.js').UploadEntryKeys} K
+   * @param {K} prop_
+   * @param {(value: import('../../abstract/uploadEntrySchema.js').UploadEntryData[K]) => void} handler_
    */
-  _subEntry(prop, handler) {
-    let sub = this._entry.subscribe(
-      prop,
-      /** @param {any} value */ (value) => {
-        if (this.isConnected) {
-          handler(value);
-        }
+  _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);
       },
-    );
-    this._entrySubs.add(sub);
-  }
+    )(prop_, handler_);
 
-  _updateHint = throttle(() => {
-    const showHint =
-      this.$.state === FileItemState.UPLOADING &&
-      this._entry.getValue('externalUrl') &&
-      this._entry.getValue('source') !== UploadSource.URL &&
-      this._entry.getValue('errors').length === 0 &&
-      this.$.progressValue === 0;
+  _updateHint = this._withEntry(
+    throttle((entry) => {
+      const source = entry.getValue('source');
+      const showHint =
+        this.$.state === FileItemState.UPLOADING &&
+        entry.getValue('externalUrl') &&
+        source &&
+        source !== UploadSource.URL &&
+        entry.getValue('errors').length === 0 &&
+        this.$.progressValue === 0;
 
-    const hint = showHint
-      ? this.l10n('waiting-for', { source: this.l10n(`src-type-${this._entry.getValue('source')}`) })
-      : '';
+      const hint = showHint ? this.l10n('waiting-for', { source: this.l10n(`src-type-${source}`) }) : '';
 
-    this.$.hint = hint;
-  }, 100);
+      this.$.hint = hint;
+    }, 100),
+  );
 
   /**
    * @private
@@ -199,7 +179,6 @@ export class FileItem extends UploaderBlock {
   _handleEntryId(id) {
     this._reset();
 
-    /** @type {import('../../abstract/TypedData.js').TypedData} */
     let entry = this.uploadCollection?.read(id);
     this._entry = entry;
 
@@ -278,7 +257,7 @@ export class FileItem extends UploaderBlock {
       '*uploadTrigger',
       /** @param {Set<string>} itemsToUpload */
       (itemsToUpload) => {
-        if (!itemsToUpload.has(this._entry.uid)) {
+        if (this._entry && !itemsToUpload.has(this._entry.uid)) {
           return;
         }
         setTimeout(() => this.isConnected && this.upload());
@@ -287,33 +266,38 @@ export class FileItem extends UploaderBlock {
     FileItem.activeInstances.add(this);
   }
 
-  /** @param {(typeof FileItemState)[keyof typeof FileItemState]} state */
-  _handleState(state) {
-    if (state === FileItemState.FAILED) {
-      this.$.badgeIcon = 'badge-error';
-    } else if (state === FileItemState.FINISHED) {
-      this.$.badgeIcon = 'badge-success';
-    }
-
-    if (state === FileItemState.UPLOADING) {
-      this.$.isFocused = false;
-    }
+  _handleState = this._withEntry(
+    /** @param {(typeof FileItemState)[keyof typeof FileItemState]} state */
+    (entry, state) => {
+      if (state === FileItemState.FAILED) {
+        this.$.badgeIcon = 'badge-error';
+      } else if (state === FileItemState.FINISHED) {
+        this.$.badgeIcon = 'badge-success';
+      }
 
-    this.set$({
-      isFailed: state === FileItemState.FAILED,
-      isUploading: state === FileItemState.UPLOADING,
-      isFinished: state === FileItemState.FINISHED,
-      progressVisible: state === FileItemState.UPLOADING,
-      isEditable: this.cfg.useCloudImageEditor && this._entry?.getValue('isImage') && this._entry?.getValue('cdnUrl'),
-      errorText: this._entry.getValue('errors')?.[0]?.message,
-      ariaLabelStatusFile: this.l10n('a11y-file-item-status', {
-        fileName: this._entry?.getValue('fileName'),
-        status: this.l10n(state?.description?.toLocaleLowerCase() ?? '').toLocaleLowerCase(),
-      }),
-    });
+      if (state === FileItemState.UPLOADING) {
+        this.$.isFocused = false;
+      }
+      const fileName = entry.getValue('fileName');
+
+      this.set$({
+        isFailed: state === FileItemState.FAILED,
+        isUploading: state === FileItemState.UPLOADING,
+        isFinished: state === FileItemState.FINISHED,
+        progressVisible: state === FileItemState.UPLOADING,
+        isEditable: this.cfg.useCloudImageEditor && this._entry?.getValue('isImage') && this._entry?.getValue('cdnUrl'),
+        errorText: entry.getValue('errors')?.[0]?.message,
+        ariaLabelStatusFile:
+          fileName &&
+          this.l10n('a11y-file-item-status', {
+            fileName,
+            status: this.l10n(state?.description?.toLocaleLowerCase() ?? '').toLocaleLowerCase(),
+          }),
+      });
 
-    this._updateHint();
-  }
+      this._updateHint();
+    },
+  );
 
   destroyCallback() {
     super.destroyCallback();
@@ -351,9 +335,7 @@ export class FileItem extends UploaderBlock {
     return shrinkFile(file, this._settingsOfShrink());
   }
 
-  async upload() {
-    let entry = this._entry;
-
+  upload = this._withEntry(async (entry) => {
     if (!this.uploadCollection.read(entry.uid)) {
       return;
     }
@@ -367,26 +349,33 @@ export class FileItem extends UploaderBlock {
     }
 
     this._debouncedCalculateState();
-    entry.setValue('isUploading', true);
-    entry.setValue('errors', []);
+
+    entry.setMultipleValues({
+      isUploading: true,
+      errors: [],
+    });
 
     try {
       let abortController = new AbortController();
       entry.setValue('abortController', abortController);
 
       const uploadTask = async () => {
+        /** @type {Blob | File | null} */
         let file = entry.getValue('file');
         if (file && this.cfg.imageShrink) {
-          file = await this._processShrink(file).catch(() => file);
+          file = await this._processShrink(/** @type {File} */ (file)).catch(() => file);
         }
 
         const fileInput = file || entry.getValue('externalUrl') || entry.getValue('uuid');
+        if (!fileInput) {
+          throw new Error('No file input');
+        }
         const baseUploadClientOptions = await this.getUploadClientOptions();
         /** @type {import('@uploadcare/upload-client').FileFromOptions} */
         const uploadClientOptions = {
           ...baseUploadClientOptions,
-          fileName: entry.getValue('fileName'),
-          source: entry.getValue('source'),
+          fileName: entry.getValue('fileName') ?? undefined,
+          source: entry.getValue('source') ?? undefined,
           onProgress: (progress) => {
             if (progress.isComputable) {
               let percentage = progress.value * 100;
@@ -407,7 +396,7 @@ export class FileItem extends UploaderBlock {
         isUploading: false,
         fileName: fileInfo.originalFilename,
         fileSize: fileInfo.size,
-        isImage: fileInfo.isImage,
+        isImage: fileInfo.isImage ?? false,
         mimeType: fileInfo.contentInfo?.mime?.mime ?? fileInfo.mimeType,
         uuid: fileInfo.uuid,
         cdnUrl: entry.getValue('cdnUrl') ?? fileInfo.cdnUrl,
@@ -425,19 +414,29 @@ export class FileItem extends UploaderBlock {
           isUploading: false,
           uploadProgress: 0,
         });
-      } else {
+      } else if (cause instanceof UploadcareError) {
         entry.setMultipleValues({
           isUploading: false,
           uploadProgress: 0,
           uploadError: cause,
         });
+      } else {
+        console.error('Unknown upload error', cause);
+        entry.setMultipleValues({
+          isUploading: false,
+          uploadProgress: 0,
+          // TODO: Add translation?
+          uploadError: new Error('Something went wrong', {
+            cause,
+          }),
+        });
       }
 
       if (entry === this._entry) {
         this._debouncedCalculateState();
       }
     }
-  }
+  });
 }
 
 FileItem.template = /* HTML */ `
@@ -472,7 +471,7 @@ FileItem.template = /* HTML */ `
     </div>
     <uc-progress-bar
       class="uc-progress-bar"
-      set="value: progressValue; visible: progressVisible; @hasFileName: showFileNames"
+      set="value: progressValue; visible: progressVisible; @hasFileName: showFileNames;"
     >
     </uc-progress-bar>
   </div>

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);
@@ -216,19 +228,30 @@ uc-file-item[mode='grid'] .uc-progress-bar {
   left: var(--uc-padding);
   right: var(--uc-padding);
   border-radius: var(--uc-radius);
-  background-color: var(--uc-background);
   z-index: 1;
+  transition: background-color 0.3s;
+  background-color: transparent;
 }
 
-uc-file-item[mode='grid'] .uc-progress-bar.uc-progress-bar--hidden {
-  opacity: 0;
+uc-file-item[mode='grid'] .uc-progress-bar:not(:has(.uc-progress--hidden, .uc-fake-progress--hidden)) {
+  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 .uc-progress {
+  z-index: 3;
 }
 
-uc-file-item[mode='grid'] .uc-progress-bar .uc-progress {
+uc-file-item[mode='grid'] .uc-progress-bar .uc-fake-progress {
+  z-index: 2;
+}
+
+uc-file-item[mode='grid']
+  .uc-progress-bar
+  :is(.uc-fake-progress:not(.uc-fake-progress--hidden), .uc-progress:not(.uc-progress--hidden)) {
   background-color: var(--uc-primary);
   opacity: 0.7;
 }
+
+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;CAgDH;;;;sBA7DqB,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;CA4CJ;;;;sBA9DqB,yBAAyB"}