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

package/dist/{ExternalSource-BKTFp95O.js → ExternalSource-DVEjSkPB.js}

@@ -1,15 +1,20 @@
 /**
 * @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 { Q as stringToArray, ct as __decorate } from "./Icon-CqTVC82Q.js";
-import { s as ExternalUploadSource } from "./plugins-DxjsQUa8.js";
-import { n as LitActivityBlock, t as LitUploaderBlock } from "./LitUploaderBlock-BA34rzeU.js";
+import { $ as stringToArray, j as LitBlock, lt as __decorate } from "./Icon-tXRTvEF2.js";
+import { s as ExternalUploadSource } 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 { createRef, ref } from "lit/directives/ref.js";
+var Spinner = class extends LitBlock {
+	render() {
+		return html` <div class="uc-spinner"></div> `;
+	}
+};
 const getTopLevelOrigin = () => {
 	let e = globalThis.top ?? globalThis.parent ?? globalThis.self;
 	try {
@@ -19,9 +24,9 @@ const getTopLevelOrigin = () => {
 	}
 };
 var escapeRegExp = (e) => e.replace(/[\\-\\[]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
-const wildcardRegexp = (e, m = "i") => {
-	let h = e.split("*").map(escapeRegExp);
-	return RegExp(`^${h.join(".+")}$`, m);
+const wildcardRegexp = (e, g = "i") => {
+	let _ = e.split("*").map(escapeRegExp);
+	return RegExp(`^${_.join(".+")}$`, g);
 };
 var ucCustomProperties = [
 	"--uc-font-family",
@@ -47,54 +52,54 @@ var ucCustomProperties = [
 	"--uc-destructive",
 	"--uc-destructive-foreground",
 	"--uc-border"
-], getCssValue = (e, m) => window.getComputedStyle(e).getPropertyValue(m).trim();
+], getCssValue = (e, g) => window.getComputedStyle(e).getPropertyValue(g).trim();
 const buildThemeDefinition = (e) => {
-	let m = {};
-	for (let h of ucCustomProperties) {
-		let g = getCssValue(e, h);
-		g && (m[h] = g);
+	let g = {};
+	for (let _ of ucCustomProperties) {
+		let v = getCssValue(e, _);
+		v && (g[_] = v);
 	}
-	return m;
+	return g;
 };
 var MESSAGE_TYPE_WHITELIST = ["selected-files-change", "toolbar-state-change"], isWhitelistedMessage = (e) => {
 	if (!e || typeof e != "object" || !("type" in e)) return !1;
-	let m = e.type;
-	return !(typeof m != "string" || !MESSAGE_TYPE_WHITELIST.includes(m));
+	let g = e.type;
+	return !(typeof g != "string" || !MESSAGE_TYPE_WHITELIST.includes(g));
 }, MessageBridge = class {
-	constructor(e, m) {
+	constructor(e, g) {
 		this._handlerMap = /* @__PURE__ */ new Map(), this._handleMessage = (e) => {
 			if (e.source !== this._context) return;
-			let m = e.data;
-			if (!isWhitelistedMessage(m)) return;
-			let h = this._handlerMap.get(m.type);
-			if (h) for (let e of h) e(m);
-		}, this._context = e, this._getTargetOrigin = m, window.addEventListener("message", this._handleMessage);
+			let g = e.data;
+			if (!isWhitelistedMessage(g)) return;
+			let _ = this._handlerMap.get(g.type);
+			if (_) for (let e of _) e(g);
+		}, this._context = e, this._getTargetOrigin = g, window.addEventListener("message", this._handleMessage);
 	}
