@uploadcare/file-uploader 1.21.0-alpha.2 → 1.21.0

package/locales/file-uploader/sr.js

@@ -124,4 +124,10 @@ export default {
   'deselect-all': 'Поништи избор свих',
   'waiting-for': 'Чека се {{source}}',
   queued: 'У реду',
+  'a11y-cloud-editor-apply-aspect-ratio': 'Примени операцију {{name}} {{value}}',
+  'aspect-ratio': 'Однос страница',
+
+  'crop-to-shape': 'Исеци на {{value}}',
+
+  custom: 'Прилагођен',
 };

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

@@ -121,6 +121,10 @@ declare const _default: {
     'select-all': string;
     'deselect-all': string;
     'waiting-for': string;
+    'a11y-cloud-editor-apply-aspect-ratio': string;
+    'aspect-ratio': string;
+    'crop-to-shape': string;
+    custom: string;
 };
 export default _default;
 //# sourceMappingURL=sv.d.ts.map

package/locales/file-uploader/sv.js

@@ -122,4 +122,10 @@ export default {
   'select-all': 'Välj alla',
   'deselect-all': 'Avmarkera alla',
   'waiting-for': 'Väntar på {{source}}',
+  'a11y-cloud-editor-apply-aspect-ratio': 'Använd åtgärd {{name}} {{value}}',
+  'aspect-ratio': 'Bildförhållande',
+
+  'crop-to-shape': 'Beskär till {{value}}',
+
+  custom: 'Anpassad',
 };

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

@@ -121,6 +121,10 @@ declare const _default: {
     'select-all': string;
     'deselect-all': string;
     'waiting-for': string;
+    'a11y-cloud-editor-apply-aspect-ratio': string;
+    'aspect-ratio': string;
+    'crop-to-shape': string;
+    custom: string;
 };
 export default _default;
 //# sourceMappingURL=tr.d.ts.map

package/locales/file-uploader/tr.js

@@ -122,4 +122,10 @@ export default {
   'select-all': 'Hepsini seç',
   'deselect-all': 'Hiçbirini seçme',
   'waiting-for': '{{source}} bekleniyor',
+  'a11y-cloud-editor-apply-aspect-ratio': '{{name}} {{value}} işlemini uygula',
+  'aspect-ratio': 'En boy oranı',
+
+  'crop-to-shape': '{{value}} boyutuna kırp',
+
+  custom: 'Özel',
 };

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

@@ -125,6 +125,10 @@ declare const _default: {
     'select-all': string;
     'deselect-all': string;
     'waiting-for': string;
+    'a11y-cloud-editor-apply-aspect-ratio': string;
+    'aspect-ratio': string;
+    'crop-to-shape': string;
+    custom: string;
 };
 export default _default;
 //# sourceMappingURL=uk.d.ts.map

package/locales/file-uploader/uk.js

@@ -126,4 +126,10 @@ export default {
   'select-all': 'Вибрати всі',
   'deselect-all': 'Скасувати вибір всіх',
   'waiting-for': 'Очікування {{source}}',
+  'a11y-cloud-editor-apply-aspect-ratio': 'Застосувати операцію {{name}} {{value}}',
+  'aspect-ratio': 'Співвідношення сторін',
+
+  'crop-to-shape': 'Обрізати до {{value}}',
+
+  custom: 'Користувацький',
 };

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

@@ -121,6 +121,10 @@ declare const _default: {
     'select-all': string;
     'deselect-all': string;
     'waiting-for': string;
+    'a11y-cloud-editor-apply-aspect-ratio': string;
+    'aspect-ratio': string;
+    'crop-to-shape': string;
+    custom: string;
 };
 export default _default;
 //# sourceMappingURL=vi.d.ts.map

package/locales/file-uploader/vi.js

@@ -122,4 +122,10 @@ export default {
   'select-all': 'Chọn tất cả',
   'deselect-all': 'Bỏ chọn tất cả',
   'waiting-for': 'Đang chờ {{source}}',
+  'a11y-cloud-editor-apply-aspect-ratio': 'Áp dụng thao tác {{name}} {{value}}',
+  'aspect-ratio': 'Tỷ lệ khung hình',
+
+  'crop-to-shape': 'Cắt theo {{value}}',
+
+  custom: 'Tùy chỉnh',
 };

package/locales/file-uploader/zh-TW.d.ts

