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

package/blocks/Thumb/Thumb.js

@@ -1,8 +1,27 @@
 //@ts-check
 
-import { UploaderBlock } from '../../abstract/UploaderBlock.js';
+import { createCdnUrl, createCdnUrlModifiers, createOriginalUrl } from '../../utils/cdn-utils.js';
+import { preloadImage } from '../utils/preloadImage.js';
+import { FileItemConfig } from '../FileItem/FileItemConfig.js';
+import { fileCssBg } from '../svg-backgrounds/svg-backgrounds.js';
+import { debounce } from '../utils/debounce.js';
+import { generateThumb } from '../utils/resizeImage.js';
+
+const CDN_MAX_OUTPUT_DIMENSION = 3000;
+export class Thumb extends FileItemConfig {
+  /** @private */
+  _renderedGridOnce = false;
+
+  /**
+   * @private
+   * @type {IntersectionObserverEntry['boundingClientRect'] | null}
+   */
+  _thumbRect = null;
+
+  _isIntersecting = false;
+
+  _firstViewMode = this.cfg.filesViewMode;
 
-export class Thumb extends UploaderBlock {
   constructor() {
     super();
 
@@ -14,35 +33,201 @@ export class Thumb extends UploaderBlock {
     };
   }
 
+  _calculateThumbSize(force = false) {
+    if (force) {
+      this._thumbRect = this.getBoundingClientRect();
+    }
+
+    let size = Math.max(
+      parseInt(String(this?._thumbRect?.height || 0)),
+      parseInt(String(this?._thumbRect?.width || 0)),
+      this.cfg.thumbSize,
+    );
+
+    if (window.devicePixelRatio > 1) {
+      size *= window.devicePixelRatio;
+    }
+
+    return Math.min(size, CDN_MAX_OUTPUT_DIMENSION);
+  }
+
+  /** @private */
+  _generateThumbnail = this._withEntry(async (entry, force = false) => {
+    const fileInfo = entry.getValue('fileInfo');
+    const isImage = entry.getValue('isImage');
+    const uuid = entry.getValue('uuid');
+    const currentThumbUrl = entry.getValue('thumbUrl');
+
+    let size = this._calculateThumbSize(force);
+
+    if (fileInfo && isImage && uuid) {
+      let thumbUrl = await this.proxyUrl(
+        createCdnUrl(
+          createOriginalUrl(this.cfg.cdnCname, uuid),
+          createCdnUrlModifiers(entry.getValue('cdnUrlModifiers'), `stretch/off`, `scale_crop/${size}x${size}/center`),
+        ),
+      );
+
+      if (currentThumbUrl === thumbUrl) {
+        return;
+      }
+
+      const { promise } = preloadImage(thumbUrl);
+
+      promise
+        .then(() => {
+          entry.setValue('thumbUrl', thumbUrl);
+          currentThumbUrl?.startsWith('blob:') && URL.revokeObjectURL(currentThumbUrl);
+        })
+        .catch(async () => {
+          if (currentThumbUrl?.startsWith('blob:')) return;
+          try {
+            const file = entry.getValue('file');
+            if (!file) return;
+            const blobThumbUrl = await generateThumb(file, size);
+            entry.setValue('thumbUrl', blobThumbUrl);
+          } catch (err) {
+            const color = window.getComputedStyle(this).getPropertyValue('--uc-muted-foreground');
+            entry.setValue('thumbUrl', fileCssBg(color));
+          }
+        });
+
+      return;
+    }
+
+    if (entry.getValue('thumbUrl')) {
+      return;
+    }
+
+    const file = entry.getValue('file');
+    if (file?.type.includes('image')) {
+      try {
+        let thumbUrl = await generateThumb(file, size);
+        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));
+    }
+  });
+
+  _debouncedGenerateThumb = debounce(this._generateThumbnail.bind(this), 100);
+
+  /**
+   * @private
+   * @param {IntersectionObserverEntry[]} entries
+   */
+  _observerCallback(entries) {
+    const [entry] = entries;
+    this._isIntersecting = entry.isIntersecting;
+
+    if (entry.isIntersecting) {
+      this._thumbRect = entry.boundingClientRect;
+      this._debouncedGenerateThumb();
+      this._observer?.disconnect();
+    }
+
+    if (entry.intersectionRatio === 0) {
+      this._debouncedGenerateThumb.cancel();
+    }
+  }
+
+  _reset() {
+    super._reset();
+    this._debouncedGenerateThumb.cancel();
+  }
+
+  /**
+   * @private
+   * @param {String} id
+   */
+  _handleEntryId(id) {
+    this._reset();
+
+    let entry = this.uploadCollection?.read(id);
+    this._entry = entry;
+
+    if (!entry) {
+      return;
+    }
+
+    this._subEntry('fileInfo', (fileInfo) => {
+      if (fileInfo?.isImage && this._isIntersecting) {
+        this._debouncedGenerateThumb();
+      }
+    });
+
+    this._subEntry('thumbUrl', (thumbUrl) => {
+      this.$.thumbUrl = thumbUrl ? `url(${thumbUrl})` : '';
+    });
+
+    this._subEntry('cdnUrlModifiers', () => {
+      if (this._isIntersecting) {
+        this._debouncedGenerateThumb();
+      }
+    });
+
+    if (this._isIntersecting) {
+      this._debouncedGenerateThumb();
+    }
+  }
+
   initCallback() {
     super.initCallback();
 
-    this.defineAccessor('thumbUrl', (/** @type {string} */ val) => (this.$.thumbUrl = val));
     this.defineAccessor('badgeIcon', (/** @type {string} */ val) => (this.$.badgeIcon = val));
 
+    this.defineAccessor('uid', (/** @type {string} */ value) => {
+      this.set$({ uid: value });
+    });
+
+    this.sub('uid', (uid) => {
+      this._handleEntryId(uid);
+    });
+
+    this.subConfigValue('filesViewMode', (viewMode) => {
+      if (viewMode === 'grid' && !this._renderedGridOnce) {
+        if (this._firstViewMode === 'list') {
+          this._debouncedGenerateThumb(true);
+        }
+        this._renderedGridOnce = true;
+      }
+    });
+
     this.setAttribute('role', 'img');
   }
 
   connectedCallback() {
     super.connectedCallback();
+
+    this._observer = new window.IntersectionObserver(this._observerCallback.bind(this), { threshold: 0.1 });
+
+    this._observer.observe(this);
+  }
+
+  disconnectedCallback() {
+    super.disconnectedCallback();
+
+    this._entrySubs = new Set();
+    this._debouncedGenerateThumb.cancel();
+    this._observer?.disconnect();
   }
 }
 
 Thumb.template = /* html */ `
-  <slot>
-    <div class="uc-thumb" set="style.backgroundImage: thumbUrl">
-      <div class="uc-badge">
-        <uc-icon set="@name: badgeIcon"></uc-icon>
-      </div>
+  <div class="uc-thumb" set="style.backgroundImage: thumbUrl">
+    <div class="uc-badge">
+      <uc-icon set="@name: badgeIcon"></uc-icon>
     </div>
-  </slot>
+  </div>
 `;
 
 Thumb.bindAttributes({
-  // @ts-expect-error TODO: fix types inside symbiote
-  thumbUrl: null,
   // @ts-expect-error TODO: fix types inside symbiote
   badgeIcon: null,
   // @ts-expect-error TODO: fix types inside symbiote
-  id: null,
+  uid: null,
 });

