@uploadcare/file-uploader 0.50.1-alpha.2

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

@@ -0,0 +1,106 @@
+declare const _default: {
+    'locale-id': string;
+    'social-source-lang': string;
+    'upload-file': string;
+    'upload-files': string;
+    'choose-file': string;
+    'choose-files': string;
+    'drop-files-here': string;
+    'select-file-source': string;
+    selected: string;
+    upload: string;
+    'add-more': string;
+    cancel: string;
+    'start-from-cancel': string;
+    clear: string;
+    'camera-shot': string;
+    'upload-url': string;
+    'upload-url-placeholder': string;
+    'edit-image': string;
+    'edit-detail': string;
+    back: string;
+    done: string;
+    ok: string;
+    'remove-from-list': string;
+    no: string;
+    yes: string;
+    'confirm-your-action': string;
+    'are-you-sure': string;
+    'selected-count': string;
+    'upload-error': string;
+    'validation-error': string;
+    'no-files': string;
+    browse: string;
+    'not-uploaded-yet': string;
+    file__one: string;
+    file__other: string;
+    error__one: string;
+    error__other: string;
+    'header-uploading': string;
+    'header-failed': string;
+    'header-succeed': string;
+    'header-total': string;
+    'src-type-local': string;
+    'src-type-from-url': string;
+    'src-type-camera': string;
+    'src-type-draw': string;
+    'src-type-facebook': string;
+    'src-type-dropbox': string;
+    'src-type-gdrive': string;
+    'src-type-gphotos': string;
+    'src-type-instagram': string;
+    'src-type-flickr': string;
+    'src-type-vk': string;
+    'src-type-evernote': string;
+    'src-type-box': string;
+    'src-type-onedrive': string;
+    'src-type-huddle': string;
+    'src-type-other': string;
+    'caption-from-url': string;
+    'caption-camera': string;
+    'caption-draw': string;
+    'caption-edit-file': string;
+    'file-no-name': string;
+    'toggle-fullscreen': string;
+    'toggle-guides': string;
+    rotate: string;
+    'flip-vertical': string;
+    'flip-horizontal': string;
+    apply: string;
+    brightness: string;
+    contrast: string;
+    saturation: string;
+    exposure: string;
+    gamma: string;
+    vibrance: string;
+    warmth: string;
+    enhance: string;
+    original: string;
+    resize: string;
+    crop: string;
+    'select-color': string;
+    text: string;
+    draw: string;
+    'cancel-edit': string;
+    'tab-view': string;
+    'tab-details': string;
+    'file-name': string;
+    'file-size': string;
+    'cdn-url': string;
+    'file-size-unknown': string;
+    'camera-permissions-denied': string;
+    'camera-permissions-prompt': string;
+    'camera-permissions-request': string;
+    'files-count-limit-error-title': string;
+    'files-count-limit-error-too-few': string;
+    'files-count-limit-error-too-many': string;
+    'files-max-size-limit-error': string;
+    'has-validation-errors': string;
+    'images-only-accepted': string;
+    'file-type-not-allowed': string;
+    'some-files-were-not-uploaded': string;
+    'file-item-edit-button': string;
+    'file-item-remove-button': string;
+};
+export default _default;
+//# sourceMappingURL=zh.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"zh.d.ts","sourceRoot":"","sources":["zh.js"],"names":[],"mappings":""}

package/locales/file-uploader/zh.js

