@uploadcare/file-uploader 1.5.2 → 1.5.3-alpha.2

package/blocks/CloudImageEditorActivity/CloudImageEditorActivity.js

@@ -1,4 +1,5 @@
 // @ts-check
+import { DICT } from '../../symbiote.js';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 import { CloudImageEditorBlock } from '../CloudImageEditor/index.js';
@@ -83,7 +84,7 @@ export class CloudImageEditorActivity extends UploaderBlock {
     const cropPreset = this.cfg.cropPreset;
     const tabs = this.cfg.cloudImageEditorTabs;
 
-    instance.setAttribute('ctx-name', this.ctxName);
+    instance.setAttribute(DICT.CTX_NAME_ATTR, this.ctxName);
     instance.setAttribute('cdn-url', cdnUrl);
 
     if (cropPreset) {

package/blocks/Config/Config.d.ts

@@ -11,16 +11,8 @@
  *   'collectionValidators',
  * ]}
  */
-export const complexConfigKeys: [
-    'metadata',
-    'localeDefinitionOverride',
-    'secureUploadsSignatureResolver',
-    'secureDeliveryProxyUrlResolver',
-    'iconHrefResolver',
-    'fileValidators',
-    'collectionValidators'
-];
-export type Config = import('../../utils/mixinClass.js').MixinClass<typeof ConfigClass, import('../../types').ConfigType>;
+export const complexConfigKeys: ["metadata", "localeDefinitionOverride", "secureUploadsSignatureResolver", "secureDeliveryProxyUrlResolver", "iconHrefResolver", "fileValidators", "collectionValidators"];
+export type Config = import("../../utils/mixinClass.js").MixinClass<typeof ConfigClass, import("../../types").ConfigType>;
 /** @typedef {import('../../utils/mixinClass.js').MixinClass<typeof ConfigClass, import('../../types').ConfigType>} Config */
 export const Config: Config;
 declare class ConfigClass extends Block {
@@ -62,6 +54,6 @@ declare class ConfigClass extends Block {
 }
 import { Block } from '../../abstract/Block.js';
 /** Mapping of attribute names to state */
-declare const attrStateMapping: Record<"pubkey" | "multiple" | "accept" | "store" | "debug" | "crop-preset" | "secure-expire" | "max-local-file-size-bytes" | "multiple-min" | "multiple-max" | "confirm-upload" | "img-only" | "external-sources-preferred-types" | "camera-mirror" | "camera-capture" | "source-list" | "thumb-size" | "show-empty-list" | "use-local-image-editor" | "use-cloud-image-editor" | "cloud-image-editor-tabs" | "remove-copyright" | "image-shrink" | "modal-scroll-lock" | "modal-backdrop-strokes" | "source-list-wrap" | "remote-tab-session-key" | "cdn-cname" | "base-url" | "social-base-url" | "secure-signature" | "secure-delivery-proxy" | "retry-throttled-request-max-times" | "multipart-min-file-size" | "multipart-chunk-size" | "max-concurrent-requests" | "multipart-max-concurrent-requests" | "multipart-max-attempts" | "check-for-url-duplicates" | "save-url-for-recurrent-uploads" | "group-output" | "user-agent-integration" | "locale-name" | "secure-uploads-expire-threshold" | "secureexpire" | "croppreset" | "maxlocalfilesizebytes" | "multiplemin" | "multiplemax" | "confirmupload" | "imgonly" | "externalsourcespreferredtypes" | "cameramirror" | "cameracapture" | "sourcelist" | "thumbsize" | "showemptylist" | "uselocalimageeditor" | "usecloudimageeditor" | "cloudimageeditortabs" | "removecopyright" | "imageshrink" | "modalscrolllock" | "modalbackdropstrokes" | "sourcelistwrap" | "remotetabsessionkey" | "cdncname" | "baseurl" | "socialbaseurl" | "securesignature" | "securedeliveryproxy" | "retrythrottledrequestmaxtimes" | "multipartminfilesize" | "multipartchunksize" | "maxconcurrentrequests" | "multipartmaxconcurrentrequests" | "multipartmaxattempts" | "checkforurlduplicates" | "saveurlforrecurrentuploads" | "groupoutput" | "useragentintegration" | "localename" | "secureuploadsexpirethreshold", string>;
+declare const attrStateMapping: Record<keyof import("../../types").ConfigAttributesType, string>;
 export {};
 //# sourceMappingURL=Config.d.ts.map

package/blocks/Config/Config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["Config.js"],"names":[],"mappings":"AAYA;;;;;;;;;;;;GAYG;AACH,gCAVU;IACT,UAAc;IACd,0BAA8B;IAC9B,gCAAoC;IACpC,gCAAoC;IACpC,kBAAsB;IACtB,gBAAoB;IACpB,sBAA0B;CACvB,CAUF;qBAiNY,OAAO,2BAA2B,EAAE,UAAU,CAAC,kBAAkB,EAAE,OAAO,aAAa,EAAE,UAAU,CAAC;AAAlH,6HAA6H;AAG7H,4BAAmF;AAvLnF;IAkBE;;;;OAIG;IACH,+BAYC;IAED;;;;OAIG;IACH,2BAQC;IAED;;;;OAIG;IACH,kBAiBC;IAED;;;OAGG;IACH,kBAIC;IAED;;;;OAIG;IACH,wCAJW,MAAM,iBACN,OAAO,aACP,OAAO,QAoBjB;IA0CD;;;;OAIG;IACH,+BAJW,MAAM,uBAAuB,UAC7B,MAAM,UACN,MAAM,QAahB;CACF;sBArOqB,yBAAyB;AAoD/C,0CAA0C;AAC1C,qzDAGG"}
+{"version":3,"file":"Config.d.ts","sourceRoot":"","sources":["Config.js"],"names":[],"mappings":"AAYA;;;;;;;;;;;;GAYG;AACH,gCAVU,CACT,UAAc,EACd,0BAA8B,EAC9B,gCAAoC,EACpC,gCAAoC,EACpC,kBAAsB,EACtB,gBAAoB,EACpB,sBAA0B,CACvB,CAUF;qBAiNY,OAAO,2BAA2B,EAAE,UAAU,CAAC,OAAO,WAAW,EAAE,OAAO,aAAa,EAAE,UAAU,CAAC;AAAlH,6HAA6H;AAG7H,qBAAiC,MAAM,CAA4C;AAvLnF;IAkBE;;;;OAIG;IACH,+BAYC;IAED;;;;OAIG;IACH,2BAQC;IAED;;;;OAIG;IACH,kBAiBC;IAED;;;OAGG;IACH,kBAIC;IAED;;;;OAIG;IACH,wCAJW,MAAM,iBACN,OAAO,aACP,OAAO,QAoBjB;IA0CD;;;;OAIG;IACH,+BAJW,MAAM,OAAO,gBAAgB,UAC7B,MAAM,UACN,MAAM,QAahB;CACF;sBArOqB,yBAAyB;AAoD/C,0CAA0C;AAC1C,gCAAoC,MAAM,CAAC,MAAM,OAAO,aAAa,EAAE,oBAAoB,EAAE,MAAM,CAAC,CAGjG"}

