@uploadcare/file-uploader 1.28.0-alpha.0 → 1.28.0-alpha.1

package/dist/ActivityHeader-R6Mlx-dA.js

@@ -0,0 +1,9 @@
+/**
+* @license
+* Package: @uploadcare/file-uploader@1.28.0-alpha.1 (MIT)
+* License: https://github.com/uploadcare/blob/main/LICENSE
+* Built: 2026-03-02T20:26:07.910Z
+*/
+import { n as LitActivityBlock } from "./LitUploaderBlock-LxeOZ0ya.js";
+var ActivityHeader = class extends LitActivityBlock {};
+export { ActivityHeader as t };

package/dist/ActivityHeader.css

@@ -0,0 +1,23 @@
+
+  uc-activity-header {
+    display: flex;
+    justify-content: space-between;
+    gap: var(--uc-padding);
+    padding: var(--uc-padding);
+    color: var(--uc-foreground);
+    font-weight: 500;
+    font-size: 1em;
+  }
+
+  uc-activity-header > * {
+    display: flex;
+    align-items: center;
+  }
+
+  uc-activity-header > div > uc-icon {
+    width: auto;
+  }
+
+  uc-activity-header > div {
+    gap: var(--uc-padding);
+  }

package/dist/ActivityHeader.layered.css

@@ -0,0 +1,24 @@
+@layer uc.components {
+  uc-activity-header {
+    display: flex;
+    justify-content: space-between;
+    gap: var(--uc-padding);
+    padding: var(--uc-padding);
+    color: var(--uc-foreground);
+    font-weight: 500;
+    font-size: 1em;
+  }
+
+  uc-activity-header > * {
+    display: flex;
+    align-items: center;
+  }
+
+  uc-activity-header > div > uc-icon {
+    width: auto;
+  }
+
+  uc-activity-header > div {
+    gap: var(--uc-padding);
+  }
+}

package/dist/{CameraSource-DbyO6GoK.js → CameraSource-DDwj1jCV.js}

@@ -1,16 +1,46 @@
 /**
 * @license
-* Package: @uploadcare/file-uploader@1.28.0-alpha.0 (MIT)
+* Package: @uploadcare/file-uploader@1.28.0-alpha.1 (MIT)
 * License: https://github.com/uploadcare/blob/main/LICENSE
-* Built: 2026-03-02T14:46:15.080Z
+* Built: 2026-03-02T20:26:07.910Z
 */
-import { A as CameraSourceTypes, F as InternalEventType, Q as stringToArray, ct as __decorate, k as CameraSourceEvents, lt as debounce } from "./Icon-CqTVC82Q.js";
-import { c as UploadSource, f as deserializeCsv } from "./plugins-DxjsQUa8.js";
-import { n as LitActivityBlock, t as LitUploaderBlock } from "./LitUploaderBlock-BA34rzeU.js";
+import { $ as stringToArray, A as CameraSourceTypes, I as InternalEventType, j as LitBlock, k as CameraSourceEvents, lt as __decorate, ut as debounce } from "./Icon-tXRTvEF2.js";
+import { c as UploadSource, f as deserializeCsv } from "./plugins-CGUls7EV.js";
+import { n as LitActivityBlock, t as LitUploaderBlock } from "./LitUploaderBlock-LxeOZ0ya.js";
 import { html } from "lit";