@@ -0,0 +1,105 @@
+export default {
+  'locale-id': 'zh',
+  'social-source-lang': 'zh',
+  'upload-file': '上传文件',
+  'upload-files': '上传多个文件',
+  'choose-file': '选择文件',
+  'choose-files': '选择多个文件',
+  'drop-files-here': '将文件拖到此处',
+  'select-file-source': '选择文件源',
+  selected: '已选择',
+  upload: '上传',
+  'add-more': '添加更多',
+  cancel: '取消',
+  'start-from-cancel': '开始从取消',
+  clear: '清除',
+  'camera-shot': '拍摄',
+  'upload-url': '导入',
+  'upload-url-placeholder': '在此处粘贴链接',
+  'edit-image': '编辑图片',
+  'edit-detail': '详情',
+  back: '返回',
+  done: '完成',
+  ok: '确定',
+  'remove-from-list': '移除',
+  no: '否',
+  yes: '是',
+  'confirm-your-action': '确认您的操作',
+  'are-you-sure': '您确定吗？',
+  'selected-count': '已选择：',
+  'upload-error': '上传错误',
+  'validation-error': '验证错误',
+  'no-files': '未选择文件',
+  browse: '浏览',
+  'not-uploaded-yet': '尚未上传...',
+  file__one: '文件',
+  file__other: '文件',
+  error__one: '错误',
+  error__other: '错误',
+  'header-uploading': '正在上传 {{count}} {{plural:file(count)}}',
+  'header-failed': '{{count}} {{plural:error(count)}}',
+  'header-succeed': '{{count}} {{plural:file(count)}} 已上传',
+  'header-total': '{{count}} {{plural:file(count)}} 已选择',
+  'src-type-local': '从设备',
+  'src-type-from-url': '从链接',
+  'src-type-camera': '相机',
+  'src-type-draw': '绘制',
+  'src-type-facebook': 'Facebook',
+  'src-type-dropbox': 'Dropbox',
+  'src-type-gdrive': 'Google Drive',
+  'src-type-gphotos': 'Google Photos',
+  'src-type-instagram': 'Instagram',
+  'src-type-flickr': 'Flickr',
+  'src-type-vk': 'VK',
+  'src-type-evernote': 'Evernote',
+  'src-type-box': 'Box',
+  'src-type-onedrive': 'Onedrive',
+  'src-type-huddle': 'Huddle',
+  'src-type-other': '其他',
+  'caption-from-url': '从链接导入',
+  'caption-camera': '相机',
+  'caption-draw': '绘制',
+  'caption-edit-file': '编辑文件',
+  'file-no-name': '无名称...',
+  'toggle-fullscreen': '切换全屏',
+  'toggle-guides': '切换指南',
+  rotate: '旋转',
+  'flip-vertical': '垂直翻转',
+  'flip-horizontal': '水平翻转',
+  apply: '应用',
+  brightness: '亮度',
+  contrast: '对比',
+  saturation: '饱和度',
+  exposure: '曝光',
+  gamma: '伽马',
+  vibrance: '活力',
+  warmth: '温暖',
+  enhance: '增强',
+  original: '原始',
+  resize: '调整图片大小',
+  crop: '裁剪',
+  'select-color': '选择颜色',
+  text: '文本',
+  draw: '绘制',
+  'cancel-edit': '取消编辑',
+  'tab-view': '预览',
+  'tab-details': '详情',
+  'file-name': '名称',
+  'file-size': '大小',
+  'cdn-url': 'CDN URL',
+  'file-size-unknown': '未知',
+  'camera-permissions-denied': '相机访问被拒绝',
+  'camera-permissions-prompt': '请允许访问相机',
+  'camera-permissions-request': '请求访问',
+  'files-count-limit-error-title': '文件数量限制超出',
+  'files-count-limit-error-too-few':
+    '您选择了 {{total}} {{plural:file(total)}}。至少需要 {{min}} {{plural:file(min)}}。',
+  'files-count-limit-error-too-many': '您选择的文件太多了。最多 {{max}} {{plural:file(max)}}。',
+  'files-max-size-limit-error': '文件太大。最大文件大小为 {{maxFileSize}}。',
+  'has-validation-errors': '文件验证错误发生。请在上传前检查您的文件。',
+  'images-only-accepted': '只接受图像文件。',
+  'file-type-not-allowed': '不允许上传这些文件类型。',
+  'some-files-were-not-uploaded': '有些文件未上传。',
+  'file-item-edit-button': '編輯按鈕',
+  'file-item-remove-button': '刪除按鈕',
+};

package/package.json