package/blocks/Config/initialConfig.d.ts

@@ -2,5 +2,5 @@ export const DEFAULT_CDN_CNAME: "https://ucarecdn.com";
 export const DEFAULT_BASE_URL: "https://upload.uploadcare.com";
 export const DEFAULT_SOCIAL_BASE_URL: "https://social.uploadcare.com";
 /** @type {import('../../types/exported').ConfigType} */
-export const initialConfig: import('../../types/exported').ConfigType;
+export const initialConfig: import("../../types/exported").ConfigType;
 //# sourceMappingURL=initialConfig.d.ts.map

package/blocks/Config/normalizeConfigValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeConfigValue.d.ts","sourceRoot":"","sources":["normalizeConfigValue.js"],"names":[],"mappings":"AAeO,iCADK,OAAO,WAWlB;AA4IM,sGAHI,OAAO,mDAcjB"}
+{"version":3,"file":"normalizeConfigValue.d.ts","sourceRoot":"","sources":["normalizeConfigValue.js"],"names":[],"mappings":"AAeO,iCADK,OAAO,WAWlB;AA4IM,qCAL+C,CAAC,SAA1C,MAAO,OAAO,aAAa,EAAE,UAAW,OAC1C,CAAC,SACD,OAAO,GACL,OAAO,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAa3D"}

