@uploadcare/file-uploader 1.5.1 → 1.5.3-alpha.0

package/abstract/Block.d.ts

@@ -41,11 +41,11 @@ export class Block extends BaseComponent<any> {
      * @param {Parameters<import('../blocks/UploadCtxProvider/EventEmitter.js').EventEmitter['emit']>[1]} [payload]
      * @param {Parameters<import('../blocks/UploadCtxProvider/EventEmitter.js').EventEmitter['emit']>[2]} [options]
      */
-    emit(type: [type: "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" | "change" | "group-created", payload?: unknown, ({
+    emit(type: [type: "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", payload?: unknown, ({
         debounce?: number | boolean | undefined;
-    } | undefined)?][0], payload?: [type: "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" | "change" | "group-created", payload?: unknown, ({
+    } | undefined)?][0], payload?: [type: "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", payload?: unknown, ({
         debounce?: number | boolean | undefined;
-    } | undefined)?][1], options?: [type: "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" | "change" | "group-created", payload?: unknown, ({
+    } | undefined)?][1], options?: [type: "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", payload?: unknown, ({
         debounce?: number | boolean | undefined;
     } | undefined)?][2]): void;
     /**

package/abstract/UploaderPublicApi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploaderPublicApi.d.ts","sourceRoot":"","sources":["UploaderPublicApi.js"],"names":[],"mappings":"AAYA;IAOE,8DAA8D;IAC9D,iBADY,OAAO,oBAAoB,EAAE,aAAa,EAGrD;IATD;;;OAGG;IACH,aAAK;IAOL,eAAe;IACf,gCAEC;IAED,yCAEC;IAED;;iBAEC;IAED;;;;;;OAMG;IACH,sBAJW,MAAM;;;;sBAEJ,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAUrD;IAEF;;;;OAIG;IACH,wBAJW,MAAM;;;;sBAEJ,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAUrD;IAEF;;;;OAIG;IACH,4BAJW,MAAM;;;;sBAEJ,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAgBrD;IAEF;;;;OAIG;IACH,0BAJW,IAAI;;;;;sBAEF,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAcrD;IAEF,iCAAiC;IACjC,qCADY,MAAM,UAMhB;IAEF,uBAEC;IAED,sBAeE;IAEF,mDAAmD;IACnD,6BADY;QAAE,aAAa,CAAC,EAAE,OAAO,CAAA;KAAE,UAgCrC;IAEF;;;;OAIG;IACH,8EAHW,MAAM,iDA6Cf;IAEF,oEAAoE;IACpE,oKAIE;IAEF,+BAA+B;IAC/B,gDAsCE;IAEF,qBAQE;IAEF;;;;;;;;;OASG;IACH,uTAFQ,IAAI,CAWV;IAEF,2DAA2D;IAC3D,0BADc,OAAO,oBAAoB,EAAE,YAAY,CAGrD;IAEF,8BAA8B;IAC9B,wBADY,OAAO,UAOjB;IAEF;;;OAGG;IACH,0BAOC;CACF"}
+{"version":3,"file":"UploaderPublicApi.d.ts","sourceRoot":"","sources":["UploaderPublicApi.js"],"names":[],"mappings":"AAYA;IAOE,8DAA8D;IAC9D,iBADY,OAAO,oBAAoB,EAAE,aAAa,EAGrD;IATD;;;OAGG;IACH,aAAK;IAOL,eAAe;IACf,gCAEC;IAED,yCAEC;IAED;;iBAEC;IAED;;;;;;OAMG;IACH,sBAJW,MAAM;;;;sBAEJ,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAUrD;IAEF;;;;OAIG;IACH,wBAJW,MAAM;;;;sBAEJ,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAUrD;IAEF;;;;OAIG;IACH,4BAJW,MAAM;;;;sBAEJ,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAgBrD;IAEF;;;;OAIG;IACH,0BAJW,IAAI;;;;;sBAEF,OAAO,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,CAcrD;IAEF,iCAAiC;IACjC,qCADY,MAAM,UAMhB;IAEF,uBAEC;IAED,sBAeE;IAEF,mDAAmD;IACnD,6BADY;QAAE,aAAa,CAAC,EAAE,OAAO,CAAA;KAAE,UA0DrC;IAEF;;;;OAIG;IACH,8EAHW,MAAM,iDA6Cf;IAEF,oEAAoE;IACpE,oKAIE;IAEF,+BAA+B;IAC/B,gDAsCE;IAEF,qBAQE;IAEF;;;;;;;;;OASG;IACH,uTAFQ,IAAI,CAWV;IAEF,2DAA2D;IAC3D,0BADc,OAAO,oBAAoB,EAAE,YAAY,CAGrD;IAEF,8BAA8B;IAC9B,wBADY,OAAO,UAOjB;IAEF;;;OAGG;IACH,0BAOC;CACF"}

package/abstract/UploaderPublicApi.js

@@ -1,7 +1,7 @@
 // @ts-check
 import { ActivityBlock } from './ActivityBlock.js';
 
-import { Data } from '@symbiotejs/symbiote';
+import { applyStyles, Data } from '@symbiotejs/symbiote';
 import { EventType } from '../blocks/UploadCtxProvider/EventEmitter.js';
 import { UploadSource } from '../blocks/utils/UploadSource.js';
 import { serializeCsv } from '../blocks/utils/comma-separated.js';
@@ -138,7 +138,9 @@ export class UploaderPublicApi {
 
   /** @param {{ captureCamera?: boolean }} options */
   openSystemDialog = (options = {}) => {
-    let accept = serializeCsv(mergeFileTypes([this.cfg.accept ?? '', ...(this.cfg.imgOnly ? IMAGE_ACCEPT_LIST : [])]));
+    const accept = serializeCsv(
+      mergeFileTypes([this.cfg.accept ?? '', ...(this.cfg.imgOnly ? IMAGE_ACCEPT_LIST : [])]),
+    );
 
     if (this.cfg.accept && !!this.cfg.imgOnly) {
       console.warn(
@@ -147,7 +149,16 @@ export class UploaderPublicApi {
           'The value of `accept` will be concatenated with the internal image mime types list.',
       );
     }
+
+    const INPUT_ATTR_NAME = 'uploadcare-file-input';
     const fileInput = document.createElement('input');
+    fileInput.setAttribute(INPUT_ATTR_NAME, '');
+    applyStyles(fileInput, {
+      opacity: 0,
+      height: 0,
+      width: 0,
+      visibility: 'hidden',
+    });
     fileInput.type = 'file';
     fileInput.multiple = this.cfg.multiple;
     if (options.captureCamera) {
@@ -156,18 +167,33 @@ export class UploaderPublicApi {
     } else {
       fileInput.accept = accept;
     }
+    fileInput.addEventListener(
+      'change',
+      () => {
+        if (!fileInput.files) {
+          return;
+        }
+        [...fileInput.files].forEach((file) =>
+          this.addFileFromObject(file, { source: options.captureCamera ? UploadSource.CAMERA : UploadSource.LOCAL }),
+        );
+        // To call uploadTrigger UploadList should draw file items first:
+        this._ctx.$['*currentActivity'] = ActivityBlock.activities.UPLOAD_LIST;
+        this._ctx.setOrAddState('*modalActive', true);
+        fileInput.remove();
+      },
+      {
+        once: true,
+      },
+    );
+
+    document.querySelectorAll(`[${INPUT_ATTR_NAME}]`).forEach((el) => el.remove());
+
+    /**
+     * Some browsers (e.g. Safari) require the file input to be in the DOM to work properly. Without it the file input
+     * will open system dialog but won't trigger the change event sometimes.
+     */
+    document.body.appendChild(fileInput);
     fileInput.dispatchEvent(new MouseEvent('click'));
-    fileInput.onchange = () => {
-      // @ts-ignore TODO: fix this
-      [...fileInput['files']].forEach((file) =>
-        this.addFileFromObject(file, { source: options.captureCamera ? UploadSource.CAMERA : UploadSource.LOCAL }),
-      );
-      // To call uploadTrigger UploadList should draw file items first:
-      this._ctx.$['*currentActivity'] = ActivityBlock.activities.UPLOAD_LIST;
-      this._ctx.setOrAddState('*modalActive', true);
-      // @ts-ignore TODO: fix this
-      fileInput['value'] = '';
-    };
   };
 
   /**

package/blocks/EditorFilerobotImage/EditorFilerobotImage.d.ts

@@ -0,0 +1,13 @@
+export class EditorFilerobotImage extends UploaderBlock {
+    activityType: any;
+    get activityParams(): import("../CloudImageEditorActivity/CloudImageEditorActivity.js").ActivityParams;
+    mounted(): void;
+    _entry: import("../../abstract/TypedData.js").TypedData | undefined;
+    _instance: any;
+    unmounted(): void;
+}
+export namespace EditorFilerobotImage {
+    let template: string;
+}
+import { UploaderBlock } from '../../abstract/UploaderBlock.js';
+//# sourceMappingURL=EditorFilerobotImage.d.ts.map

package/blocks/EditorFilerobotImage/EditorFilerobotImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorFilerobotImage.d.ts","sourceRoot":"","sources":["EditorFilerobotImage.js"],"names":[],"mappings":"AAMA;IAEE,kBAA+D;IAG/D,uGAMC;IAcD,gBAiBC;IAfC,oEAAoD;IAcpD,eAAyB;IAI3B,kBAIC;CACF;;;;8BArD6B,iCAAiC"}

package/blocks/EditorFilerobotImage/EditorFilerobotImage.js

@@ -0,0 +1,59 @@
+
+import { uploadFile } from '@uploadcare/upload-client';
+import { ActivityBlock } from '../../abstract/ActivityBlock.js';
+import { UploaderBlock } from '../../abstract/UploaderBlock.js';
+import FilerobotImageEditor from 'filerobot-image-editor';
+
+export class EditorFilerobotImage extends UploaderBlock {
+  couldBeCtxOwner = true;
+  activityType = ActivityBlock.activities.EDITOR_FILEROBOT_IMAGE;
+  static styleAttrs = ['uc-editor-filerobot-image'];
+
+  get activityParams() {
+    const params = super.activityParams;
+    if ('internalId' in params) {
+      return params;
+    }
+    throw new Error(`Cloud Image Editor activity params not found`);
+  }
+
+  initCallback() {
+    super.initCallback();
+
+    this.registerActivity(this.activityType, {
+      onActivate: () => this.mounted(),
+      onDeactivate: () => this.unmounted(),
+    });
+
+    console.log("EditorFilerobotImage");
+
+  }
+
+  mounted() {
+    const { internalId } = this.activityParams;
+    this._entry = this.uploadCollection.read(internalId);
+
+    if (!this._entry) {
+      throw new Error(`Entry with internalId "${internalId}" not found`);
+    }
+
+    const file = this._entry.getValue('file');
+    const cdnUrl = this._entry.getValue('cdnUrl');
+
+
+
+
+    const instance = null
+
+    this._instance = instance
+  }
+
+
+  unmounted() {
+    this._instance = undefined;
+    this._entry = undefined;
+    this.innerHTML = ''
+  }
+}
+
+EditorFilerobotImage.template = ``;

package/blocks/FileItem/FileItem.d.ts

@@ -28,6 +28,7 @@ export class FileItem extends UploaderBlock {
         isFocused: boolean;
         isEditable: boolean;
         state: symbol;
+        ariaLabelStatusFile: string;
         onEdit: () => void;
         onRemove: () => void;
         onUpload: () => void;
@@ -35,7 +36,7 @@ export class FileItem extends UploaderBlock {
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
         '*collectionErrors': any[];
-        '*collectionState': import("../../index.js").OutputCollectionState<import("../../index.js").OutputCollectionStatus, "maybe-has-group"> | null; /** @private */
+        '*collectionState': import("../../index.js").OutputCollectionState<import("../../index.js").OutputCollectionStatus, "maybe-has-group"> | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;

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

@@ -1 +1 @@
-{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["FileItem.js"],"names":[],"mappings":"AAkBA;IAIE,eAAe;IACf,mBAAuB;IACvB;;;OAGG;IACH,eAAc;IACd,eAAe;IACf,wBAAwB;IACxB,eAAe;IACf,gCAA4E;IAC5E,eAAe;IACf,iCAA0E;IAE1E,eAAe;IACf,sBAAsB;IAKpB;;;;;;;;;;;;;;;;;;;;;uJApBF,eAAe;;;;;;;;;MA+CZ;IAGH,eASC;IAED;;;OAGG;IACH,0BAaC;IAED,eAAe;IACf,wBAgBC;IAED,eAAe;IACf,2BAsCC;IAED;;;;OAIG;IACH,kBAUC;IAED;;;OAGG;IACH,uBAkDC;IAsCD,wEAAwE;IACxE,oBADY,CAAC,oBAAoB,CAAC,CAAC,MAAM,oBAAoB,CAAC,QAsB7D;IAaC,eAAe;IACf,kBAEE;IAWJ;;;MAEC;IAED;;;OAGG;IACH,uBAEC;IAED,wBAqFC;CACF;;;;;8BA9Z6B,iCAAiC;AAO/D;;;;;GAKG"}
+{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["FileItem.js"],"names":[],"mappings":"AAkBA;IAIE,eAAe;IACf,mBAAuB;IACvB;;;OAGG;IACH,eAAc;IACd,eAAe;IACf,wBAAwB;IACxB,eAAe;IACf,gCAA4E;IAC5E,eAAe;IACf,iCAA0E;IAE1E,eAAe;IACf,sBAAsB;IAKpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA4BC;IAGH,eASC;IAED;;;OAGG;IACH,0BAaC;IAED,eAAe;IACf,wBAgBC;IAED,eAAe;IACf,2BAsCC;IAED;;;;OAIG;IACH,kBAUC;IAED;;;OAGG;IACH,uBAkDC;IAsCD,wEAAwE;IACxE,oBADY,CAAC,oBAAoB,CAAC,CAAC,MAAM,oBAAoB,CAAC,QAuB7D;IAaC,eAAe;IACf,kBAEE;IAWJ;;;MAEC;IAED;;;OAGG;IACH,uBAEC;IAED,wBAqFC;CACF;;;;;8BAha6B,iCAAiC;AAO/D;;;;;GAKG"}

package/blocks/FileItem/FileItem.js

@@ -10,10 +10,10 @@ import { generateThumb } from '../utils/resizeImage.js';
 import { parseShrink } from '../../utils/parseShrink.js';
 
 const FileItemState = Object.freeze({
-  FINISHED: Symbol(0),
-  FAILED: Symbol(1),
-  UPLOADING: Symbol(2),
-  IDLE: Symbol(3),
+  FINISHED: Symbol('FINISHED'),
+  FAILED: Symbol('FAILED'),
+  UPLOADING: Symbol('UPLOADING'),
+  IDLE: Symbol('IDLE'),
 });
 
 export class FileItem extends UploaderBlock {
@@ -55,6 +55,7 @@ export class FileItem extends UploaderBlock {
       isFocused: false,
       isEditable: false,
       state: FileItemState.IDLE,
+      ariaLabelStatusFile: '',
       onEdit: () => {
         this.$['*currentActivityParams'] = {
           internalId: this._entry.uid,
@@ -290,6 +291,7 @@ export class FileItem extends UploaderBlock {
       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._entry?.getValue('fileName')} ${state.description}`,
     });
   }
 
@@ -425,7 +427,7 @@ FileItem.template = /* HTML */ `
         <uc-icon set="@name: badgeIcon"></uc-icon>
       </div>
     </div>
-    <div class="uc-file-name-wrapper">
+    <div aria-live="polite" class="uc-file-name-wrapper" set="@aria-label:ariaLabelStatusFile;">
       <span class="uc-file-name" set="@title: itemName">{{itemName}}</span>
       <span class="uc-file-error" set="@hidden: !errorText">{{errorText}}</span>
     </div>

package/blocks/UploadCtxProvider/EventEmitter.d.ts

@@ -78,7 +78,7 @@ export class EventEmitter {
      * @param {TDebounce extends false | undefined ? unknown : () => unknown} [payload]
      * @param {{ debounce?: TDebounce }} [options]
      */
-    emit<T extends "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" | "change" | "group-created", TDebounce extends number | boolean | undefined>(type: T, payload?: (TDebounce extends false | undefined ? unknown : () => unknown) | undefined, { debounce }?: {
+    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;
 }

package/blocks/UploadCtxProvider/UploadCtxProvider.d.ts

@@ -1,6 +1,6 @@
 export type UploadCtxProvider = (new () => {
-    addEventListener<T extends "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" | "change" | "group-created">(type: T, listener: (e: CustomEvent<import("./EventEmitter.js").EventPayload[T]>) => void, options?: boolean | AddEventListenerOptions): void;
-    removeEventListener<T_1 extends "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" | "change" | "group-created">(type: T_1, listener: (e: CustomEvent<import("./EventEmitter.js").EventPayload[T_1]>) => void, options?: boolean | EventListenerOptions): void;
+    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">;
 /**
  * @typedef {import('../../utils/mixinClass.js').MixinClass<

package/blocks/UploadList/UploadList.js

@@ -201,7 +201,7 @@ export class UploadList extends UploaderBlock {
 
 UploadList.template = /* HTML */ `
   <uc-activity-header>
-    <span class="uc-header-text">{{headerText}}</span>
+    <span aria-live="polite" class="uc-header-text">{{headerText}}</span>
     <button
       type="button"
       class="uc-mini-btn uc-close-btn"

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.5.1";
+export const PACKAGE_VERSION: "1.5.2";
 //# sourceMappingURL=env.d.ts.map

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.5.1';
+export const PACKAGE_VERSION = '1.5.2';

package/index.ssr.d.ts

@@ -512,7 +512,7 @@ export const Modal: {
     bindAttributes: () => void;
 };
 export const PACKAGE_NAME: "blocks";
-export const PACKAGE_VERSION: "1.5.1";
+export const PACKAGE_VERSION: "1.5.2";
 export const PresenceToggle: {
     new (): {};
     template: string;

package/index.ssr.js

@@ -744,7 +744,7 @@ export const FileItem = class {
         <uc-icon set="@name: badgeIcon"></uc-icon>
       </div>
     </div>
-    <div class="uc-file-name-wrapper">
+    <div aria-live="polite" class="uc-file-name-wrapper" set="@aria-label:ariaLabelStatusFile;">
       <span class="uc-file-name" set="@title: itemName">{{itemName}}</span>
       <span class="uc-file-error" set="@hidden: !errorText">{{errorText}}</span>
     </div>
@@ -943,7 +943,7 @@ export const Modal = class {
   static bindAttributes = () => {};
 };
 export const PACKAGE_NAME = `blocks`;
-export const PACKAGE_VERSION = `1.5.1`;
+export const PACKAGE_VERSION = `1.5.2`;
 export const PresenceToggle = class {
   static template = `<slot></slot> `;
   static reg = () => {};
@@ -1243,7 +1243,7 @@ export const UploadCtxProvider = class {
 export const UploadList = class {
   static template = `
   <uc-activity-header>
-    <span class="uc-header-text">{{headerText}}</span>
+    <span aria-live="polite" class="uc-header-text">{{headerText}}</span>
     <button
       type="button"
       class="uc-mini-btn uc-close-btn"

package/package.json

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

package/solutions/file-uploader/regular/FileUploaderRegular.js

@@ -20,7 +20,7 @@ export class FileUploaderRegular extends SolutionBlock {
 
     this.defineAccessor(
       'headless',
-      /** @param {unknown} value */ (value) => {
+      /** @param {unknown} value */(value) => {
         this.set$({ isHidden: asBoolean(value) });
       },
     );