@@ -0,0 +1,142 @@
+{
+  "name": "@uploadcare/file-uploader",
+  "version": "0.50.1-alpha.2",
+  "description": "Building blocks for Uploadcare products integration",
+  "keywords": [
+    "web components",
+    "uploadcare",
+    "lighter",
+    "file uploader",
+    "adaptive image",
+    "image optimization",
+    "image editing",
+    "image size",
+    "cloud image editor",
+    "symbiote.js",
+    "upload api client",
+    "building blocks",
+    "blocks",
+    "lr-blocks",
+    "uc-blocks",
+    "widget",
+    "integrations",
+    "frontend",
+    "typescript",
+    "smart cdn",
+    "cloud file platform",
+    "transformation api",
+    "webp",
+    "avif",
+    "custom elements",
+    "shadow dom",
+    "shadow root",
+    "css context properties",
+    "meta applications",
+    "MIT"
+  ],
+  "type": "module",
+  "sideEffects": ["*.css"],
+  "module": "./index.js",
+  "exports": {
+    ".": {
+      "node": "./index.ssr.js",
+      "browser": "./index.js",
+      "default": "./index.js"
+    },
+    "./abstract/connectBlocksFrom.js": "./abstract/connectBlocksFrom.js",
+    "./env": "./env.js",
+    "./web/*": "./web/*",
+    "./types/*": "./types/*",
+    "./types/jsx": "./types/jsx.d.ts",
+    "./locales/*": "./locales/*"
+  },
+  "repository": "https://github.com/uploadcare/blocks/",
+  "files": [
+    "{abstract,blocks,solutions,web,utils,types,locales}/**/*.{js,css,d.ts,d.ts.map}",
+    "index.{js,d.ts,d.ts.map}",
+    "index.ssr.{js,d.ts,d.ts.map}",
+    "env.{js,d.ts,d.ts.map}",
+    "README.md",
+    "LICENSE"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "esbuild --servedir=.",
+    "test": "npm run test:types && npm run test:specs && npm run test:locales",
+    "test:types": "tsd -t types/index.d.ts -f types/test/",
+    "test:specs": "web-test-runner \"./{abstract,blocks,solutions,web,utils}/**/*.test.js\" --node-resolve",
+    "test:locales": "npx playwright install && npx playwright install-deps chromium && node ./test-locales.js",
+    "release": "shipjs prepare",
+    "build:web": "npm run clean:web && node ./build.js",
+    "build:ssr-stubs": "node ./build-ssr-stubs.js",
+    "build:jsx:types": "node build-jsx-types.js",
+    "build:types": "npm run clean:types && tsc --build tsconfig.types.json",
+    "build:svg-sprites": "node ./build-svg-sprite.js",
+    "build": "run-s build:svg-sprites build:ssr-stubs build:web build:types build:jsx:types",
+    "tsc": "tsc --project tsconfig.json",
+    "lint:js": "eslint ./",
+    "lint:js:fix": "eslint ./ --fix",
+    "lint:css": "stylelint './**/*.css'",
+    "lint:css:fix": "stylelint './**/*.css' --fix",
+    "lint": "run-s lint:js lint:css",
+    "clean:web": "rimraf -g './web/**/*.{js,css}'",
+    "clean:types": "rimraf -g './{abstract,blocks,solutions,web,utils,test,locales}/**/*.{d.ts,d.ts.map}' && rimraf -g './*.{d.ts,d.ts.map}'",
+    "clean": "run-s clean:*",
+    "format:js": "prettier --write './**/*.{js,cjs}'",
+    "format:css": "prettier --write --parser css './**/*.css'",
+    "format:html": "prettier --write --parser html './**/*.html'",
+    "format:json": "prettier --write --parser json './**/*.json'",
+    "format:md": "prettier --write --parser markdown './**/*.md'",
+    "format": "run-s lint:js:fix lint:css:fix format:js format:css format:json format:md",
+    "prepare": "husky install"
+  },
+  "devDependencies": {
+    "@babel/eslint-parser": "^7.23.3",
+    "@babel/preset-env": "^7.21.4",
+    "@esm-bundle/chai": "^4.3.4-fix.0",
+    "@happy-dom/global-registrator": "^9.8.4",
+    "@jam-do/jam-tools": "^0.0.4",
+    "@total-typescript/ts-reset": "^0.5.1",
+    "@types/chai": "^4.3.4",
+    "@types/mocha": "^10.0.1",
+    "@types/node": "^18.15.11",
+    "@types/react": "^18.2.34",
+    "@web/dev-server": "^0.1.38",
+    "@web/test-runner": "^0.15.3",
+    "esbuild": "^0.19.9",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "highlight.js": "^11.7.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.1",
+    "marked": "^4.3.0",
+    "node-watch": "^0.7.3",
+    "npm-run-all": "^4.1.5",
+    "playwright": "^1.42.1",
+    "postcss": "^8.4.21",
+    "prettier": "^3.2.4",
+    "prettier-plugin-jsdoc": "1.3.0",
+    "puppeteer": "^19.8.5",
+    "rimraf": "^5.0.0",
+    "shipjs": "^0.26.3",
+    "sinon": "^16.1.0",
+    "stylelint": "^15.4.0",
+    "stylelint-config-standard": "^32.0.0",
+    "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
+    "stylelint-order": "^6.0.3",
+    "svg-sprite": "^2.0.4",
+    "tsd": "^0.29.0",
+    "typescript": "^5.2.2"
+  },
+  "author": "Uploadcare Inc.",
+  "license": "MIT",
+  "dependencies": {
+    "@symbiotejs/symbiote": "^1.11.7",
+    "@uploadcare/image-shrink": "^6.14.1",
+    "@uploadcare/upload-client": "^6.14.1",
+    "keyux": "^0.7.1"
+  }
+}