package/blocks/UploadCtxProvider/EventEmitter.d.ts

@@ -61,9 +61,9 @@ export class EventEmitter {
      */
     private _debugPrint;
     /** @param {import('../../abstract/Block.js').Block} target */
-    bindTarget(target: import('../../abstract/Block.js').Block): void;
+    bindTarget(target: import("../../abstract/Block.js").Block): void;
     /** @param {import('../../abstract/Block.js').Block} target */
-    unbindTarget(target: import('../../abstract/Block.js').Block): void;
+    unbindTarget(target: import("../../abstract/Block.js").Block): void;
     /**
      * @private
      * @template {(typeof EventType)[keyof typeof EventType]} T
@@ -78,30 +78,30 @@ export class EventEmitter {
      * @param {TDebounce extends false | undefined ? unknown : () => unknown} [payload]
      * @param {{ debounce?: TDebounce }} [options]
      */
-    emit<T extends "change" | "file-added" | "file-removed" | "file-upload-start" | "file-upload-progress" | "file-upload-success" | "file-upload-failed" | "file-url-changed" | "modal-open" | "modal-close" | "done-click" | "upload-click" | "activity-change" | "common-upload-start" | "common-upload-progress" | "common-upload-success" | "common-upload-failed" | "group-created", TDebounce extends number | boolean | undefined>(type: T, payload?: (TDebounce extends false | undefined ? unknown : () => unknown) | undefined, { debounce }?: {
-        debounce?: TDebounce | undefined;
-    } | undefined): void;
+    emit<T extends (typeof EventType)[keyof typeof EventType], TDebounce extends boolean | number | undefined>(type: T, payload?: TDebounce extends false | undefined ? unknown : () => unknown, { debounce }?: {
+        debounce?: TDebounce;
+    }): void;
 }
 export type EventPayload = {
-    [EventType.FILE_ADDED]: import('../../index.js').OutputFileEntry<'idle'>;
-    [EventType.FILE_REMOVED]: import('../../index.js').OutputFileEntry<'removed'>;
-    [EventType.FILE_UPLOAD_START]: import('../../index.js').OutputFileEntry<'uploading'>;
-    [EventType.FILE_UPLOAD_PROGRESS]: import('../../index.js').OutputFileEntry<'uploading'>;
-    [EventType.FILE_UPLOAD_SUCCESS]: import('../../index.js').OutputFileEntry<'success'>;
-    [EventType.FILE_UPLOAD_FAILED]: import('../../index.js').OutputFileEntry<'failed'>;
-    [EventType.FILE_URL_CHANGED]: import('../../index.js').OutputFileEntry<'success'>;
+    [EventType.FILE_ADDED]: import("../../index.js").OutputFileEntry<"idle">;
+    [EventType.FILE_REMOVED]: import("../../index.js").OutputFileEntry<"removed">;
+    [EventType.FILE_UPLOAD_START]: import("../../index.js").OutputFileEntry<"uploading">;
+    [EventType.FILE_UPLOAD_PROGRESS]: import("../../index.js").OutputFileEntry<"uploading">;
+    [EventType.FILE_UPLOAD_SUCCESS]: import("../../index.js").OutputFileEntry<"success">;
+    [EventType.FILE_UPLOAD_FAILED]: import("../../index.js").OutputFileEntry<"failed">;
+    [EventType.FILE_URL_CHANGED]: import("../../index.js").OutputFileEntry<"success">;
     [EventType.MODAL_OPEN]: void;
     [EventType.MODAL_CLOSE]: void;
     [EventType.ACTIVITY_CHANGE]: {
-        activity: import('../../abstract/ActivityBlock.js').ActivityType;
+        activity: import("../../abstract/ActivityBlock.js").ActivityType;
     };
     [EventType.UPLOAD_CLICK]: void;
-    [EventType.DONE_CLICK]: import('../../index.js').OutputCollectionState;
-    [EventType.COMMON_UPLOAD_START]: import('../../index.js').OutputCollectionState<'uploading'>;
-    [EventType.COMMON_UPLOAD_PROGRESS]: import('../../index.js').OutputCollectionState<'uploading'>;
-    [EventType.COMMON_UPLOAD_SUCCESS]: import('../../index.js').OutputCollectionState<'success'>;
-    [EventType.COMMON_UPLOAD_FAILED]: import('../../index.js').OutputCollectionState<'failed'>;
-    [EventType.CHANGE]: import('../../index.js').OutputCollectionState;
-    [EventType.GROUP_CREATED]: import('../../index.js').OutputCollectionState<'success', 'has-group'>;
+    [EventType.DONE_CLICK]: import("../../index.js").OutputCollectionState;
+    [EventType.COMMON_UPLOAD_START]: import("../../index.js").OutputCollectionState<"uploading">;
+    [EventType.COMMON_UPLOAD_PROGRESS]: import("../../index.js").OutputCollectionState<"uploading">;
+    [EventType.COMMON_UPLOAD_SUCCESS]: import("../../index.js").OutputCollectionState<"success">;
+    [EventType.COMMON_UPLOAD_FAILED]: import("../../index.js").OutputCollectionState<"failed">;
+    [EventType.CHANGE]: import("../../index.js").OutputCollectionState;
+    [EventType.GROUP_CREATED]: import("../../index.js").OutputCollectionState<"success", "has-group">;
 };
 //# sourceMappingURL=EventEmitter.d.ts.map