-	on(e, m) {
-		let h = this._handlerMap.get(e) ?? /* @__PURE__ */ new Set();
-		this._handlerMap.has(e) || this._handlerMap.set(e, h), h.add(m);
+	on(e, g) {
+		let _ = this._handlerMap.get(e) ?? /* @__PURE__ */ new Set();
+		this._handlerMap.has(e) || this._handlerMap.set(e, _), _.add(g);
 	}
 	send(e) {
-		let m = this._getTargetOrigin();
-		this._context.postMessage(e, m);
+		let g = this._getTargetOrigin();
+		this._context.postMessage(e, g);
 	}
 	destroy() {
 		window.removeEventListener("message", this._handleMessage);
 	}
 };
 function queryString(e) {
-	let m = [];
-	for (let [h, g] of Object.entries(e)) g == null || typeof g == "string" && g.length === 0 || m.push(`${h}=${encodeURIComponent(g)}`);
-	return m.join("&");
+	let g = [];
+	for (let [_, v] of Object.entries(e)) v == null || typeof v == "string" && v.length === 0 || g.push(`${_}=${encodeURIComponent(v)}`);
+	return g.join("&");
 }
 var SOCIAL_SOURCE_MAPPING = { [ExternalUploadSource.GDRIVE]: "ngdrive" }, ExternalSource = class extends LitUploaderBlock {
 	constructor(...e) {
 		super(...e), this.couldBeCtxOwner = !0, this._iframeRef = createRef(), this._latestSelectionSummary = null, this._selectedList = [], this._isSelectionReady = !1, this._isDoneBtnEnabled = !1, this._couldSelectAll = !1, this._couldDeselectAll = !1, this._showSelectionStatus = !1, this._showDoneBtn = !1, this._doneBtnTextClass = "uc-hidden", this._toolbarVisible = !0, this._handleDone = () => {
 			for (let e of this._selectedList) {
-				let m = this._extractUrlFromSelectedFile(e), { filename: h } = e, { externalSourceType: g } = this.activityParams;
-				this.api.addFileFromUrl(m, {
-					fileName: h,
-					source: g
+				let g = this._extractUrlFromSelectedFile(e), { filename: _ } = e, { externalSourceType: v } = this.activityParams;
+				this.api.addFileFromUrl(g, {
+					fileName: _,
+					source: v
 				});
 			}
 			this.$["*currentActivity"] = LitActivityBlock.activities.UPLOAD_LIST, this.modalManager?.open(LitActivityBlock.activities.UPLOAD_LIST);
@@ -108,10 +113,10 @@ var SOCIAL_SOURCE_MAPPING = { [ExternalUploadSource.GDRIVE]: "ngdrive" }, Extern
 	}
 	get _counterText() {
 		if (!this._latestSelectionSummary) return "";
-		let { selectedCount: e, total: m } = this._latestSelectionSummary;
+		let { selectedCount: e, total: g } = this._latestSelectionSummary;
 		return this.l10n("selected-count", {
 			count: e,
-			total: m
+			total: g
 		});
 	}
 	get activityParams() {
@@ -134,15 +139,15 @@ var SOCIAL_SOURCE_MAPPING = { [ExternalUploadSource.GDRIVE]: "ngdrive" }, Extern
 			this._applyEmbedCss(e);
 		});
 	}
-	_extractUrlFromSelectedFile(m) {
-		if (m.alternatives) {
-			let h = stringToArray(this.cfg.externalSourcesPreferredTypes);
-			for (let e of h) {
-				let h = wildcardRegexp(e);
-				for (let [e, g] of Object.entries(m.alternatives)) if (h.test(e)) return g;
+	_extractUrlFromSelectedFile(g) {
+		if (g.alternatives) {
+			let _ = stringToArray(this.cfg.externalSourcesPreferredTypes);
+			for (let e of _) {
+				let _ = wildcardRegexp(e);
+				for (let [e, v] of Object.entries(g.alternatives)) if (_.test(e)) return v;
 			}
 		}
-		return m.url;
+		return g.url;
 	}
 	_handleToolbarStateChange(e) {
 		this._toolbarVisible = e.isVisible;
@@ -176,22 +181,22 @@ var SOCIAL_SOURCE_MAPPING = { [ExternalUploadSource.GDRIVE]: "ngdrive" }, Extern
 		});
 	}
 	_remoteUrl() {
-		let { pubkey: e, remoteTabSessionKey: m, socialBaseUrl: h, multiple: g } = this.cfg, { externalSourceType: _ } = this.activityParams, v = SOCIAL_SOURCE_MAPPING[_] ?? _, y = {
+		let { pubkey: e, remoteTabSessionKey: g, socialBaseUrl: _, multiple: v } = this.cfg, { externalSourceType: y } = this.activityParams, b = SOCIAL_SOURCE_MAPPING[y] ?? y, x = {
 			lang: this.l10n("social-source-lang")?.split("-")?.[0] || "en",
 			public_key: e,
 			images_only: "false",
-			session_key: m,
+			session_key: g,
 			wait_for_theme: !0,
-			multiple: g.toString(),
+			multiple: v.toString(),
 			origin: this.cfg.topLevelOrigin || getTopLevelOrigin(),
 			debug: this.cfg.debug
-		}, b = new URL(`/window4/${v}`, h);
-		return b.search = queryString(y), b.toString();
+		}, S = new URL(`/window4/${b}`, _);
+		return S.search = queryString(x), S.toString();
 	}
-	_setSelectionSummary(e, m) {
+	_setSelectionSummary(e, g) {
 		this._latestSelectionSummary = {
 			selectedCount: e,
-			total: m
+			total: g
 		};
 	}
 	_mountIframe() {
@@ -245,4 +250,4 @@ var SOCIAL_SOURCE_MAPPING = { [ExternalUploadSource.GDRIVE]: "ngdrive" }, Extern
 	}
 };
 __decorate([state()], ExternalSource.prototype, "_selectedList", void 0), __decorate([state()], ExternalSource.prototype, "_isSelectionReady", void 0), __decorate([state()], ExternalSource.prototype, "_isDoneBtnEnabled", void 0), __decorate([state()], ExternalSource.prototype, "_couldSelectAll", void 0), __decorate([state()], ExternalSource.prototype, "_couldDeselectAll", void 0), __decorate([state()], ExternalSource.prototype, "_showSelectionStatus", void 0), __decorate([state()], ExternalSource.prototype, "_showDoneBtn", void 0), __decorate([state()], ExternalSource.prototype, "_doneBtnTextClass", void 0), __decorate([state()], ExternalSource.prototype, "_toolbarVisible", void 0);
-export { ExternalSource as t };
+export { Spinner as n, ExternalSource as t };

package/dist/ExternalSource.css

@@ -0,0 +1,98 @@
+
+  @keyframes uc-spinner-keyframes {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }.uc-spinner {
+    width: 1em;
+    height: 1em;
+    border: solid 2px transparent;
+    border-top-color: currentColor;
+    border-left-color: currentColor;
+    border-radius: 50%;
+    animation: uc-spinner-keyframes 400ms linear infinite;
+  }
+uc-external-source {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    background-color: var(--uc-background);
+    overflow: hidden;
+    position: relative;
+  }
+[uc-modal] > dialog:has([activity="external"][active]) {
+    width: 100%;
+    height: 100%;
+  }
+uc-external-source > .uc-content {
+    position: relative;
+    display: grid;
+    flex: 1;
+    grid-template-rows: 1fr min-content;
+  }
+uc-external-source iframe {
+    display: block;
+    width: 100%;
+    height: 100%;
+    border: none;
+  }
+uc-external-source .uc-iframe-wrapper {
+    overflow: hidden;
+  }
+uc-external-source .uc-toolbar {
+    display: flex;
+    width: 100%;
+    gap: var(--uc-padding);
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--uc-padding);
+    border-top: 1px solid var(--uc-border);
+  }
+uc-external-source .uc-back-btn {
+    padding-left: 0;
+  }
+uc-external-source .uc-selection-status-box {
+    color: var(--uc-foreground);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+uc-external-source .uc-selection-status-box button {
+    color: var(--uc-primary);
+    height: auto;
+    padding: 0;
+    background: none;
+  }
+uc-external-source .uc-selection-status-box button:hover {
+    text-decoration: underline;
+  }
+uc-external-source uc-activity-header {
+    position: absolute;
+    width: 100%;
+    justify-content: flex-end;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    right: 0;
+    pointer-events: none;
+  }
+uc-external-source uc-activity-header .uc-close-btn {
+    pointer-events: auto;
+  }
+uc-external-source .uc-done-btn > span.uc-hidden {
+    visibility: hidden;
+    pointer-events: none;
+  }
+uc-external-source .uc-done-btn > uc-spinner {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }

package/dist/ExternalSource.layered.css

@@ -0,0 +1,116 @@
+@layer uc.components {
+  @keyframes uc-spinner-keyframes {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .uc-spinner {
+    width: 1em;
+    height: 1em;
+    border: solid 2px transparent;
+    border-top-color: currentColor;
+    border-left-color: currentColor;
+    border-radius: 50%;
+    animation: uc-spinner-keyframes 400ms linear infinite;
+  }
+}
+@layer uc.components {
+  uc-external-source {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    background-color: var(--uc-background);
+    overflow: hidden;
+    position: relative;
+  }
+
+  [uc-modal] > dialog:has([activity="external"][active]) {
+    width: 100%;
+    height: 100%;
+  }
+
+  uc-external-source > .uc-content {
+    position: relative;
+    display: grid;
+    flex: 1;
+    grid-template-rows: 1fr min-content;
+  }
+
+  uc-external-source iframe {
+    display: block;
+    width: 100%;
+    height: 100%;
+    border: none;
+  }
+
+  uc-external-source .uc-iframe-wrapper {
+    overflow: hidden;
+  }
+
+  uc-external-source .uc-toolbar {
+    display: flex;
+    width: 100%;
+    gap: var(--uc-padding);
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--uc-padding);
+    border-top: 1px solid var(--uc-border);
+  }
+
+  uc-external-source .uc-back-btn {
+    padding-left: 0;
+  }
+
+  uc-external-source .uc-selection-status-box {
+    color: var(--uc-foreground);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
+  uc-external-source .uc-selection-status-box button {
+    color: var(--uc-primary);
+    height: auto;
+    padding: 0;
+    background: none;
+  }
+
+  uc-external-source .uc-selection-status-box button:hover {
+    text-decoration: underline;
+  }
+
+  uc-external-source uc-activity-header {
+    position: absolute;
+    width: 100%;
+    justify-content: flex-end;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    right: 0;
+    pointer-events: none;
+  }
+
+  uc-external-source uc-activity-header .uc-close-btn {
+    pointer-events: auto;
+  }
+
+  uc-external-source .uc-done-btn > span.uc-hidden {
+    visibility: hidden;
+    pointer-events: none;
+  }
+
+  uc-external-source .uc-done-btn > uc-spinner {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}

package/dist/{Icon-CqTVC82Q.js → Icon-tXRTvEF2.js}

@@ -1,12 +1,12 @@
 /**
 * @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 { d as ACTIVITY_TYPES, p as serializeCsv } from "./plugins-DxjsQUa8.js";
-import { t as en_default } from "./en-DNCwRJsB.js";
-import { n as PACKAGE_VERSION, t as PACKAGE_NAME } from "./env-B1nfXy9i.js";
+import { d as ACTIVITY_TYPES, p as serializeCsv } from "./plugins-CGUls7EV.js";
+import { t as en_default } from "./en-8OWEmZim.js";
+import { n as PACKAGE_VERSION, t as PACKAGE_NAME } from "./env-mM-ksNPq.js";
 import { listenKeys, map, subscribeKeys } from "nanostores";
 import { LitElement, html } from "lit";
 import { ContextConsumer, ContextProvider, createContext } from "@lit/context";
@@ -1797,8 +1797,7 @@ var Icon = class extends LitBlock {
 	}
 	render() {
 		return this._pluginSvg ? html`${this.yield("", html`${unsafeSVG(this._pluginSvg)}`)}` : html`
-      ${this.yield("", html`
-        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+      ${this.yield("", html`<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
         <use href=${this._resolvedHref}></use>
       </svg>`)}
     `;
@@ -1808,4 +1807,4 @@ var Icon = class extends LitBlock {
 	}
 };
 __decorate([property({ type: String })], Icon.prototype, "name", void 0), __decorate([state()], Icon.prototype, "_resolvedHref", void 0), __decorate([state()], Icon.prototype, "_pluginSvg", void 0);
-export { createCdnUrl as $, CameraSourceTypes as A, SharedInstance as B, MIN_CROP_SIZE as C, THUMB_STROKE_WIDTH as D, THUMB_SIDE_SIZE as E, InternalEventType as F, ALL_FILTERS as G, initialConfig as H, activityBlockCtx as I, TabId as J, ALL_TABS as K, solutionBlockCtx as L, createL10n as M, getPluralForm as N, warnOnce as O, EventType as P, stringToArray as Q, uploaderBlockCtx as R, MAX_INTERACTION_SIZE as S, THUMB_CORNER_SIZE as T, ALL_COLOR_OPERATIONS as U, DEFAULT_CDN_CNAME as V, ALL_CROP_OPERATIONS as W, operationsToTransformations as X, COMMON_OPERATIONS as Y, transformationsToOperations as Z, sidePath as _, clamp as a, defineLocale as at, GUIDE_STROKE_WIDTH as b, createSvgNode as c, __decorate as ct, moveRect as d, LightDomMixin as dt, createCdnUrlModifiers as et, rectContainsPoint as f, CssDataMixin as ft, setSvgNodeAttrs as g, roundRect as h, calculateMaxCenteredCropFrame as i, sharedConfigKey as it, LitBlock as j, CameraSourceEvents as k, isRectInsideRect as l, debounce as lt, rotateSize as m, getClosestAspectRatio as n, extractOperations as nt, constraintRect as o, UID as ot, resizeRect as p, PubSub as pt, COLOR_OPERATIONS_CONFIG as q, parseCropPreset as r, extractUuid as rt, cornerPath as s, SymbioteMixin as st, Icon as t, createOriginalUrl as tt, isRectMatchesAspectRatio as u, RegisterableElementMixin as ut, thumbCursor as v, MIN_INTERACTION_SIZE as w, GUIDE_THIRD as x, CROP_PADDING as y, ModalEvents as z };
+export { stringToArray as $, CameraSourceTypes as A, ModalEvents as B, MIN_CROP_SIZE as C, THUMB_STROKE_WIDTH as D, THUMB_SIDE_SIZE as E, EventType as F, ALL_CROP_OPERATIONS as G, DEFAULT_CDN_CNAME as H, InternalEventType as I, COLOR_OPERATIONS_CONFIG as J, ALL_FILTERS as K, activityBlockCtx as L, createL10n as M, getPluralForm as N, warnOnce as O, applyTemplateData as P, transformationsToOperations as Q, solutionBlockCtx as R, MAX_INTERACTION_SIZE as S, THUMB_CORNER_SIZE as T, initialConfig as U, SharedInstance as V, ALL_COLOR_OPERATIONS as W, COMMON_OPERATIONS as X, TabId as Y, operationsToTransformations as Z, sidePath as _, clamp as a, sharedConfigKey as at, GUIDE_STROKE_WIDTH as b, createSvgNode as c, SymbioteMixin as ct, moveRect as d, RegisterableElementMixin as dt, createCdnUrl as et, rectContainsPoint as f, LightDomMixin as ft, setSvgNodeAttrs as g, roundRect as h, calculateMaxCenteredCropFrame as i, extractUuid as it, LitBlock as j, CameraSourceEvents as k, isRectInsideRect as l, __decorate as lt, rotateSize as m, PubSub as mt, getClosestAspectRatio as n, createOriginalUrl as nt, constraintRect as o, defineLocale as ot, resizeRect as p, CssDataMixin as pt, ALL_TABS as q, parseCropPreset as r, extractOperations as rt, cornerPath as s, UID as st, Icon as t, createCdnUrlModifiers as tt, isRectMatchesAspectRatio as u, debounce as ut, thumbCursor as v, MIN_INTERACTION_SIZE as w, GUIDE_THIRD as x, CROP_PADDING as y, uploaderBlockCtx as z };

package/dist/Icon.css

@@ -0,0 +1,14 @@
+
+  uc-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--uc-button-size);
+    height: var(--uc-button-size);
+  }
+
+  uc-icon svg {
+    width: calc(var(--uc-button-size) / 2);
+    height: calc(var(--uc-button-size) / 2);
+    overflow: visible;
+  }

package/dist/Icon.layered.css

@@ -0,0 +1,15 @@
+@layer uc.components {
+  uc-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--uc-button-size);
+    height: var(--uc-button-size);
+  }
+
+  uc-icon svg {
+    width: calc(var(--uc-button-size) / 2);
+    height: calc(var(--uc-button-size) / 2);
+    overflow: visible;
+  }
+}