@@ -121,6 +121,10 @@ declare const _default: {
     'select-all': string;
     'deselect-all': string;
     'waiting-for': string;
+    'a11y-cloud-editor-apply-aspect-ratio': string;
+    'aspect-ratio': string;
+    'crop-to-shape': string;
+    custom: string;
 };
 export default _default;
 //# sourceMappingURL=zh-TW.d.ts.map

package/locales/file-uploader/zh-TW.js

@@ -122,4 +122,10 @@ export default {
   'select-all': '全選',
   'deselect-all': '取消全選',
   'waiting-for': '等待 {{source}}',
+  'a11y-cloud-editor-apply-aspect-ratio': '套用操作 {{name}} {{value}}',
+  'aspect-ratio': '寬高比',
+
+  'crop-to-shape': '裁剪為 {{value}}',
+
+  custom: '自訂',
 };

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

@@ -121,6 +121,10 @@ declare const _default: {
     'select-all': string;
     'deselect-all': string;
     'waiting-for': string;
+    'a11y-cloud-editor-apply-aspect-ratio': string;
+    'aspect-ratio': string;
+    'crop-to-shape': string;
+    custom: string;
 };
 export default _default;
 //# sourceMappingURL=zh.d.ts.map

package/locales/file-uploader/zh.js

@@ -122,4 +122,10 @@ export default {
   'select-all': '全选',
   'deselect-all': '取消全选',
   'waiting-for': '等待 {{source}}',
+  'a11y-cloud-editor-apply-aspect-ratio': '应用操作 {{name}} {{value}}',
+  'aspect-ratio': '宽高比',
+
+  'crop-to-shape': '裁剪为 {{value}}',
+
+  custom: '自定义',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.21.0-alpha.2",
+  "version": "1.21.0",
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",
@@ -35,9 +35,7 @@
     "MIT"
   ],
   "type": "module",