package/solutions/adaptive-image/index.d.ts

@@ -0,0 +1,3 @@
+export { Img };
+import { Img } from '../../blocks/Img/Img.js';
+//# sourceMappingURL=index.d.ts.map

package/solutions/adaptive-image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":";oBAAoB,yBAAyB"}

package/solutions/adaptive-image/index.js

@@ -0,0 +1,5 @@
+import { Img } from '../../blocks/Img/Img.js';
+
+Img.reg('uc-img');
+
+export { Img };

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

@@ -0,0 +1,4 @@
+export class CloudImageEditor extends CloudImageEditorBlock {
+}
+import { CloudImageEditorBlock } from '../../blocks/CloudImageEditor/src/CloudImageEditorBlock.js';
+//# sourceMappingURL=CloudImageEditor.d.ts.map

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

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

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

@@ -0,0 +1,12 @@
+// @ts-check
+import { CloudImageEditorBlock } from '../../blocks/CloudImageEditor/src/CloudImageEditorBlock.js';
+
+export class CloudImageEditor extends CloudImageEditorBlock {
+  static styleAttrs = [...super.styleAttrs, 'uc-wgt-common'];
+
+  initCallback() {
+    super.initCallback();
+
+    this.a11y?.registerBlock(this);
+  }
+}

package/solutions/cloud-image-editor/index.css

@@ -0,0 +1,2 @@
+@import url('../../blocks/themes/uc-basic/theme.css');
+@import url('../../blocks/CloudImageEditor/index.css');

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

@@ -0,0 +1,6 @@
+export * from "../../blocks/CloudImageEditor/index.js";
+export * from "./CloudImageEditor.js";
+export { Icon } from "../../blocks/Icon/Icon.js";
+export { registerBlocks } from "../../abstract/registerBlocks.js";
+export { Config } from "../../blocks/Config/Config.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}

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