-import { state } from "lit/decorators.js";
+import { property, state } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { styleMap } from "lit/directives/style-map.js";
+var Select = class extends LitBlock {
+	constructor(...e) {
+		super(...e), this.value = "", this.disabled = !1, this.options = [], this._handleChange = (e) => {
+			if (this.disabled) {
+				e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			e.preventDefault(), e.stopPropagation();
+			let b = e.currentTarget;
+			b && (this.value = b.value, this.dispatchEvent(new Event("change")));
+		};
+	}
+	render() {
+		return html`
+      <select @change=${this._handleChange} .value=${this.value} ?disabled=${this.disabled}>
+        ${this.options.map((e) => html`<option value=${e.value}>${e.text}</option>`)}
+      </select>
+    `;
+	}
+};
+__decorate([property({
+	type: String,
+	attribute: !1
+})], Select.prototype, "value", void 0), __decorate([property({
+	type: Boolean,
+	reflect: !0
+})], Select.prototype, "disabled", void 0), __decorate([property({
+	type: Array,
+	attribute: !1
+})], Select.prototype, "options", void 0);
 const canUsePermissionsApi = () => navigator.permissions !== void 0;
 var DEFAULT_VIDEO_CONFIG = {
 	width: { ideal: 1920 },
@@ -21,8 +51,8 @@ function formatTime(e) {
 	return `${Math.floor(e / 60).toString().padStart(2, "0")}:${Math.floor(e % 60).toString().padStart(2, "0")}`;
 }
 var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm", CameraSource = class extends LitUploaderBlock {
-	constructor(...v) {
-		super(...v), this.couldBeCtxOwner = !0, this._unsubPermissions = null, this._capturing = !1, this._chunks = [], this._mediaRecorder = null, this._stream = null, this._selectedAudioId = null, this._selectedCameraId = null, this._activeTab = null, this._options = {}, this._canvas = null, this._ctx = null, this._cameraDevices = [], this._audioDevices = [], this._permissionResponses = {}, this._permissionCleanupFns = [], this._currentVideoSource = null, this._handlePreviewPlay = () => {
+	constructor(...e) {
+		super(...e), this.couldBeCtxOwner = !0, this._unsubPermissions = null, this._capturing = !1, this._chunks = [], this._mediaRecorder = null, this._stream = null, this._selectedAudioId = null, this._selectedCameraId = null, this._activeTab = null, this._options = {}, this._canvas = null, this._ctx = null, this._cameraDevices = [], this._audioDevices = [], this._permissionResponses = {}, this._permissionCleanupFns = [], this._currentVideoSource = null, this._handlePreviewPlay = () => {
 			this._startTimeline(), this._currentTimelineIcon = "pause";
 		}, this._handlePreviewPause = () => {
 			this._currentTimelineIcon = "play", this._stopTimeline();
@@ -42,11 +72,11 @@ var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm",
 				this._startRecording();
 			}
 		}, this._handleCameraSelectChange = (e) => {
-			let _ = e.target;
-			_ && (this._selectedCameraId = _.value, this._capture());
+			let b = e.target;
+			b && (this._selectedCameraId = b.value, this._capture());
 		}, this._handleAudioSelectChange = (e) => {
-			let _ = e.target;
-			_ && (this._selectedAudioId = _.value, this._capture());
+			let b = e.target;
+			b && (this._selectedAudioId = b.value, this._capture());
 		}, this._handleRequestPermissions = () => {
 			this._capture();
 		}, this._handleStartCamera = () => {
@@ -81,22 +111,22 @@ var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm",
 				} }
 			}), this._accept();
 		}, this._handleClickTab = (e) => {
-			let _ = e.currentTarget?.getAttribute("data-id");
-			_ && this._handleActiveTab(_);
+			let b = e.currentTarget?.getAttribute("data-id");
+			b && this._handleActiveTab(b);
 		}, this._updateTimer = () => {
 			let e = Math.floor((performance.now() - this._startTime + this._elapsedTime) / 1e3);
 			if (typeof this.cfg.maxVideoRecordingDuration == "number" && this.cfg.maxVideoRecordingDuration > 0) {
-				let _ = this.cfg.maxVideoRecordingDuration - e;
-				if (_ <= 0) {
+				let b = this.cfg.maxVideoRecordingDuration - e;
+				if (b <= 0) {
 					let e = this._timerRef.value;
-					e && (e.textContent = formatTime(_)), this._stopRecording();
+					e && (e.textContent = formatTime(b)), this._stopRecording();
 					return;
 				}
-				let v = this._timerRef.value;
-				v && (v.textContent = formatTime(_));
+				let x = this._timerRef.value;
+				x && (x.textContent = formatTime(b));
 			} else {
-				let _ = this._timerRef.value;
-				_ && (_.textContent = formatTime(e));
+				let b = this._timerRef.value;
+				b && (b.textContent = formatTime(e));
 			}
 			this._animationFrameId = requestAnimationFrame(this._updateTimer);
 		}, this._startTimer = () => {
@@ -106,10 +136,10 @@ var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm",
 		}, this._startTimeline = () => {
 			let e = this._videoRef.value;
 			if (!e) return;
-			let _ = e.currentTime, v = e.duration || 1, y = this._lineRef.value;
-			y && (y.style.transform = `scaleX(${_ / v})`);
-			let b = this._timerRef.value;
-			b && (b.textContent = formatTime(_)), this._animationFrameId = requestAnimationFrame(this._startTimeline);
+			let b = e.currentTime, x = e.duration || 1, S = this._lineRef.value;
+			S && (S.style.transform = `scaleX(${b / x})`);
+			let C = this._timerRef.value;
+			C && (C.textContent = formatTime(b)), this._animationFrameId = requestAnimationFrame(this._startTimeline);
 		}, this._stopTimeline = () => {
 			this._animationFrameId && cancelAnimationFrame(this._animationFrameId);
 		}, this._animationFrameId = null, this._startRecording = () => {
@@ -143,9 +173,9 @@ var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm",
 			});
 		}, this._previewVideo = () => {
 			try {
-				let e = new Blob(this._chunks, { type: this._mediaRecorder?.mimeType }), _ = URL.createObjectURL(e), v = this._videoRef.value;
-				if (!v) return;
-				v.muted = !1, v.volume = 1, this._setVideoSource(null), v.src = _, this._attachPreviewListeners(v);
+				let e = new Blob(this._chunks, { type: this._mediaRecorder?.mimeType }), b = URL.createObjectURL(e), x = this._videoRef.value;
+				if (!x) return;
+				x.muted = !1, x.volume = 1, this._setVideoSource(null), x.src = b, this._attachPreviewListeners(x);
 			} catch (e) {
 				console.error("Failed to preview video", e), this.telemetryManager.sendEventError(e, "camera previewing. Failed to preview video");
 			}
@@ -160,48 +190,48 @@ var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm",
 			if (this._setCameraState(CameraSourceEvents.ACCEPT), this._activeTab === CameraSourceTypes.PHOTO) {
 				this._canvas?.toBlob((e) => {
 					if (!e) return;
-					let _ = this._createFile("camera", "jpeg", DEFAULT_PICTURE_FORMAT, e);
-					this._toSend(_);
+					let b = this._createFile("camera", "jpeg", DEFAULT_PICTURE_FORMAT, e);
+					this._toSend(b);
 				}, DEFAULT_PICTURE_FORMAT);
 				return;
 			}
-			let _ = new Blob(this._chunks, { type: this._mediaRecorder?.mimeType }), v = this._guessExtensionByMime(this._mediaRecorder?.mimeType), y = this._createFile("video", v, `video/${v}`, _);
-			this._toSend(y), this._chunks = [];
-		}, this._handlePhoto = (_) => {
-			_ === CameraSourceEvents.SHOT && (this._tabVideoHidden = !0, this._cameraHidden = !0, this._tabCameraHidden = !0, this._cameraActionsHidden = !1, this._cameraSelectHidden = !0), (_ === CameraSourceEvents.RETAKE || _ === CameraSourceEvents.ACCEPT) && (this._tabVideoHidden = !this._cameraModes.includes(CameraSourceTypes.VIDEO), this._tabCameraHidden = !this._cameraModes.includes(CameraSourceTypes.PHOTO), this._cameraHidden = !1, this._cameraActionsHidden = !0, this._cameraSelectHidden = this._cameraDevices.length <= 1);
-		}, this._handleVideo = (_) => {
-			_ === CameraSourceEvents.PLAY && (this._timerHidden = !1, this._tabCameraHidden = !0, this._cameraSelectHidden = !0, this._audioSelectHidden = !0, this._currentTimelineIcon = "pause", this._currentIcon = "square", this._mutableClassButton = "uc-shot-btn uc-camera-action uc-stop-record"), _ === CameraSourceEvents.STOP && (this._timerHidden = !1, this._cameraHidden = !0, this._audioToggleMicrophoneHidden = !0, this._cameraActionsHidden = !1), (_ === CameraSourceEvents.RETAKE || _ === CameraSourceEvents.ACCEPT) && (this._timerHidden = !0, this._tabVideoHidden = !this._cameraModes.includes(CameraSourceTypes.VIDEO), this._tabCameraHidden = !this._cameraModes.includes(CameraSourceTypes.PHOTO), this._cameraHidden = !1, this._cameraActionsHidden = !0, this._audioToggleMicrophoneHidden = !this.cfg.enableAudioRecording, this._currentIcon = "video-camera-full", this._mutableClassButton = "uc-shot-btn uc-camera-action", this._audioSelectHidden = !this.cfg.enableAudioRecording || this._audioDevices.length <= 1, this._cameraSelectHidden = this._cameraDevices.length <= 1);
-		}, this._setCameraState = (_) => {
-			this._activeTab === CameraSourceTypes.PHOTO && (_ === "shot" || _ === "retake" || _ === "accept") && this._handlePhoto(_), this._activeTab === CameraSourceTypes.VIDEO && (_ === "play" || _ === "stop" || _ === "retake" || _ === "accept" || _ === "pause" || _ === "resume") && this._handleVideo(_);
-		}, this._handleActiveTab = (v) => {
-			this._switcherRef.value?.querySelectorAll("button").forEach((e) => {
-				e.classList.toggle("uc-active", e.getAttribute("data-id") === v);
-			}), v === CameraSourceTypes.PHOTO && (this._currentIcon = "camera-full", this._audioSelectHidden = !0, this._audioToggleMicrophoneHidden = !0), v === CameraSourceTypes.VIDEO && (this._currentTimelineIcon = "play", this._currentIcon = "video-camera-full", this._audioSelectHidden = !this.cfg.enableAudioRecording || this._audioDevices.length <= 1, this._audioToggleMicrophoneHidden = !this.cfg.enableAudioRecording), this.telemetryManager.sendEvent({
+			let e = new Blob(this._chunks, { type: this._mediaRecorder?.mimeType }), x = this._guessExtensionByMime(this._mediaRecorder?.mimeType), S = this._createFile("video", x, `video/${x}`, e);
+			this._toSend(S), this._chunks = [];
+		}, this._handlePhoto = (e) => {
+			e === CameraSourceEvents.SHOT && (this._tabVideoHidden = !0, this._cameraHidden = !0, this._tabCameraHidden = !0, this._cameraActionsHidden = !1, this._cameraSelectHidden = !0), (e === CameraSourceEvents.RETAKE || e === CameraSourceEvents.ACCEPT) && (this._tabVideoHidden = !this._cameraModes.includes(CameraSourceTypes.VIDEO), this._tabCameraHidden = !this._cameraModes.includes(CameraSourceTypes.PHOTO), this._cameraHidden = !1, this._cameraActionsHidden = !0, this._cameraSelectHidden = this._cameraDevices.length <= 1);
+		}, this._handleVideo = (e) => {
+			e === CameraSourceEvents.PLAY && (this._timerHidden = !1, this._tabCameraHidden = !0, this._cameraSelectHidden = !0, this._audioSelectHidden = !0, this._currentTimelineIcon = "pause", this._currentIcon = "square", this._mutableClassButton = "uc-shot-btn uc-camera-action uc-stop-record"), e === CameraSourceEvents.STOP && (this._timerHidden = !1, this._cameraHidden = !0, this._audioToggleMicrophoneHidden = !0, this._cameraActionsHidden = !1), (e === CameraSourceEvents.RETAKE || e === CameraSourceEvents.ACCEPT) && (this._timerHidden = !0, this._tabVideoHidden = !this._cameraModes.includes(CameraSourceTypes.VIDEO), this._tabCameraHidden = !this._cameraModes.includes(CameraSourceTypes.PHOTO), this._cameraHidden = !1, this._cameraActionsHidden = !0, this._audioToggleMicrophoneHidden = !this.cfg.enableAudioRecording, this._currentIcon = "video-camera-full", this._mutableClassButton = "uc-shot-btn uc-camera-action", this._audioSelectHidden = !this.cfg.enableAudioRecording || this._audioDevices.length <= 1, this._cameraSelectHidden = this._cameraDevices.length <= 1);
+		}, this._setCameraState = (e) => {
+			this._activeTab === CameraSourceTypes.PHOTO && (e === "shot" || e === "retake" || e === "accept") && this._handlePhoto(e), this._activeTab === CameraSourceTypes.VIDEO && (e === "play" || e === "stop" || e === "retake" || e === "accept" || e === "pause" || e === "resume") && this._handleVideo(e);
+		}, this._handleActiveTab = (e) => {
+			this._switcherRef.value?.querySelectorAll("button").forEach((b) => {
+				b.classList.toggle("uc-active", b.getAttribute("data-id") === e);
+			}), e === CameraSourceTypes.PHOTO && (this._currentIcon = "camera-full", this._audioSelectHidden = !0, this._audioToggleMicrophoneHidden = !0), e === CameraSourceTypes.VIDEO && (this._currentTimelineIcon = "play", this._currentIcon = "video-camera-full", this._audioSelectHidden = !this.cfg.enableAudioRecording || this._audioDevices.length <= 1, this._audioToggleMicrophoneHidden = !this.cfg.enableAudioRecording), this.telemetryManager.sendEvent({
 				eventType: InternalEventType.ACTION_EVENT,
 				payload: { metadata: {
 					event: "camera-tab-switch",
 					node: this.tagName,
-					tabId: v
+					tabId: e
 				} }
-			}), this._activeTab = v;
-		}, this._createFile = (e, _, v, y) => {
-			let b = Date.now(), x = `${e}-${b}.${_}`;
-			return new File([y], x, {
-				lastModified: b,
-				type: v
+			}), this._activeTab = e;
+		}, this._createFile = (e, b, x, S) => {
+			let C = Date.now(), w = `${e}-${C}.${b}`;
+			return new File([S], w, {
+				lastModified: C,
+				type: x
 			});
 		}, this._toSend = (e) => {
 			this.api.addFileFromObject(e, { source: UploadSource.CAMERA }), this.set$({ "*currentActivity": LitActivityBlock.activities.UPLOAD_LIST }), this.modalManager?.open(LitActivityBlock.activities.UPLOAD_LIST);
-		}, this._setPermissionsState = debounce((_) => {
-			this.classList.toggle("uc-initialized", _ === "granted");
-			let v = this._activeTab === CameraSourceTypes.VIDEO && this.cfg.enableAudioRecording, y = this._activeTab === CameraSourceTypes.PHOTO ? "camera-full" : "video-camera-full";
-			_ === "granted" ? (this._videoHidden = !1, this._cameraHidden = !1, this._tabCameraHidden = !this._cameraModes.includes(CameraSourceTypes.PHOTO), this._tabVideoHidden = !this._cameraModes.includes(CameraSourceTypes.VIDEO), this._messageHidden = !0, this._timerHidden = !0, this._currentIcon = y, this._audioToggleMicrophoneHidden = !v, this._audioSelectHidden = !v) : _ === "prompt" ? (this._l10nMessage = "camera-permissions-prompt", this._videoHidden = !0, this._cameraHidden = !0, this._tabCameraHidden = !0, this._messageHidden = !1, this._stopCapture()) : (this._l10nMessage = "camera-permissions-denied", this._videoHidden = !0, this._messageHidden = !1, this._tabCameraHidden = !this._cameraModes.includes(CameraSourceTypes.PHOTO), this._tabVideoHidden = !this._cameraModes.includes(CameraSourceTypes.VIDEO), this._cameraActionsHidden = !0, this._mutableClassButton = "uc-shot-btn uc-camera-action", this._stopCapture());
+		}, this._setPermissionsState = debounce((e) => {
+			this.classList.toggle("uc-initialized", e === "granted");
+			let x = this._activeTab === CameraSourceTypes.VIDEO && this.cfg.enableAudioRecording, S = this._activeTab === CameraSourceTypes.PHOTO ? "camera-full" : "video-camera-full";
+			e === "granted" ? (this._videoHidden = !1, this._cameraHidden = !1, this._tabCameraHidden = !this._cameraModes.includes(CameraSourceTypes.PHOTO), this._tabVideoHidden = !this._cameraModes.includes(CameraSourceTypes.VIDEO), this._messageHidden = !0, this._timerHidden = !0, this._currentIcon = S, this._audioToggleMicrophoneHidden = !x, this._audioSelectHidden = !x) : e === "prompt" ? (this._l10nMessage = "camera-permissions-prompt", this._videoHidden = !0, this._cameraHidden = !0, this._tabCameraHidden = !0, this._messageHidden = !1, this._stopCapture()) : (this._l10nMessage = "camera-permissions-denied", this._videoHidden = !0, this._messageHidden = !1, this._tabCameraHidden = !this._cameraModes.includes(CameraSourceTypes.PHOTO), this._tabVideoHidden = !this._cameraModes.includes(CameraSourceTypes.VIDEO), this._cameraActionsHidden = !0, this._mutableClassButton = "uc-shot-btn uc-camera-action", this._stopCapture());
 		}, 300), this._makeStreamInactive = () => {
 			if (!this._stream) return !1;
-			let e = this._stream?.getAudioTracks(), _ = this._stream?.getVideoTracks();
+			let e = this._stream?.getAudioTracks(), b = this._stream?.getVideoTracks();
 			return e.forEach((e) => {
 				e.stop();
-			}), _.forEach((e) => {
+			}), b.forEach((e) => {
 				e.stop();
 			}), !0;
 		}, this._stopCapture = () => {
@@ -225,9 +255,9 @@ var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm",
 			try {
 				this._teardownPermissionListeners();
 				for (let e of DEFAULT_PERMISSIONS) {
-					let _ = await navigator.permissions.query({ name: e });
-					this._permissionResponses[e] = _, _.addEventListener("change", this._handlePermissionsChange), this._permissionCleanupFns.push(() => {
-						_.removeEventListener("change", this._handlePermissionsChange);
+					let b = await navigator.permissions.query({ name: e });
+					this._permissionResponses[e] = b, b.addEventListener("change", this._handlePermissionsChange), this._permissionCleanupFns.push(() => {
+						b.removeEventListener("change", this._handlePermissionsChange);
 					});
 				}
 				this._unsubPermissions = () => {
@@ -248,8 +278,8 @@ var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm",
 		}, this._getDevices = async () => {
 			try {
 				let e = await navigator.mediaDevices.enumerateDevices();
-				this._cameraDevices = e.filter((e) => e.kind === "videoinput").map((e, _) => ({
-					text: e.label.trim() || `${this.l10n("caption-camera")} ${_ + 1}`,
+				this._cameraDevices = e.filter((e) => e.kind === "videoinput").map((e, b) => ({
+					text: e.label.trim() || `${this.l10n("caption-camera")} ${b + 1}`,
 					value: e.deviceId
 				})), this._audioDevices = this.cfg.enableAudioRecording ? e.filter((e) => e.kind === "audioinput").map((e) => ({
 					text: e.label.trim(),
@@ -262,10 +292,10 @@ var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm",
 			await this._permissionAccess(), await this._requestDeviceAccess(), await this._capture(), this._handleCameraModes(this._cameraModes);
 		}, this._onDeactivate = async () => {
 			this._unsubPermissions && this._unsubPermissions(), window.chrome || this._setPermissionsState("denied"), this._stopCapture();
-		}, this._handleCameraModes = (_) => {
-			this._tabVideoHidden = !_.includes(CameraSourceTypes.VIDEO), this._tabCameraHidden = !_.includes(CameraSourceTypes.PHOTO);
-			let v = _[0];
-			v && (!this._activeTab || !_.includes(this._activeTab)) && this._handleActiveTab(v);
+		}, this._handleCameraModes = (e) => {
+			this._tabVideoHidden = !e.includes(CameraSourceTypes.VIDEO), this._tabCameraHidden = !e.includes(CameraSourceTypes.PHOTO);
+			let x = e[0];
+			x && (!this._activeTab || !e.includes(this._activeTab)) && this._handleActiveTab(x);
 		};
 	}
 	_attachPreviewListeners(e) {
@@ -280,8 +310,8 @@ var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm",
 	_applyVideoSource() {
 		let e = this._videoRef.value;
 		if (!e) return;
-		let _ = this._currentVideoSource ?? null;
-		e.srcObject !== _ && (e.srcObject = _);
+		let b = this._currentVideoSource ?? null;
+		e.srcObject !== b && (e.srcObject = b);
 	}
 	_shot() {
 		if (this._setCameraState("shot"), this._canvas = document.createElement("canvas"), this._ctx = this._canvas.getContext("2d"), !this._ctx) throw Error("Failed to get canvas context");
@@ -290,7 +320,7 @@ var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm",
 		this._canvas.height = e.videoHeight, this._canvas.width = e.videoWidth, this.cfg.cameraMirror && (this._ctx.translate(this._canvas.width, 0), this._ctx.scale(-1, 1)), this._ctx.drawImage(e, 0, 0), e.pause();
 	}
 	_guessExtensionByMime(e) {
-		let _ = {
+		let b = {
 			mp4: "mp4",
 			ogg: "ogg",
 			webm: "webm",
@@ -299,16 +329,16 @@ var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm",
 		};
 		if (e === "") return "webm";
 		if (e) {
-			let v = e.split("/");
-			if (v?.[0] === "video") {
-				let e = v.slice(1).join("/")?.split(";")[0];
-				if (e && _[e]) return _[e];
+			let x = e.split("/");
+			if (x?.[0] === "video") {
+				let e = x.slice(1).join("/")?.split(";")[0];
+				if (e && b[e]) return b[e];
 			}
 		}
 		return "avi";
 	}
 	get _cameraModes() {
-		return stringToArray(this.cfg.cameraModes).filter((_) => _ === CameraSourceTypes.PHOTO || _ === CameraSourceTypes.VIDEO);
+		return stringToArray(this.cfg.cameraModes).filter((e) => e === CameraSourceTypes.PHOTO || e === CameraSourceTypes.VIDEO);
 	}
 	_teardownPermissionListeners() {
 		if (this._permissionCleanupFns.length !== 0) {
@@ -321,10 +351,10 @@ var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm",
 			this._videoTransformCss = e ? "scaleX(-1)" : null;
 		}), this.subConfigValue("enableAudioRecording", (e) => {
 			this._audioToggleMicrophoneHidden = !e, this._audioSelectDisabled = !e;
-		}), this.subConfigValue("cameraModes", (_) => {
+		}), this.subConfigValue("cameraModes", (e) => {
 			if (!this.isConnected) return;
-			let v = deserializeCsv(_);
-			this._handleCameraModes(v.filter((_) => _ === CameraSourceTypes.PHOTO || _ === CameraSourceTypes.VIDEO));
+			let x = deserializeCsv(e);
+			this._handleCameraModes(x.filter((e) => e === CameraSourceTypes.PHOTO || e === CameraSourceTypes.VIDEO));
 		}), this._onActivate();
 	}
 	firstUpdated(e) {
@@ -478,4 +508,4 @@ var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm",
 	}
 };
 __decorate([state()], CameraSource.prototype, "_videoTransformCss", void 0), __decorate([state()], CameraSource.prototype, "_videoHidden", void 0), __decorate([state()], CameraSource.prototype, "_messageHidden", void 0), __decorate([state()], CameraSource.prototype, "_requestBtnHidden", void 0), __decorate([state()], CameraSource.prototype, "_cameraSelectOptions", void 0), __decorate([state()], CameraSource.prototype, "_cameraSelectHidden", void 0), __decorate([state()], CameraSource.prototype, "_l10nMessage", void 0), __decorate([state()], CameraSource.prototype, "_timerHidden", void 0), __decorate([state()], CameraSource.prototype, "_cameraHidden", void 0), __decorate([state()], CameraSource.prototype, "_cameraActionsHidden", void 0), __decorate([state()], CameraSource.prototype, "_audioSelectOptions", void 0), __decorate([state()], CameraSource.prototype, "_audioSelectHidden", void 0), __decorate([state()], CameraSource.prototype, "_audioSelectDisabled", void 0), __decorate([state()], CameraSource.prototype, "_audioToggleMicrophoneHidden", void 0), __decorate([state()], CameraSource.prototype, "_tabCameraHidden", void 0), __decorate([state()], CameraSource.prototype, "_tabVideoHidden", void 0), __decorate([state()], CameraSource.prototype, "_currentIcon", void 0), __decorate([state()], CameraSource.prototype, "_currentTimelineIcon", void 0), __decorate([state()], CameraSource.prototype, "_toggleMicrophoneIcon", void 0), __decorate([state()], CameraSource.prototype, "_mutableClassButton", void 0);
-export { CameraSource as t };
+export { Select as n, CameraSource as t };

package/dist/CameraSource-n1tun2Df.js

@@ -0,0 +1,10 @@
+/**
+* @license
+* Package: @uploadcare/file-uploader@1.28.0-alpha.1 (MIT)
+* License: https://github.com/uploadcare/blob/main/LICENSE
+* Built: 2026-03-02T20:26:07.910Z
+*/
+import "./Icon-tXRTvEF2.js";
+import { t as CameraSource } from "./CameraSource-DDwj1jCV.js";
+import "./ActivityHeader-R6Mlx-dA.js";
+export { CameraSource };

package/dist/CameraSource.css

@@ -0,0 +1,180 @@
+
+  uc-select {
+    display: inline-flex;
+  }
+
+  uc-select select {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: var(--uc-button-size);
+    padding: 0 14px;
+    font-size: 1em;
+    font-family: inherit;
+    white-space: nowrap;
+    border: none;
+    border-radius: var(--uc-radius);
+    cursor: pointer;
+    user-select: none;
+    transition: background-color var(--uc-transition);
+    color: var(--uc-secondary-foreground);
+    background-color: var(--uc-secondary);
+  }
+uc-camera-source {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    max-height: 100%;
+    overflow: hidden;
+    background-color: var(--uc-background);
+    border-radius: var(--uc-radius);
+  }
+[uc-modal] > dialog:has([activity="camera"][active]) {
+    width: 100%;
+    height: 100%;
+  }
+uc-camera-source video {
+    display: block;
+    width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+    object-position: center center;
+    background-color: var(--uc-muted);
+    border-radius: var(--uc-radius);
+  }
+uc-camera-source .uc-toolbar {
+    position: absolute;
+    bottom: 0;
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    padding: var(--uc-padding);
+    background-color: var(--uc-background);
+  }
+uc-camera-source .uc-content {
+    display: flex;
+    flex: 1;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    padding: var(--uc-padding);
+    padding-top: 0;
+    overflow: hidden;
+  }
+uc-camera-source .uc-message-box {
+    display: flex;
+    flex-direction: column;
+    gap: 40px;
+    align-items: center;
+    justify-content: center;
+    padding: 40px 40px 0;
+    color: var(--uc-foreground);
+  }
+uc-camera-source .uc-message-box button {
+    color: var(--uc-primary-foreground);
+    background-color: var(--uc-primary);
+  }
+uc-camera-source .uc-shot-btn {
+    width: 58px;
+    height: 58px;
+    color: var(--uc-background);
+    background-color: var(--uc-primary-light);
+    border-radius: 50%;
+    opacity: 0.85;
+    transition:
+      bottom var(--uc-transition),
+      opacity var(--uc-transition),
+      transform var(--uc-transition);
+  }
+uc-camera-source .uc-shot-btn:hover {
+    transform: scale(1.05);
+    opacity: 1;
+  }
+uc-camera-source .uc-shot-btn:active {
+    transform: scale(1);
+    opacity: 1;
+  }
+uc-camera-source .uc-shot-btn[disabled] {
+    bottom: -80px;
+  }
+uc-camera-source .uc-shot-btn uc-icon svg {
+    width: 20px;
+    height: 20px;
+  }
+uc-camera-source .uc-controls {
+    position: relative;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    padding: 0 var(--uc-padding) var(--uc-padding);
+    min-height: 74px;
+  }
+uc-camera-source:not(.uc-initialized) .uc-controls {
+    display: none;
+  }
+uc-camera-source .uc-switcher {
+    display: flex;
+    gap: calc(var(--uc-padding) / 2);
+  }
+uc-camera-source .uc-switch.uc-active {
+    background-color: var(--uc-secondary);
+  }
+uc-camera-source .uc-camera-actions {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 5px;
+  }
+uc-camera-source .uc-stop-record {
+    background-color: var(--uc-destructive-foreground-light);
+    opacity: 1;
+  }
+:where(uc-camera-source:is(.uc-recording)) .uc-recording-timer uc-icon {
+    display: none;
+  }
+:where(uc-camera-source:is(.uc-recording)) .uc-recording-timer {
+    pointer-events: none;
+  }
+uc-camera-source .uc-recording-timer {
+    z-index: 1;
+    position: relative;
+    overflow: hidden;
+  }
+:where(uc-camera-source) .uc-recording-timer uc-icon {
+    width: 10px;
+    height: 10px;
+    margin-right: 10px;
+  }
+uc-camera-source .uc-recording-timer .uc-line {
+    position: absolute;
+    content: "";
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background-color: var(--uc-foreground-light);
+    transform: scaleX(0);
+    transform-origin: left;
+    transition: transform var(--uc-transition);
+  }
+uc-camera-source .uc-btn-microphone {
+    z-index: 1;
+  }
+uc-camera-source .uc-select {
+    display: flex;
+  }
+uc-camera-source .uc-audio-select {
+    width: 98px;
+  }
+uc-camera-source .uc-audio-select select {
+    width: 100%;
+  }
+uc-camera-source .uc-camera-action {
+    position: absolute;
+    inset: 0 var(--uc-padding) var(--uc-padding);
+    margin: 0 auto;
+  }