package/blocks/Copyright/Copyright.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Copyright.d.ts","sourceRoot":"","sources":["Copyright.js"],"names":[],"mappings":"AAEA;CAqBC;sBAvBqB,yBAAyB"}
+{"version":3,"file":"Copyright.d.ts","sourceRoot":"","sources":["Copyright.js"],"names":[],"mappings":"AAGA;CAqBC;sBAvBqB,yBAAyB"}

package/blocks/Copyright/Copyright.js

@@ -1,3 +1,4 @@
+import { html } from '../../symbiote.js';
 import { Block } from '../../abstract/Block.js';
 
 export class Copyright extends Block {
@@ -13,7 +14,7 @@ export class Copyright extends Block {
     );
   }
 
-  static template = /* HTML */ `
+  static template = html`
     <a
       href="https://uploadcare.com/?utm_source=copyright&utm_medium=referral&utm_campaign=v4"
       target="_blank noopener"

package/blocks/DropArea/DropArea.d.ts

@@ -11,8 +11,8 @@ export class DropArea 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': 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/DropArea/DropArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropArea.d.ts","sourceRoot":"","sources":["DropArea.js"],"names":[],"mappings":"AAaA;IAKI;;;;;;;;;;;;;;;;;;;;;;MAUC;IAGH,oBAgBC;IAgDC,eAAe;IACf,yBA2BE;IAIA,yDAWE;IA6BF;;;OAGG;IACH,uBASC;IAOL;;;;;OAKG;IACH,sBAeC;IAED,eAAe;IACf,0BAcC;CAqBF;;;;8BAlP6B,iCAAiC"}
+{"version":3,"file":"DropArea.d.ts","sourceRoot":"","sources":["DropArea.js"],"names":[],"mappings":"AAaA;IAKI;;;;;;;;;;;;oCAHS,gBACR;mCAIuB,gBAC3B;6BAGO,2BACI;;wCASR,wCACiB;;;;;;MAPhB;IAGH,oBAgBC;IAgDC,eAAe;IACf,yBA2BE;IAIA,yDAWE;IA6BF;;;OAGG;IACH,uBASC;IAOL;;;;;OAKG;IACH,sBAeC;IAED,eAAe;IACf,0BAcC;CAqBF;;;;8BAlP6B,iCAAiC"}

package/blocks/DropArea/DropArea.js

@@ -1,6 +1,6 @@
 // @ts-check
 
-import { Data } from '@symbiotejs/symbiote';
+import { PubSub, html } from '../../symbiote.js';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 import { stringToArray } from '../../utils/stringToArray.js';
@@ -233,7 +233,7 @@ export class DropArea extends UploaderBlock {
     if (registry) {
       registry.delete(this);
       if (registry.size === 0) {
-        Data.deleteCtx(GLOBAL_CTX_NAME);
+        PubSub.deleteCtx(GLOBAL_CTX_NAME);
       }
     }
 
@@ -246,7 +246,7 @@ export class DropArea extends UploaderBlock {
   }
 }
 
-DropArea.template = /* HTML */ `
+DropArea.template = html`
   <slot>
     <div data-default-slot hidden></div>
     <div ref="content-wrapper" class="uc-content-wrapper" set="@hidden: !isVisible">

package/blocks/DropArea/addDropzone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"addDropzone.d.ts","sourceRoot":"","sources":["addDropzone.js"],"names":[],"mappings":"AA0BA;;;;;;GAMG;AACH;IAL6B,OAAO,EAAzB,WAAW;IACI,QAAQ;IACR,OAAO;IACF,YAAY,EAAhC,aAAa;eAyGvB"}
+{"version":3,"file":"addDropzone.d.ts","sourceRoot":"","sources":["addDropzone.js"],"names":[],"mappings":"AA0BA;;;;;;GAMG;AACH,kCALG;IAA0B,OAAO,EAAzB,WAAW;IACI,QAAQ;IACR,OAAO;IACF,YAAY,EAAhC,aAAa;CACvB,cAwGA"}