@@ -0,0 +1,11 @@
+export * from '../../blocks/CloudImageEditor/index.js';
+export * from './CloudImageEditor.js';
+
+/* TODO: We need to make some dependency injection/checking magic
+I see it as a declared list of tags on which the block depends
+Then we can check whether the dependent tag is registered in the CustomElementRegistry or not.
+If not, register it from default ones or just log the warning */
+
+export { Icon } from '../../blocks/Icon/Icon.js';
+export { registerBlocks } from '../../abstract/registerBlocks.js';
+export { Config } from '../../blocks/Config/Config.js';

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

@@ -0,0 +1,27 @@
+export class FileUploaderInline extends SolutionBlock {
+    init$: {
+        couldCancel: boolean;
+        cancel: () => void;
+        '*commonProgress': number;
+        '*uploadList': never[];
+        '*focusedEntry': null;
+        '*uploadQueue': import("@uploadcare/upload-client").Queue;
+        '*collectionErrors': any[];
+        '*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;
+        '*currentActivity': null;
+        '*currentActivityParams': {};
+        '*history': never[];
+        '*historyBack': null;
+        '*closeModal': () => void;
+    };
+    get couldHistoryBack(): boolean;
+    get couldShowList(): boolean;
+}
+export namespace FileUploaderInline {
+    let template: string;
+}
+import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
+//# sourceMappingURL=FileUploaderInline.d.ts.map

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

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

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

@@ -0,0 +1,75 @@
+// @ts-check
+import { ActivityBlock } from '../../../abstract/ActivityBlock.js';
+import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
+
+export class FileUploaderInline extends SolutionBlock {
+  static styleAttrs = [...super.styleAttrs, 'uc-file-uploader-inline'];
+
+  constructor() {
+    super();
+
+    this.init$ = {
+      ...this.init$,
+      couldCancel: false,
+      cancel: () => {
+        if (this.couldHistoryBack) {
+          this.$['*historyBack']();
+        } else if (this.couldShowList) {
+          this.$['*currentActivity'] = ActivityBlock.activities.UPLOAD_LIST;
+        }
+      },
+    };
+  }
+
+  get couldHistoryBack() {
+    const history = this.$['*history'];
+    return history.length > 1 && history[history.length - 1] !== ActivityBlock.activities.START_FROM;
+  }
+
+  get couldShowList() {
+    return this.cfg.showEmptyList || this.$['*uploadList'].length > 0;
+  }
+
+  initCallback() {
+    super.initCallback();
+
+    /** @type {import('../../../abstract/UploaderBlock.js').UploaderBlock} */
+    const uBlock = this.ref.uBlock;
+    this.sub('*currentActivity', (val) => {
+      if (!val) {
+        this.$['*currentActivity'] = uBlock.initActivity || ActivityBlock.activities.START_FROM;
+      }
+    });
+
+    this.sub('*uploadList', (list) => {
+      if (
+        list?.length > 0 &&
+        this.$['*currentActivity'] === (uBlock.initActivity || ActivityBlock.activities.START_FROM)
+      ) {
+        this.$['*currentActivity'] = ActivityBlock.activities.UPLOAD_LIST;
+      }
+    });
+
+    this.sub('*history', () => {
+      this.$['couldCancel'] = this.couldHistoryBack || this.couldShowList;
+    });
+  }
+}
+
+FileUploaderInline.template = /* HTML */ ` <uc-start-from>
+    <uc-drop-area with-icon clickable></uc-drop-area>
+    <uc-source-list wrap></uc-source-list>
+    <button
+      type="button"
+      l10n="start-from-cancel"
+      class="uc-cancel-btn uc-secondary-btn"
+      set="onclick: cancel; @hidden: !couldCancel"
+    ></button>
+    <uc-copyright></uc-copyright>
+  </uc-start-from>
+  <uc-upload-list ref="uBlock"></uc-upload-list>
+  <uc-camera-source></uc-camera-source>
+  <uc-url-source></uc-url-source>
+  <uc-external-source></uc-external-source>
+  <uc-progress-bar></uc-progress-bar>
+  <uc-cloud-image-editor-activity></uc-cloud-image-editor-activity>`;

package/solutions/file-uploader/inline/index.css