package/blocks/UploadCtxProvider/EventEmitter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventEmitter.d.ts","sourceRoot":"","sources":["EventEmitter.js"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAsBG;AAEH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH;IAmBE,uDAAuD;IACvD,kCADsB,OAAO,EAAE,KAAK,IAAI,EAGvC;IArBD;;;OAGG;IACH,sBAA0B;IAE1B;;;OAGG;IACH,iBAAqB;IAErB;;;OAGG;IACH,oBAAmB;IAOnB,8DAA8D;IAC9D,mBADY,OAAO,yBAAyB,EAAE,KAAK,QAGlD;IAED,8DAA8D;IAC9D,qBADY,OAAO,yBAAyB,EAAE,KAAK,QAGlD;IAED;;;;;OAKG;IACH,kBAaC;IAED;;;;;;OAMG;IACH,ifAHiE,OAAO;;yBAkBvE;CACF;2BAtGY;IACZ,CAAK,UAAU,UAAU,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC7E,CAAK,UAAU,YAAY,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAClF,CAAK,UAAU,iBAAiB,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzF,CAAK,UAAU,oBAAoB,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC5F,CAAK,UAAU,mBAAmB,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACzF,CAAK,UAAU,kBAAkB,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvF,CAAK,UAAU,gBAAgB,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACtF,CAAK,UAAU,UAAU,CAAC,EAAE,IAAI,CAAC;IACjC,CAAK,UAAU,WAAW,CAAC,EAAE,IAAI,CAAC;IAClC,CAAK,UAAU,eAAe,CAAC,EAAE;QACjC,QAAc,EAAE,OAAO,iCAAiC,EAAE,YAAY,CAAC;KAClE,CAAC;IACN,CAAK,UAAU,YAAY,CAAC,EAAE,IAAI,CAAC;IACnC,CAAK,UAAU,UAAU,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC;IAC3E,CAAK,UAAU,mBAAmB,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAC;IACjG,CAAK,UAAU,sBAAsB,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAC;IACpG,CAAK,UAAU,qBAAqB,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;IACjG,CAAK,UAAU,oBAAoB,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC/F,CAAK,UAAU,MAAM,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC;IACvE,CAAK,UAAU,aAAa,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;CACnG"}
+{"version":3,"file":"EventEmitter.d.ts","sourceRoot":"","sources":["EventEmitter.js"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAsBG;AAEH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH;IAmBE,uDAAuD;IACvD,wBADY,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAGvC;IArBD;;;OAGG;IACH,sBAA0B;IAE1B;;;OAGG;IACH,iBAAqB;IAErB;;;OAGG;IACH,oBAAmB;IAOnB,8DAA8D;IAC9D,mBADY,OAAO,yBAAyB,EAAE,KAAK,QAGlD;IAED,8DAA8D;IAC9D,qBADY,OAAO,yBAAyB,EAAE,KAAK,QAGlD;IAED;;;;;OAKG;IACH,kBAaC;IAED;;;;;;OAMG;IACH,KAN0D,CAAC,SAA9C,CAAE,OAAO,SAAS,EAAE,MAAM,OAAO,SAAS,CAAE,EACb,SAAS,SAAvC,OAAO,GAAG,MAAM,GAAG,SAAU,QAChC,CAAC,YACD,SAAS,SAAS,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,OAAO,iBAC7D;QAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;KAAE,QAiBlC;CACF;2BAtGY;IACZ,CAAK,SAAS,CAAC,UAAU,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC7E,CAAK,SAAS,CAAC,YAAY,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAClF,CAAK,SAAS,CAAC,iBAAiB,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzF,CAAK,SAAS,CAAC,oBAAoB,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC5F,CAAK,SAAS,CAAC,mBAAmB,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACzF,CAAK,SAAS,CAAC,kBAAkB,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvF,CAAK,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,gBAAgB,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACtF,CAAK,SAAS,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC;IACjC,CAAK,SAAS,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC;IAClC,CAAK,SAAS,CAAC,eAAe,CAAC,EAAE;QAC3B,QAAQ,EAAE,OAAO,iCAAiC,EAAE,YAAY,CAAC;KAClE,CAAC;IACN,CAAK,SAAS,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC;IACnC,CAAK,SAAS,CAAC,UAAU,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC;IAC3E,CAAK,SAAS,CAAC,mBAAmB,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAC;IACjG,CAAK,SAAS,CAAC,sBAAsB,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAC;IACpG,CAAK,SAAS,CAAC,qBAAqB,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;IACjG,CAAK,SAAS,CAAC,oBAAoB,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC/F,CAAK,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC;IACvE,CAAK,SAAS,CAAC,aAAa,CAAC,EAAE,OAAO,gBAAgB,EAAE,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;CACnG"}

package/blocks/UploadCtxProvider/UploadCtxProvider.d.ts

@@ -1,7 +1,7 @@
-export type UploadCtxProvider = (new () => {
-    addEventListener<T extends "change" | "file-added" | "file-removed" | "file-upload-start" | "file-upload-progress" | "file-upload-success" | "file-upload-failed" | "file-url-changed" | "modal-open" | "modal-close" | "done-click" | "upload-click" | "activity-change" | "common-upload-start" | "common-upload-progress" | "common-upload-success" | "common-upload-failed" | "group-created">(type: T, listener: (e: CustomEvent<import("./EventEmitter.js").EventPayload[T]>) => void, options?: boolean | AddEventListenerOptions): void;
-    removeEventListener<T_1 extends "change" | "file-added" | "file-removed" | "file-upload-start" | "file-upload-progress" | "file-upload-success" | "file-upload-failed" | "file-url-changed" | "modal-open" | "modal-close" | "done-click" | "upload-click" | "activity-change" | "common-upload-start" | "common-upload-progress" | "common-upload-success" | "common-upload-failed" | "group-created">(type: T_1, listener: (e: CustomEvent<import("./EventEmitter.js").EventPayload[T_1]>) => void, options?: boolean | EventListenerOptions): void;
-} & UploadCtxProviderClass) & Omit<typeof UploadCtxProviderClass, "new">;
+export type UploadCtxProvider = import("../../utils/mixinClass.js").MixinClass<typeof UploadCtxProviderClass, {
+    addEventListener<T extends (typeof import("./EventEmitter.js").EventType)[keyof typeof import("./EventEmitter.js").EventType]>(type: T, listener: (e: CustomEvent<import("./EventEmitter.js").EventPayload[T]>) => void, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<T extends (typeof import("./EventEmitter.js").EventType)[keyof typeof import("./EventEmitter.js").EventType]>(type: T, listener: (e: CustomEvent<import("./EventEmitter.js").EventPayload[T]>) => void, options?: boolean | EventListenerOptions): void;
+}>;
 /**
  * @typedef {import('../../utils/mixinClass.js').MixinClass<
  *   typeof UploadCtxProviderClass,

package/blocks/UploadCtxProvider/UploadCtxProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadCtxProvider.d.ts","sourceRoot":"","sources":["UploadCtxProvider.js"],"names":[],"mappings":";2dA8BoF,IAAI,YACrE,OAAO,GAAG,uBAAuB,GAC1C,IAAI;oeAKsE,IAAI,YACrE,OAAO,GAAG,oBAAoB,GACvC,IAAI;;AAjBd;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,kDAAoH;AAxCpH;CAcC;;;;8BAhB6B,iCAAiC;0BACrC,mBAAmB"}
+{"version":3,"file":"UploadCtxProvider.d.ts","sourceRoot":"","sources":["UploadCtxProvider.js"],"names":[],"mappings":"gCAuBa,OAAO,2BAA2B,EAAE,UAAU,CAC1D,OAAW,sBAAsB,EACjC;IACM,gBAAgB,CACd,CAAC,SAAS,CAAC,cAAc,mBAAmB,EAAE,SAAS,CAAC,CAAC,MAAM,cAAc,mBAAmB,EAAE,SAAS,CAAC,EAE5G,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAC/E,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IACR,mBAAmB,CACjB,CAAC,SAAS,CAAC,cAAc,mBAAmB,EAAE,SAAS,CAAC,CAAC,MAAM,cAAc,mBAAmB,EAAE,SAAS,CAAC,EAE5G,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,OAAO,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAC/E,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;CACT,CACF;AAnBJ;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,gCAA4C,iBAAiB,CAAuD;AAxCpH;CAcC;;;;8BAhB6B,iCAAiC;0BACrC,mBAAmB"}

package/blocks/UploadList/UploadList.d.ts

@@ -25,8 +25,8 @@ export class UploadList extends UploaderBlock {
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': any[];
-        '*collectionState': import("../../types").OutputCollectionState<import("../../types").OutputCollectionStatus, "maybe-has-group"> | null;
+        '*collectionErrors': ReturnType<import("../../types").OutputErrorCollection>[];
+        '*collectionState': import("../../types").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
@@ -49,7 +49,7 @@ export class UploadList extends UploaderBlock {
 export namespace UploadList {
     let template: string;
 }
-export type FilesViewMode = 'grid' | 'list';
+export type FilesViewMode = "grid" | "list";
 export type Summary = {
     total: number;
     succeed: number;

package/blocks/UploadList/UploadList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadList.d.ts","sourceRoot":"","sources":["UploadList.js"],"names":[],"mappings":"AAMA,+CAA+C;AAE/C;;;;;;;GAOG;AAEH;IAKE,4BAAoD;IAKlD;;;;;;;;;;;;;;;;;;;;;;;;;;MA0BC;IAGH,eAAe;IACf,yCASQ;IAER,eAAe;IACf,4BAuCC;IAED;;;OAGG;IACH,uBAmBC;CAwEF;;;;4BAvMa,MAAM,GAAG,MAAM;sBAGhB;IACZ,KAAS,EAAE,MAAM,CAAC;IAClB,OAAW,EAAE,MAAM,CAAC;IACpB,SAAa,EAAE,MAAM,CAAC;IACtB,MAAU,EAAE,MAAM,CAAC;CAChB;8BAZ0B,iCAAiC"}
+{"version":3,"file":"UploadList.d.ts","sourceRoot":"","sources":["UploadList.js"],"names":[],"mappings":"AAMA,+CAA+C;AAE/C;;;;;;;GAOG;AAEH;IAKE,4BAAoD;IAKlD;;;;;;;;;;;;;;;;+CALwC,aAAU;mCAOhD,aAAQ;6BAGN,2BACL;;wCAMK,wCAAwB;;;;;;MAc3B;IAGH,eAAe;IACf,yCASQ;IAER,eAAe;IACf,4BAuCC;IAED;;;OAGG;IACH,uBAmBC;CAwEF;;;;4BAvMa,MAAM,GAAG,MAAM;sBAGhB;IACR,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;8BAZ0B,iCAAiC"}

package/blocks/svg-backgrounds/svg-backgrounds.d.ts

@@ -3,15 +3,15 @@
  * @param {String} [color2]
  * @returns {String}
  */
-export function checkerboardCssBg(color1?: string | undefined, color2?: string | undefined): string;
+export function checkerboardCssBg(color1?: string, color2?: string): string;
 /**
  * @param {String} [color]
  * @returns {String}
  */
-export function strokesCssBg(color?: string | undefined): string;
+export function strokesCssBg(color?: string): string;
 /**
  * @param {String} [color]
  * @returns {String}
  */
-export function fileCssBg(color?: string | undefined, width?: number, height?: number): string;
+export function fileCssBg(color?: string, width?: number, height?: number): string;
 //# sourceMappingURL=svg-backgrounds.d.ts.map

package/blocks/svg-backgrounds/svg-backgrounds.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg-backgrounds.d.ts","sourceRoot":"","sources":["svg-backgrounds.js"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,oGAMC;AAED;;;GAGG;AACH,iEAIC;AAED;;;GAGG;AACH,+FAMC"}
+{"version":3,"file":"svg-backgrounds.d.ts","sourceRoot":"","sources":["svg-backgrounds.js"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,4EAMC;AAED;;;GAGG;AACH,qDAIC;AAED;;;GAGG;AACH,mFAMC"}

package/blocks/themes/uc-basic/svg-sprite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"svg-sprite.d.ts","sourceRoot":"","sources":["svg-sprite.js"],"names":[],"mappings":""}
+{"version":3,"file":"svg-sprite.d.ts","sourceRoot":"","sources":["svg-sprite.js"],"names":[],"mappings":"wBAAe,kztBAAkztB"}

package/blocks/utils/UploadSource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadSource.d.ts","sourceRoot":"","sources":["UploadSource.js"],"names":[],"mappings":"AACA;;;;;;;;;;;GAWG;AAEH;;;GAGG;AAEH;;;;;;;;;;;;;;;;;;;;GAWG;0BAEW,CAAC,mBAAmB,CAAC,CAAC,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"UploadSource.d.ts","sourceRoot":"","sources":["UploadSource.js"],"names":[],"mappings":"AACA;;;;;;;;;;;GAWG;AAEH;;;GAGG;AAEH;;;;;;;;;;;;;;;;;;;;GAWG;0BAEW,CAAC,OAAO,YAAY,EAAE,MAAM,OAAO,YAAY,CAAC"}

package/blocks/utils/debounce.d.ts

@@ -4,7 +4,9 @@
  * @param {number} wait
  * @returns {T & { cancel: () => void }} }
  */
-export function debounce<T extends (...args: any[]) => any>(callback: T, wait: number): T & {
+export function debounce<T extends {
+    (...args: any[]): any;
+}>(callback: T, wait: number): T & {
     cancel: () => void;
 };
 //# sourceMappingURL=debounce.d.ts.map

package/blocks/utils/debounce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["debounce.js"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,6CAL0B,GAAG,EAAE,KAAG,GAAG,qBAE1B,MAAM;YACU,MAAM,IAAI;EAepC"}
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["debounce.js"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,yBALyC,CAAC,SAA7B;IAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAAA;CAAG,YAC7B,CAAC,QACD,MAAM,GACJ,CAAC,GAAG;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,CAetC"}

package/blocks/{CloudImageEditor/src/lib → utils}/preloadImage.js

@@ -1,4 +1,4 @@
-import { TRANSPARENT_PIXEL_SRC } from '../../../../utils/transparentPixelSrc.js';
+import { TRANSPARENT_PIXEL_SRC } from '../../utils/transparentPixelSrc.js';
 
 export function preloadImage(src) {
   let image = new Image();

package/blocks/utils/resizeImage.d.ts

@@ -2,5 +2,5 @@
  * @param {File} imgFile
  * @param {Number} [size]
  */
-export function generateThumb(imgFile: File, size?: number | undefined): string | Promise<any>;
+export function generateThumb(imgFile: File, size?: number): string | Promise<any>;
 //# sourceMappingURL=resizeImage.d.ts.map

package/blocks/utils/resizeImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizeImage.d.ts","sourceRoot":"","sources":["resizeImage.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,uCAHW,IAAI,oDAsCd"}
+{"version":3,"file":"resizeImage.d.ts","sourceRoot":"","sources":["resizeImage.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,uCAHW,IAAI,wCAsCd"}

package/blocks/utils/throttle.d.ts

@@ -1,4 +1,6 @@
-export function throttle<T extends (...args: any[]) => void>(fn: T, wait: number): T & {
+export function throttle<T extends {
+    (...args: any[]): void;
+}>(fn: T, wait: number): T & {
     readonly cancel: () => void;
 };
 //# sourceMappingURL=throttle.d.ts.map

package/blocks/utils/throttle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"throttle.d.ts","sourceRoot":"","sources":["throttle.js"],"names":[],"mappings":"AAQO,6CALmB,GAAG,EAAE,KAAG,IAAI,eAE3B,MAAM;qBACmB,MAAM,IAAI;EAsC7C"}
+{"version":3,"file":"throttle.d.ts","sourceRoot":"","sources":["throttle.js"],"names":[],"mappings":"AAQO,yBALmC,CAAC,SAA9B;IAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;CAAG,MAC9B,CAAC,QACD,MAAM,GACJ,CAAC,GAAG;IAAE,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,CAsC/C"}

package/blocks/utils/userAgent.d.ts

@@ -2,5 +2,5 @@
  * @param {import('@uploadcare/upload-client').CustomUserAgentOptions} options
  * @returns {ReturnType<import('@uploadcare/upload-client').CustomUserAgentFn>}
  */
-export function customUserAgent(options: import('@uploadcare/upload-client').CustomUserAgentOptions): ReturnType<import('@uploadcare/upload-client').CustomUserAgentFn>;
+export function customUserAgent(options: import("@uploadcare/upload-client").CustomUserAgentOptions): ReturnType<import("@uploadcare/upload-client").CustomUserAgentFn>;
 //# sourceMappingURL=userAgent.d.ts.map

package/blocks/utils/userAgent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"userAgent.d.ts","sourceRoot":"","sources":["userAgent.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,yCAHW,OAAO,2BAA2B,EAAE,sBAAsB,GACxD,WAAW,OAAO,2BAA2B,EAAE,iBAAiB,CAAC,CAQ7E"}
+{"version":3,"file":"userAgent.d.ts","sourceRoot":"","sources":["userAgent.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,yCAHW,OAAO,2BAA2B,EAAE,sBAAsB,GACxD,UAAU,CAAC,OAAO,2BAA2B,EAAE,iBAAiB,CAAC,CAQ7E"}

package/env.d.ts

@@ -1,4 +1,4 @@
 /** Do not edit this file manually. It's generated during build process. */
 export const PACKAGE_NAME: "blocks";
-export const PACKAGE_VERSION: "1.14.0";
+export const PACKAGE_VERSION: "1.15.0";
 //# sourceMappingURL=env.d.ts.map

package/env.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["env.js"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,oCAAqC;AACrC,uCAAwC"}
+{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["env.js"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,2BAA4B,QAAQ,CAAC;AACrC,8BAA+B,QAAQ,CAAC"}

package/env.js

@@ -1,3 +1,3 @@
 /** Do not edit this file manually. It's generated during build process. */
 export const PACKAGE_NAME = 'blocks';
-export const PACKAGE_VERSION = '1.14.0';
+export const PACKAGE_VERSION = '1.15.0';

package/index.d.ts

@@ -37,6 +37,7 @@ export { defineComponents } from "./abstract/defineComponents.js";
 export { defineLocale } from "./abstract/localeRegistry.js";
 export { loadFileUploaderFrom } from "./abstract/loadFileUploaderFrom.js";
 export { toKebabCase } from "./utils/toKebabCase.js";
+export { ModalEvents } from "./abstract/ModalManager.js";
 export { BaseComponent, Data, UID } from "@symbiotejs/symbiote";
 export { UploadSource, ExternalUploadSource } from "./blocks/utils/UploadSource.js";
 //# sourceMappingURL=index.d.ts.map

package/index.js

@@ -47,6 +47,7 @@ export { defineLocale } from './abstract/localeRegistry.js';
 export { loadFileUploaderFrom } from './abstract/loadFileUploaderFrom.js';
 export { toKebabCase } from './utils/toKebabCase.js';
 export { UploadSource, ExternalUploadSource } from './blocks/utils/UploadSource.js';
+export { ModalEvents } from './abstract/ModalManager.js';
 
 export * from './env.js';
 

package/index.ssr.d.ts

@@ -541,8 +541,16 @@ export const Modal: {
     is: string;
     bindAttributes: () => void;
 };
+export namespace ModalEvents {
+    let ADD: string;
+    let DELETE: string;
+    let OPEN: string;
+    let CLOSE: string;
+    let CLOSE_ALL: string;
+    let DESTROY: string;
+}
 export const PACKAGE_NAME: "blocks";
-export const PACKAGE_VERSION: "1.14.0";
+export const PACKAGE_VERSION: "1.15.0";
 export const PresenceToggle: {
     new (): {};
     template: string;

package/index.ssr.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.ssr.d.ts","sourceRoot":"","sources":["index.ssr.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;EAcE;AACF;;;;;;;;;;;;;;;EAcE;AACF;;;;;EAIE;AACF;;;;;;EAKE;AACF;;;;;;;;EAgBE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4IE;AACF;;;;;;;;EAuCE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CE;AACF;;;;;;;;EAuCE;AACF;;;;;;;EA4GE;AACF;;;;;;;EAaE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEE;AACF;;;;;;;EAWE;AACF;;;;;;;EAWE;AACF;;;;;;;EASE;AACF;;;;;;EAKE;AACF;;;;;;;EAWE;AACF;;;;;;;EAME;AACF;;;;;;;EAWE;AACF;;;;;;;EA2IE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EE;;;;;;;;;;;;;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqFE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CE;AACF;;;;;;;;EAWE;AACF;;;;;;EAwBE;AACF;;;;;;;EAUE;AACF;;;;;;;;EAWE;AACF,oCAAqC;AACrC,uCAAwC;AACxC;;;;;;;EAME;AACF;;;;;;;EASE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0DE;AACF;;;;;;;EAeE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsDE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDE;AACF;;;;;;;;;;;;EAWE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuGE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EE;AACK,yCAAiC;AACjC,qCAA6B;AAC7B,6CAAqC;AACrC,oCAA4B"}
+{"version":3,"file":"index.ssr.d.ts","sourceRoot":"","sources":["index.ssr.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;EAcE;AACF;;;;;;;;;;;;;;;EAcE;AACF;;;;;EAIE;AACF;;;;;;EAKE;AACF;;;;;;;;EAgBE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4IE;AACF;;;;;;;;EAuCE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CE;AACF;;;;;;;;EAuCE;AACF;;;;;;;EA4GE;AACF;;;;;;;EAaE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEE;AACF;;;;;;;EAWE;AACF;;;;;;;EAWE;AACF;;;;;;;EASE;AACF;;;;;;EAKE;AACF;;;;;;;EAWE;AACF;;;;;;;EAME;AACF;;;;;;;EAWE;AACF;;;;;;;EA2IE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EE;;;;;;;;;;;;;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqFE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CE;AACF;;;;;;;;EAWE;AACF;;;;;;EAwBE;AACF;;;;;;;EAUE;AACF;;;;;;;;EAWE;;;;;;;;;AASF,oCAAqC;AACrC,uCAAwC;AACxC;;;;;;;EAME;AACF;;;;;;;EASE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0DE;AACF;;;;;;;EAeE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsDE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDE;AACF;;;;;;;;;;;;EAWE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuGE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EE;AACK,yCAAiC;AACjC,qCAA6B;AAC7B,6CAAqC;AACrC,oCAA4B"}

package/index.ssr.js

@@ -840,10 +840,10 @@ export const ExternalUploadSource = {
 export const FileItem = class {
   static template = `
   <div class="uc-inner" set="@finished: isFinished; @uploading: isUploading; @failed: isFailed; @focused: isFocused">
-    <uc-thumb set="thumbUrl:thumbUrl;badgeIcon:badgeIcon"></uc-thumb>
+    <uc-thumb set="uid:uid;badgeIcon:badgeIcon"></uc-thumb>
 
     <div aria-atomic="true" aria-live="polite" class="uc-file-name-wrapper" set="@aria-label:ariaLabelStatusFile;">
-      <span class="uc-file-name" set="@hidden: isFileName">{{itemName}}</span>
+      <span class="uc-file-name" set="@hidden: !showFileNames">{{itemName}}</span>
       <span class="uc-file-error" set="@hidden: !errorText;">{{errorText}}</span>
       <span class="uc-file-hint" set="@hidden: !hint">{{hint}}</span>
     </div>
@@ -870,7 +870,7 @@ export const FileItem = class {
     </div>
     <uc-progress-bar
       class="uc-progress-bar"
-      set="value: progressValue; visible: progressVisible; @hasFileName: !isFileName"
+      set="value: progressValue; visible: progressVisible; @hasFileName: showFileNames;"
     >
     </uc-progress-bar>
   </div>
@@ -1050,8 +1050,16 @@ export const Modal = class {
   static is = `sym-1`;
   static bindAttributes = () => {};
 };
+export const ModalEvents = {
+  ADD: "modal:add",
+  DELETE: "modal:delete",
+  OPEN: "modal:open",
+  CLOSE: "modal:close",
+  CLOSE_ALL: "modal:closeAll",
+  DESTROY: "modal:destroy",
+};
 export const PACKAGE_NAME = `blocks`;
-export const PACKAGE_VERSION = `1.14.0`;
+export const PACKAGE_VERSION = `1.15.0`;
 export const PresenceToggle = class {
   static template = `<slot></slot> `;
   static reg = () => {};
@@ -1291,15 +1299,13 @@ export const StartFrom = class {
 };
 export const Thumb = class {
   static template = `
-  <slot>
-    <div class="uc-thumb" set="style.backgroundImage: thumbUrl">
-      <div class="uc-badge">
-        <uc-icon set="@name: badgeIcon"></uc-icon>
-      </div>
+  <div class="uc-thumb" set="style.backgroundImage: thumbUrl">
+    <div class="uc-badge">
+      <uc-icon set="@name: badgeIcon"></uc-icon>
     </div>
-  </slot>
+  </div>
 `;
-  static observedAttributes = ["thumbUrl", "badgeIcon", "id"];
+  static observedAttributes = ["badgeIcon", "uid"];
   static extSrcList = {
     FACEBOOK: "facebook",
     DROPBOX: "dropbox",

package/locales/file-uploader/ar.d.ts

@@ -125,6 +125,7 @@ declare const _default: {
     failed: string;
     uploading: string;
     idle: string;
+    queued: string;
     'a11y-file-item-status': string;
     'waiting-for': string;
 };

package/locales/file-uploader/ar.js

@@ -126,6 +126,7 @@ export default {
   failed: 'فشل',
   uploading: 'جارٍ التحميل',
   idle: 'خامل',
+  queued: 'في الانتظار',
   'a11y-file-item-status': 'الملف {{fileName}} في حالة {{status}}',
   'waiting-for': 'في انتظار {{source}}',
 };

package/locales/file-uploader/az.d.ts

@@ -117,6 +117,7 @@ declare const _default: {
     failed: string;
     uploading: string;
     idle: string;
+    queued: string;
     'a11y-file-item-status': string;
     'waiting-for': string;
 };

package/locales/file-uploader/az.js

@@ -118,6 +118,7 @@ export default {
   failed: 'Uğursuz',
   uploading: 'Yüklənir',
   idle: 'Boş',
+  queued: 'Növbədə',
   'a11y-file-item-status': '{{fileName}} faylı {{status}} statusundadır',
   'waiting-for': '{{source}} gözlənilir',
 };