package/blocks/DropArea/getDropItems.d.ts

@@ -6,11 +6,11 @@
  */
 export function getDropItems(dataTransfer: DataTransfer): Promise<DropItem[]>;
 export type DropItem = {
-    type: 'file';
+    type: "file";
     file: File;
     fullPath?: string;
 } | {
-    type: 'url';
+    type: "url";
     url: string;
 };
 //# sourceMappingURL=getDropItems.d.ts.map

package/blocks/DropArea/getDropItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDropItems.d.ts","sourceRoot":"","sources":["getDropItems.js"],"names":[],"mappings":"AAwGA;;;;;GAKG;AACH,2CAHW,YAAY,GACV,QAAQ,QAAQ,EAAE,CAAC,CA0D/B;uBAnKY;IACZ,IAAY,EAAE,MAAM,CAAC;IACrB,IAAY,EAAE,IAAI,CAAC;IACnB,QAAgB,CAAC,EAAE,MAAM,CAAC;CACnB,GACD;IACN,IAAY,EAAE,KAAK,CAAC;IACpB,GAAW,EAAE,MAAM,CAAC;CACb"}
+{"version":3,"file":"getDropItems.d.ts","sourceRoot":"","sources":["getDropItems.js"],"names":[],"mappings":"AAwGA;;;;;GAKG;AACH,2CAHW,YAAY,GACV,OAAO,CAAC,QAAQ,EAAE,CAAC,CA0D/B;uBAnKY;IACZ,IAAY,EAAE,MAAM,CAAC;IACrB,IAAY,EAAE,IAAI,CAAC;IACnB,QAAgB,CAAC,EAAE,MAAM,CAAC;CACnB,GACD;IACN,IAAY,EAAE,KAAK,CAAC;IACpB,GAAW,EAAE,MAAM,CAAC;CACb"}

package/blocks/ExternalSource/ExternalSource.d.ts

@@ -28,8 +28,8 @@ export class ExternalSource 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': 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;
@@ -84,14 +84,14 @@ export type ActivityParams = {
     externalSourceType: string;
 };
 export type SelectedFileMessage = {
-    type: 'file-selected';
-    obj_type: 'selected_file';
+    type: "file-selected";
+    obj_type: "selected_file";
     filename: string;
     url: string;
     alternatives?: Record<string, string>;
 };
 export type EmbedCssMessage = {
-    type: 'embed-css';
+    type: "embed-css";
     style: string;
 };
 export type Message = SelectedFileMessage | EmbedCssMessage;