-  "sideEffects": [
-    "*.css"
-  ],
+  "sideEffects": ["*.css"],
   "module": "./index.js",
   "exports": {
     ".": {
@@ -121,7 +119,7 @@
     "nano-jsx": "^0.1.0",
     "node-watch": "^0.7.3",
     "npm-run-all": "^4.1.5",
-    "playwright": "^1.51.1",
+    "playwright": "^1.55.0",
     "postcss": "^8.4.21",
     "prettier": "^3.2.4",
     "prettier-plugin-jsdoc": "1.3.0",
@@ -134,7 +132,7 @@
     "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
     "stylelint-order": "^6.0.3",
     "svg-sprite": "^2.0.4",
-    "tsd": "^0.31.2",
+    "tsd": "^0.32.0",
     "typescript": "^5.8.2",
     "vite": "^6.3.4",
     "vitest": "^3.1.2"
@@ -143,8 +141,10 @@
   "license": "MIT",
   "dependencies": {
     "@symbiotejs/symbiote": "^1.11.7",
-    "@uploadcare/image-shrink": "^6.14.1",
-    "@uploadcare/upload-client": "^6.14.1",
+    "@uploadcare/cname-prefix": "^6.17.0",
+    "@uploadcare/image-shrink": "^6.17.0",
+    "@uploadcare/quality-insights": "^6.17.0",
+    "@uploadcare/upload-client": "^6.17.0",
     "keyux": "^0.7.1"
   }
 }

package/solutions/cloud-image-editor/CloudImageEditor.d.ts

@@ -1,4 +1,39 @@
 export class CloudImageEditor extends CloudImageEditorBlock {
+    init$: {
+        '*solution': string;
+        '*originalUrl': null;
+        '*faderEl': null;
+        '*cropperEl': null;
+        '*imgEl': null;
+        '*imgContainerEl': null;
+        '*networkProblems': boolean;
+        '*imageSize': null;
+        '*editorTransformations': import("../../blocks/CloudImageEditor/src/types.js").Transformations;
+        '*cropPresetList': import("../../blocks/CloudImageEditor/src/types.js").CropPresetList;
+        '*currentAspectRatio': null;
+        '*tabList': ("crop" | "tuning" | "filters")[];
+        '*tabId': "crop";
+        entry: null;
+        extension: null;
+        editorMode: boolean;
+        modalCaption: string;
+        isImage: boolean;
+        msg: string;
+        src: string;
+        fileType: string;
+        showLoader: boolean;
+        uuid: null;
+        cdnUrl: null;
+        cropPreset: string;
+        tabs: string;
+        'presence.networkProblems': boolean;
+        'presence.modalCaption': boolean;
+        'presence.editorToolbar': boolean;
+        'presence.viewerToolbar': boolean;
+        '*on.retryNetwork': () => void;
+        '*on.apply': (transformations: import("../../blocks/CloudImageEditor/src/types.js").Transformations) => void;
+        '*on.cancel': () => void;
+    };
 }
 import { CloudImageEditorBlock } from '../../blocks/CloudImageEditor/src/CloudImageEditorBlock.js';
 //# sourceMappingURL=CloudImageEditor.d.ts.map

package/solutions/cloud-image-editor/CloudImageEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloudImageEditor.d.ts","sourceRoot":"","sources":["CloudImageEditor.js"],"names":[],"mappings":"AAGA;CAQC;sCAVqC,4DAA4D"}
+{"version":3,"file":"CloudImageEditor.d.ts","sourceRoot":"","sources":["CloudImageEditor.js"],"names":[],"mappings":"AAIA;IAMI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAGC;CAUJ;sCArBqC,4DAA4D"}

package/solutions/cloud-image-editor/CloudImageEditor.js

@@ -1,12 +1,24 @@
 // @ts-check
+import { InternalEventType } from '../../blocks/UploadCtxProvider/EventEmitter.js';
 import { CloudImageEditorBlock } from '../../blocks/CloudImageEditor/src/CloudImageEditorBlock.js';
 
 export class CloudImageEditor extends CloudImageEditorBlock {
   static styleAttrs = [...super.styleAttrs, 'uc-wgt-common'];
 
+  constructor() {
+    super();
+
+    this.init$ = {
+      ...this.init$,
+      '*solution': this.tagName,
+    };
+  }
+
   initCallback() {
     super.initCallback();
 
+    this.emit(InternalEventType.INIT_SOLUTION, undefined);
+
     this.a11y?.registerBlock(this);
   }
 }

package/solutions/file-uploader/inline/FileUploaderInline.d.ts

@@ -1,15 +1,16 @@
 export class FileUploaderInline extends SolutionBlock {
     init$: {
         couldCancel: boolean;
+        '*solution': string;
         cancel: () => void;
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': ReturnType<import("./index.js").OutputErrorCollection>[];
+        '*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;
+        '*secureUploadsManager': import("../../../abstract/managers/SecureUploadsManager.js").SecureUploadsManager | null;
         '*currentActivity': null;
         '*currentActivityParams': {};
         '*history': never[];

package/solutions/file-uploader/inline/FileUploaderInline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderInline.d.ts","sourceRoot":"","sources":["FileUploaderInline.js"],"names":[],"mappings":"AAIA;IAMI;;;;;;;;;;;;;;;;MAUC;IAGH,gCAGC;IAED,6BAEC;CA0BF;;;;8BAtD6B,oCAAoC"}
+{"version":3,"file":"FileUploaderInline.d.ts","sourceRoot":"","sources":["FileUploaderInline.js"],"names":[],"mappings":"AAKA;IAMI;;;;;;;;;;;;;;;;;MAWC;IAGH,gCAGC;IAED,6BAEC;CA4BF;;;;8BAzD6B,oCAAoC"}

package/solutions/file-uploader/inline/FileUploaderInline.js

@@ -1,4 +1,5 @@
 // @ts-check
+import { InternalEventType } from '../../../blocks/UploadCtxProvider/EventEmitter.js';
 import { ActivityBlock } from '../../../abstract/ActivityBlock.js';
 import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
 
@@ -11,6 +12,7 @@ export class FileUploaderInline extends SolutionBlock {
     this.init$ = {
       ...this.init$,
       couldCancel: false,
+      '*solution': this.tagName,
       cancel: () => {
         if (this.couldHistoryBack) {
           this.$['*historyBack']();
@@ -33,6 +35,8 @@ export class FileUploaderInline extends SolutionBlock {
   initCallback() {
     super.initCallback();
 
+    this.emit(InternalEventType.INIT_SOLUTION, undefined);
+
     /** @type {import('../../../abstract/UploaderBlock.js').UploaderBlock} */
     const uBlock = this.ref.uBlock;
     this.sub('*currentActivity', (val) => {

package/solutions/file-uploader/minimal/FileUploaderMinimal.d.ts

@@ -4,14 +4,15 @@ export class FileUploaderMinimal extends SolutionBlock {
         isHiddenStartFrom: boolean;
         classUploadList: string;
         classStartFrom: string;
+        '*solution': string;
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': ReturnType<import("./index.js").OutputErrorCollection>[];
+        '*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;
+        '*secureUploadsManager': import("../../../abstract/managers/SecureUploadsManager.js").SecureUploadsManager | null;
         '*currentActivity': null;
         '*currentActivityParams': {};
         '*history': never[];
@@ -19,20 +20,20 @@ export class FileUploaderMinimal extends SolutionBlock {
         '*closeModal': () => void;
     };
     _handleModalOpen(data: {
-        id: import("../../../abstract/ModalManager.js").ModalId;
-        modal: import("../../../abstract/ModalManager.js").ModalNode;
+        id: import("../../../abstract/managers/ModalManager.js").ModalId;
+        modal: import("../../../abstract/managers/ModalManager.js").ModalNode;
     }): void;
     _handleModalClose(data: {
-        id: import("../../../abstract/ModalManager.js").ModalId;
-        modal: import("../../../abstract/ModalManager.js").ModalNode;
+        id: import("../../../abstract/managers/ModalManager.js").ModalId;
+        modal: import("../../../abstract/managers/ModalManager.js").ModalNode;
     }): void;
     handleModalOpen: ((data: {
-        id: import("../../../abstract/ModalManager.js").ModalId;
-        modal: import("../../../abstract/ModalManager.js").ModalNode;
+        id: import("../../../abstract/managers/ModalManager.js").ModalId;
+        modal: import("../../../abstract/managers/ModalManager.js").ModalNode;
     }) => void) | undefined;
     handleModalClose: ((data: {
-        id: import("../../../abstract/ModalManager.js").ModalId;
-        modal: import("../../../abstract/ModalManager.js").ModalNode;
+        id: import("../../../abstract/managers/ModalManager.js").ModalId;
+        modal: import("../../../abstract/managers/ModalManager.js").ModalNode;
     }) => void) | undefined;
 }
 export namespace FileUploaderMinimal {

package/solutions/file-uploader/minimal/FileUploaderMinimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderMinimal.d.ts","sourceRoot":"","sources":["FileUploaderMinimal.js"],"names":[],"mappings":"AAQA;IAMI;;;;;;;;;;;;;;;;;;MAMC;;;;;;;;;IA8FD;;;4BAAuD;IACvD;;;4BAAyD;CAW5D;;;;8BA5H6B,oCAAoC"}
+{"version":3,"file":"FileUploaderMinimal.d.ts","sourceRoot":"","sources":["FileUploaderMinimal.js"],"names":[],"mappings":"AASA;IAMI;;;;;;;;;;;;;;;;;;;MAOC;;;;;;;;;IAgGD;;;4BAAuD;IACvD;;;4BAAyD;CAW5D;;;;8BAhI6B,oCAAoC"}

package/solutions/file-uploader/minimal/FileUploaderMinimal.js

@@ -1,7 +1,8 @@
 //@ts-check
 import { ActivityBlock } from '../../../abstract/ActivityBlock.js';
 import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
-import { ModalEvents } from '../../../abstract/ModalManager.js';
+import { ModalEvents } from '../../../abstract/managers/ModalManager.js';
+import { InternalEventType } from '../../../blocks/UploadCtxProvider/EventEmitter.js';
 
 const ACTIVE_CLASS = 'active';
 const EMPTY_CLASS = '';
@@ -18,12 +19,13 @@ export class FileUploaderMinimal extends SolutionBlock {
       isHiddenStartFrom: false,
       classUploadList: EMPTY_CLASS,
       classStartFrom: EMPTY_CLASS,
+      '*solution': this.tagName,
     };
   }
 
-  /** @type {import('../../../abstract/ModalManager.js').ModalCb} */
+  /** @type {import('../../../abstract/managers/ModalManager.js').ModalCb} */
   _handleModalOpen(e) {
-    if (e.id === ActivityBlock.activities.CLOUD_IMG_EDIT || e.id === ActivityBlock.activities.AI_GENERATE) {
+    if (e.id === ActivityBlock.activities.CLOUD_IMG_EDIT) {
       this.set$({
         classUploadList: ACTIVE_CLASS,
       });
@@ -43,7 +45,7 @@ export class FileUploaderMinimal extends SolutionBlock {
     }
   }
 
-  /** @type {import('../../../abstract/ModalManager.js').ModalCb} */
+  /** @type {import('../../../abstract/managers/ModalManager.js').ModalCb} */
   _handleModalClose(e) {
     if (e.id === this.$['*currentActivity']) {
       this.$['*currentActivity'] = ActivityBlock.activities.UPLOAD_LIST;
@@ -52,7 +54,7 @@ export class FileUploaderMinimal extends SolutionBlock {
       });
     }
 
-    if (e.id === ActivityBlock.activities.CLOUD_IMG_EDIT || e.id === ActivityBlock.activities.AI_GENERATE) {
+    if (e.id === ActivityBlock.activities.CLOUD_IMG_EDIT) {
       this.$['*currentActivity'] = ActivityBlock.activities.UPLOAD_LIST;
     }
   }
@@ -60,6 +62,8 @@ export class FileUploaderMinimal extends SolutionBlock {
   initCallback() {
     super.initCallback();
 
+    this.emit(InternalEventType.INIT_SOLUTION, undefined);
+
     /** @type {import('../../../abstract/UploaderBlock.js').UploaderBlock} */
     const uBlock = this.ref.uBlock;
     this.sub('*currentActivity', (val) => {
@@ -153,10 +157,6 @@ FileUploaderMinimal.template = /* HTML */ `
     <uc-external-source></uc-external-source>
   </uc-modal>
 
-  <uc-modal id="ai-generate" strokes block-body-scrolling>
-    <uc-ai-generate-source></uc-ai-generate-source>
-  </uc-modal>
-
   <uc-modal id="cloud-image-edit" strokes block-body-scrolling>
     <uc-cloud-image-editor-activity></uc-cloud-image-editor-activity>
   </uc-modal>

package/solutions/file-uploader/regular/FileUploaderRegular.d.ts

@@ -1,14 +1,15 @@
 export class FileUploaderRegular extends SolutionBlock {
     init$: {
         isHidden: boolean;
+        '*solution': string;
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': ReturnType<import("./index.js").OutputErrorCollection>[];
+        '*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;
+        '*secureUploadsManager': import("../../../abstract/managers/SecureUploadsManager.js").SecureUploadsManager | null;
         '*currentActivity': null;
         '*currentActivityParams': {};
         '*history': never[];

package/solutions/file-uploader/regular/FileUploaderRegular.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderRegular.d.ts","sourceRoot":"","sources":["FileUploaderRegular.js"],"names":[],"mappings":"AAIA;IAMI;;;;;;;;;;;;;;;MAGC;CAaJ;;;;8BAzB6B,oCAAoC"}
+{"version":3,"file":"FileUploaderRegular.d.ts","sourceRoot":"","sources":["FileUploaderRegular.js"],"names":[],"mappings":"AAKA;IAMI;;;;;;;;;;;;;;;;MAIC;CAeJ;;;;8BA7B6B,oCAAoC"}

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

@@ -1,6 +1,7 @@
 // @ts-check
 import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
 import { asBoolean } from '../../../blocks/Config/validatorsType.js';
+import { InternalEventType } from '../../../blocks/UploadCtxProvider/EventEmitter.js';
 
 export class FileUploaderRegular extends SolutionBlock {
   static styleAttrs = [...super.styleAttrs, 'uc-file-uploader-regular'];
@@ -11,12 +12,15 @@ export class FileUploaderRegular extends SolutionBlock {
     this.init$ = {
       ...this.init$,
       isHidden: false,
+      '*solution': this.tagName,
     };
   }
 
   initCallback() {
     super.initCallback();
 
+    this.emit(InternalEventType.INIT_SOLUTION, undefined);
+
     this.defineAccessor(
       'headless',
       /** @param {unknown} value */ (value) => {
@@ -54,10 +58,6 @@ FileUploaderRegular.template = /* HTML */ `
     <uc-external-source></uc-external-source>
   </uc-modal>
 
-  <uc-modal id="ai-generate" strokes block-body-scrolling>
-    <uc-ai-generate-source></uc-ai-generate-source>
-  </uc-modal>
-
   <uc-modal id="cloud-image-edit" strokes block-body-scrolling>
     <uc-cloud-image-editor-activity></uc-cloud-image-editor-activity>
   </uc-modal>

package/types/events.d.ts

@@ -2,4 +2,4 @@ import type { EventPayload } from '../blocks/UploadCtxProvider/EventEmitter';
 
 export type EventMap = {
   [T in keyof EventPayload]: CustomEvent<EventPayload[T]>;
-};
+};