@@ -0,0 +1,54 @@
+@import url('../../../blocks/themes/uc-basic/index.css');
+
+[uc-file-uploader-inline] uc-start-from {
+  height: 100%;
+  container-type: inline-size;
+}
+
+[uc-file-uploader-inline] {
+  --cfg-done-activity: 'start-from';
+  --cfg-init-activity: 'start-from';
+
+  flex: 1;
+}
+
+[uc-file-uploader-inline] uc-activity-header::after {
+  width: var(--uc-button-size);
+  height: var(--uc-button-size);
+  content: '';
+}
+
+[uc-file-uploader-inline] uc-activity-header .uc-close-btn {
+  display: none;
+}
+
+[uc-file-uploader-inline] uc-copyright .uc-credits {
+  position: static;
+}
+
+@container (min-width: 500px) {
+  [uc-file-uploader-inline] uc-start-from .uc-content {
+    grid-template-columns: 1fr max-content;
+    height: 100%;
+  }
+
+  [uc-file-uploader-inline] uc-start-from uc-copyright {
+    grid-column: 2;
+  }
+
+  [uc-file-uploader-inline] uc-start-from uc-drop-area {
+    grid-row: span 3;
+  }
+
+  [uc-file-uploader-inline] uc-start-from:has(uc-copyright[hidden]) uc-drop-area {
+    grid-row: span 2;
+  }
+
+  [uc-file-uploader-inline] uc-start-from:has(.uc-cancel-btn[hidden]) uc-drop-area {
+    grid-row: span 2;
+  }
+
+  [uc-file-uploader-inline] uc-start-from:has(uc-copyright[hidden]):has(.uc-cancel-btn[hidden]) uc-drop-area {
+    grid-row: span 1;
+  }
+}

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

@@ -0,0 +1,2 @@
+export * from "../../../index.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+export * from '../../../index.js';

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

@@ -0,0 +1,7 @@
+export class FileUploaderMinimal extends SolutionBlock {
+}
+export namespace FileUploaderMinimal {
+    let template: string;
+}
+import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
+//# sourceMappingURL=FileUploaderMinimal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploaderMinimal.d.ts","sourceRoot":"","sources":["FileUploaderMinimal.js"],"names":[],"mappings":"AAGA;CAkCC;;;;8BApC6B,oCAAoC"}

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

@@ -0,0 +1,46 @@
+import { ActivityBlock } from '../../../abstract/ActivityBlock.js';
+import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
+
+export class FileUploaderMinimal extends SolutionBlock {
+  static styleAttrs = [...super.styleAttrs, 'uc-file-uploader-minimal'];
+
+  initCallback() {
+    super.initCallback();
+
+    /** @type {import('../../../abstract/UploaderBlock.js').UploaderBlock} */
+    const uBlock = this.ref.uBlock;
+    this.sub('*currentActivity', (val) => {
+      if (!val) {
+        this.$['*currentActivity'] = uBlock.initActivity || ActivityBlock.activities.START_FROM;
+      }
+    });
+
+    this.sub('*uploadList', (list) => {
+      if (list?.length > 0) {
+        this.$['*currentActivity'] = ActivityBlock.activities.UPLOAD_LIST;
+      } else {
+        this.$['*currentActivity'] = uBlock.initActivity || ActivityBlock.activities.START_FROM;
+      }
+    });
+
+    this.subConfigValue('sourceList', (sourceList) => {
+      if (sourceList !== 'local') {
+        this.cfg.sourceList = 'local';
+      }
+    });
+
+    this.subConfigValue('confirmUpload', (confirmUpload) => {
+      if (confirmUpload !== false) {
+        this.cfg.confirmUpload = false;
+      }
+    });
+  }
+}
+
+FileUploaderMinimal.template = /* HTML */ `
+  <uc-start-from>
+    <uc-drop-area tabindex="0" clickable l10n="choose-file"></uc-drop-area>
+    <uc-copyright></uc-copyright>
+  </uc-start-from>
+  <uc-upload-list ref="uBlock"></uc-upload-list>
+`;