package/blocks/ExternalSource/ExternalSource.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalSource.d.ts","sourceRoot":"","sources":["ExternalSource.js"],"names":[],"mappings":"AAWA,+DAA+D;AAE/D;;;;;;;;GAQG;AAEH;;;;;GAKG;AAEH,+DAA+D;AAE/D;IAEE,yBAAiD;IAK/C;;;;;;;;;;;;;;;;;;;;;MAoBC;IAGH,6BAA6B;IAC7B,qCAMC;IAED;;;OAGG;IACH,gBAAe;IA2Cf;;;OAGG;IACH,8BAcC;IAED;;;OAGG;IACH,oBAEC;IAED;;;OAGG;IACH,2BAUC;IAED,eAAe;IACf,yBAEC;IAED;;;OAGG;IACH,oBAGC;IAED,eAAe;IACf,oBAkBC;IAED,eAAe;IACf,kBAcC;IAED,eAAe;IACf,oBAsBC;IAED,eAAe;IACf,sBAMC;CACF;;;;6BA5Oa;IAAE,kBAAkB,EAAE,MAAM,CAAA;CAAE;kCAG/B;IACZ,IAAQ,EAAE,eAAe,CAAC;IAC1B,QAAY,EAAE,eAAe,CAAC;IAC9B,QAAY,EAAE,MAAM,CAAC;IACrB,GAAO,EAAE,MAAM,CAAC;IAChB,YAAgB,CAAC,EAAE,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC;8BAIS;IACZ,IAAQ,EAAE,WAAW,CAAC;IACtB,KAAS,EAAE,MAAM,CAAC;CACf;sBAGU,mBAAmB,GAAG,eAAe;8BA1BrB,iCAAiC"}
+{"version":3,"file":"ExternalSource.d.ts","sourceRoot":"","sources":["ExternalSource.js"],"names":[],"mappings":"AAWA,+DAA+D;AAE/D;;;;;;;;GAQG;AAEH;;;;;GAKG;AAEH,+DAA+D;AAE/D;IAEE,yBAAiD;IAK/C;;;;;;;;;;;oCArBH,gBAAS;mCAGT,gBAGD;6BAIE,2BAEsB;;wCAIZ,wCAA2B;;;;;;MAyBlC;IAGH,6BAA6B;IAC7B,qCAMC;IAED;;;OAGG;IACH,gBAAe;IA2Cf;;;OAGG;IACH,8BAcC;IAED;;;OAGG;IACH,oBAEC;IAED;;;OAGG;IACH,2BAUC;IAED,eAAe;IACf,yBAEC;IAED;;;OAGG;IACH,oBAGC;IAED,eAAe;IACf,oBAkBC;IAED,eAAe;IACf,kBAcC;IAED,eAAe;IACf,oBAsBC;IAED,eAAe;IACf,sBAMC;CACF;;;;6BA5Oa;IAAE,kBAAkB,EAAE,MAAM,CAAA;CAAE;kCAG/B;IACZ,IAAQ,EAAE,eAAe,CAAC;IAC1B,QAAY,EAAE,eAAe,CAAC;IAC9B,QAAY,EAAE,MAAM,CAAC;IACrB,GAAO,EAAE,MAAM,CAAC;IAChB,YAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC;8BAIS;IACZ,IAAQ,EAAE,WAAW,CAAC;IACtB,KAAS,EAAE,MAAM,CAAC;CACf;sBAGU,mBAAmB,GAAG,eAAe;8BA1BrB,iCAAiC"}

package/blocks/ExternalSource/ExternalSource.js

@@ -1,6 +1,6 @@
 // @ts-check
 
-import { create } from '@symbiotejs/symbiote';
+import { create, html } from '../../symbiote.js';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 import { stringToArray } from '../../utils/stringToArray.js';
@@ -96,7 +96,7 @@ export class ExternalSource extends UploaderBlock {
         this.mountIframe();
       },
     });
-    this.sub('*currentActivityParams', (val) => {
+    this.sub('*currentActivityParams', () => {
       if (!this.isActivityActive) {
         return;
       }
@@ -247,7 +247,7 @@ export class ExternalSource extends UploaderBlock {
   }
 }
 
-ExternalSource.template = /* HTML */ `
+ExternalSource.template = html`
   <uc-activity-header>
     <button type="button" class="uc-mini-btn" set="onclick: *historyBack">
       <uc-icon name="back"></uc-icon>

package/blocks/ExternalSource/buildStyles.js

@@ -7,9 +7,9 @@
 const styleToCss = (style) => {
   const css = Object.keys(style).reduce((acc, selector) => {
     const propertiesObj = style[selector];
-    const propertiesStr = Object.keys(propertiesObj).reduce((acc, prop) => {
+    const propertiesStr = Object.keys(propertiesObj).reduce((innerAcc, prop) => {
       const value = propertiesObj[prop];
-      return acc + `${prop}: ${value};`;
+      return innerAcc + `${prop}: ${value};`;
     }, '');
     return acc + `${selector}{${propertiesStr}}`;
   }, '');

package/blocks/ExternalSource/query-string.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"query-string.d.ts","sourceRoot":"","sources":["query-string.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH;;IAFa,MAAM,CAWlB"}
+{"version":3,"file":"query-string.d.ts","sourceRoot":"","sources":["query-string.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,oCAHW;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAA;CAAE,GAC7D,MAAM,CAWlB"}

package/blocks/FileItem/FileItem.d.ts

@@ -28,14 +28,15 @@ export class FileItem extends UploaderBlock {
         isFocused: boolean;
         isEditable: boolean;
         state: symbol;
+        ariaLabelStatusFile: string;
         onEdit: () => void;
         onRemove: () => void;
         onUpload: () => void;
         '*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; /** @private */
+        '*collectionErrors': 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/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":"AAmBA;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;;;;;;;;;;;;;;;;;;;;;oCA/BS,gBAAU;mCAGrB,gBAAU;6BAIoB,2BACnB;;wCAOkB,wCAE7B;;;;;;MA0CG;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,OAAO,aAAa,EAAE,MAAM,OAAO,aAAa,CAAC,QA0B7D;IAaC,eAAe;IACf,kBAEE;IAWJ;;;MAEC;IAED;;;OAGG;IACH,uBAEC;IAED,wBAqFC;CACF;;;;;8BAna6B,iCAAiC;AAO/D;;;;;GAKG"}

package/blocks/FileItem/FileItem.js

@@ -1,4 +1,5 @@
 // @ts-check
+import { html } from '../../symbiote.js';
 import { CancelError, uploadFile } from '@uploadcare/upload-client';
 import { shrinkFile } from '@uploadcare/image-shrink';
 import { ActivityBlock } from '../../abstract/ActivityBlock.js';
@@ -10,10 +11,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 +56,7 @@ export class FileItem extends UploaderBlock {
       isFocused: false,
       isEditable: false,
       state: FileItemState.IDLE,
+      ariaLabelStatusFile: '',
       onEdit: () => {
         this.$['*currentActivityParams'] = {
           internalId: this._entry.uid,
@@ -289,7 +291,11 @@ export class FileItem extends UploaderBlock {
       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,
+      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(),
+      }),
     });
   }
 
@@ -418,14 +424,14 @@ export class FileItem extends UploaderBlock {
   }
 }
 
-FileItem.template = /* HTML */ `
+FileItem.template = html`
   <div class="uc-inner" set="@finished: isFinished; @uploading: isUploading; @failed: isFailed; @focused: isFocused">
     <div class="uc-thumb" set="style.backgroundImage: thumbUrl">
       <div class="uc-badge">
         <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/FormInput/FormInput.js

@@ -1,5 +1,5 @@
 // @ts-check
-import { applyStyles } from '@symbiotejs/symbiote';
+import { applyStyles } from '../../symbiote.js';
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 
 export class FormInput extends UploaderBlock {

package/blocks/Icon/Icon.d.ts

@@ -2,7 +2,6 @@ export class Icon extends Block {
     init$: {
         name: string;
         href: string;
-        title: string;
     };
 }
 export namespace Icon {

package/blocks/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["Icon.js"],"names":[],"mappings":"AAGA;IAII;;;;MAKC;CAmBJ;;;;sBA9BqB,yBAAyB"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["Icon.js"],"names":[],"mappings":"AAIA;IAII;;;MAIC;CAmBJ;;;;sBA7BqB,yBAAyB"}

package/blocks/Icon/Icon.js

@@ -1,4 +1,5 @@
 // @ts-check
+import { html } from '../../symbiote.js';
 import { Block } from '../../abstract/Block.js';
 
 export class Icon extends Block {
@@ -9,7 +10,6 @@ export class Icon extends Block {
       ...this.init$,
       name: '',
       href: '',
-      title: '',
     };
   }
 
@@ -31,14 +31,12 @@ export class Icon extends Block {
   }
 }
 
-Icon.template = /* HTML */ `
+Icon.template = html`
   <svg ref="svg" xmlns="http://www.w3.org/2000/svg">
-    <title>{{title}}</title>
     <use set="@href: href;"></use>
   </svg>
 `;
 
 Icon.bindAttributes({
   name: 'name',
-  title: 'title',
 });

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

@@ -1,4 +1,4 @@
-export class ImgConfig extends BaseComponent<any> {
+export class ImgConfig extends Symbiote<any> {
     static get observedAttributes(): string[];
     constructor();
     cssInit$: any;
@@ -27,5 +27,5 @@ export class ImgConfig extends BaseComponent<any> {
     private _observed;
     attributeChangedCallback(name: any, oldVal: any, newVal: any): void;
 }
-import { BaseComponent } from '@symbiotejs/symbiote';
+import { Symbiote } from '../../symbiote.js';
 //# sourceMappingURL=ImgConfig.d.ts.map

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;yBArGgC,mBAAmB"}

package/blocks/Img/ImgConfig.js

@@ -1,4 +1,4 @@
-import { BaseComponent, Data } from '@symbiotejs/symbiote';
+import { Symbiote, PubSub } from '../../symbiote.js';
 import { PROPS_MAP } from './props-map.js';
 import { CSS_PREF } from './configurations.js';
 import { PACKAGE_NAME, PACKAGE_VERSION } from '../../env.js';
@@ -8,7 +8,7 @@ for (let prop in PROPS_MAP) {
   CSS_PROPS[CSS_PREF + prop] = PROPS_MAP[prop]?.default || '';
 }
 
-export class ImgConfig extends BaseComponent {
+export class ImgConfig extends Symbiote {
   cssInit$ = CSS_PROPS;
 
   /**
@@ -87,7 +87,7 @@ export class ImgConfig extends BaseComponent {
       });
       this._isnObserver = null;
     }
-    Data.deleteCtx(this);
+    PubSub.deleteCtx(this);
   }
 
   static get observedAttributes() {

package/blocks/Img/utils/parseObjectToString.js

@@ -1,6 +1,6 @@
 export const parseObjectToString = (params) =>
   Object.entries(params)
-    .filter(([key, value]) => value !== undefined && value !== '')
+    .filter(([, value]) => value !== undefined && value !== '')
     .map(([key, value]) => {
       if (key === 'cdn-operations') {
         return value;

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["Modal.js"],"names":[],"mappings":"AAGA;IAEE,kCAAoC;IAIlC;;;;MAKC;IAGH,iCAEE;IAEF,yBAEE;IAEF,+BAEE;IAEF,uBAAuB;IACvB,4BADY,KAAK,UAIf;IAFA,eAAe;IACf,yBAAgC;IAGlC,uBAAuB;IACvB,0BADY,KAAK,UAKf;IAEF,aAMC;IAED,aAMC;CAuDF;;;;sBA9GqB,yBAAyB"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["Modal.js"],"names":[],"mappings":"AAIA;IAEE,kCAAoC;IAIlC;;;;MAKC;IAGH,iCAEE;IAEF,yBAEE;IAEF,+BAEE;IAEF,uBAAuB;IACvB,4BADY,KAAK,UAIf;IAFA,eAAe;IACf,yBAAgC;IAGlC,uBAAuB;IACvB,0BADY,KAAK,UAKf;IAEF,aAMC;IAED,aAMC;CAuDF;;;;sBA9GqB,yBAAyB"}

package/blocks/Modal/Modal.js

@@ -1,4 +1,5 @@
 // @ts-check
+import { html } from '../../symbiote.js';
 import { Block } from '../../abstract/Block.js';
 
 export class Modal extends Block {
@@ -111,7 +112,7 @@ export class Modal extends Block {
   }
 }
 
-Modal.template = /* HTML */ `
+Modal.template = html`
   <dialog ref="dialog">
     <slot></slot>
   </dialog>

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,WAIE;CAyBH;;;;sBAnCqB,yBAAyB"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["ProgressBar.js"],"names":[],"mappings":"AAGA;IACE,qBAAqB;IACrB,eAAW;IAEX,WAIE;CAyBH;;;;sBAnCqB,yBAAyB"}

package/blocks/ProgressBar/ProgressBar.js

@@ -1,3 +1,4 @@
+import { html } from '../../symbiote.js';
 import { Block } from '../../abstract/Block.js';
 
 export class ProgressBar extends Block {
@@ -35,4 +36,4 @@ export class ProgressBar extends Block {
   }
 }
 
-ProgressBar.template = /* HTML */ ` <div ref="line" class="uc-progress"></div> `;
+ProgressBar.template = html` <div ref="line" class="uc-progress"></div> `;

package/blocks/ProgressBarCommon/ProgressBarCommon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarCommon.d.ts","sourceRoot":"","sources":["ProgressBarCommon.js"],"names":[],"mappings":"AAEA;IACE,WAME;CAgCH;;;;8BAzC6B,iCAAiC"}
+{"version":3,"file":"ProgressBarCommon.d.ts","sourceRoot":"","sources":["ProgressBarCommon.js"],"names":[],"mappings":"AAGA;IACE,WAME;CAgCH;;;;8BAzC6B,iCAAiC"}

package/blocks/ProgressBarCommon/ProgressBarCommon.js

@@ -1,3 +1,4 @@
+import { html } from '../../symbiote.js';
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 
 export class ProgressBarCommon extends UploaderBlock {
@@ -41,4 +42,4 @@ export class ProgressBarCommon extends UploaderBlock {
   }
 }
 
-ProgressBarCommon.template = /* HTML */ ` <uc-progress-bar set="visible: visible; value: value"></uc-progress-bar> `;
+ProgressBarCommon.template = html` <uc-progress-bar set="visible: visible; value: value"></uc-progress-bar> `;

package/blocks/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AAEA;IACE,WAeE;IAPE,WAAkC;CAqBvC;;;;sBAhCqB,yBAAyB"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AAGA;IACE,WAeE;IAPE,WAAkC;CAyBvC;;;;sBApCqB,yBAAyB"}

package/blocks/Select/Select.js

@@ -1,3 +1,4 @@
+import { html } from '../../symbiote.js';
 import { Block } from '../../abstract/Block.js';
 
 export class Select extends Block {
@@ -21,15 +22,19 @@ export class Select extends Block {
   initCallback() {
     super.initCallback();
 
-    this.sub('options', (/** @type {{ text: String; value: String }[]} */ options) => {
-      this.$.currentText = options?.[0]?.text || '';
-      let html = '';
-      options?.forEach((opt) => {
-        html += /* HTML */ `<option value="${opt.value}">${opt.text}</option>`;
-      });
-      this.$.selectHtml = html;
-    });
+    this.defineAccessor(
+      'options',
+      /** @param {{ text: String; value: String }[]} options */
+      (options) => {
+        this.$.currentText = options?.[0]?.text || '';
+        let htmlCode = '';
+        options?.forEach((opt) => {
+          htmlCode += html`<option value="${opt.value}">${opt.text}</option>`;
+        });
+        this.$.selectHtml = htmlCode;
+      },
+    );
   }
 }
 
-Select.template = /* HTML */ ` <select ref="select" set="innerHTML: selectHtml; onchange: onSelect"></select> `;
+Select.template = html` <select ref="select" set="innerHTML: selectHtml; onchange: onSelect"></select> `;

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': 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":"AAKA;IAMI;;;;;;;oCAgBW,gBACP;mCAGO,gBAAU;6BAInB,2BAAoB;;wCAOtB,wCAAsB;;;;;;MAxBrB;CAoBJ;;;;8BApC6B,iCAAiC"}

package/blocks/SimpleBtn/SimpleBtn.js

@@ -1,4 +1,5 @@
 // @ts-check
+import { html } from '../../symbiote.js';
 import { UploaderBlock } from '../../abstract/UploaderBlock.js';
 import { asBoolean } from '../Config/normalizeConfigValue.js';
 
@@ -37,7 +38,7 @@ export class SimpleBtn extends UploaderBlock {
   }
 }
 
-SimpleBtn.template = /* HTML */ `
+SimpleBtn.template = html`
   <uc-drop-area set="@disabled: !withDropZone">
     <button type="button" set="onclick: onClick">
       <uc-icon name="upload"></uc-icon>

package/blocks/SourceBtn/SourceBtn.d.ts

@@ -22,8 +22,8 @@ export class SourceBtn 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': 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;