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

package/web/uc-img.min.js

@@ -0,0 +1,895 @@
+/**
+* @license
+* Package: @uploadcare/file-uploader@1.28.0-alpha.1 (MIT)
+* License: https://github.com/uploadcare/blob/main/LICENSE
+* Built: 2026-03-02T20:26:17.187Z
+*/
+const normalizeCdnOperation = (b) => {
+	if (typeof b != "string" || !b) return "";
+	let j = b.trim();
+	return j.startsWith("-/") ? j = j.slice(2) : j.startsWith("/") && (j = j.slice(1)), j.endsWith("/") && (j = j.slice(0, j.length - 1)), j;
+}, joinCdnOperations = (...j) => j.filter((b) => typeof b == "string" && !!b).map((j) => normalizeCdnOperation(j)).join("/-/"), createCdnUrlModifiers = (...b) => {
+	let F = joinCdnOperations(...b);
+	return F ? `-/${F}/` : "";
+};
+function extractFilename(b) {
+	let j = new URL(b), F = j.pathname + j.search + j.hash, U = F.lastIndexOf("http"), W = F.lastIndexOf("/"), G = "";
+	return U >= 0 ? G = F.slice(U) : W >= 0 && (G = F.slice(W + 1)), G;
+}
+function trimFilename(b) {
+	let j = new URL(b), F = extractFilename(b), W = isFileUrl(F) ? splitFileUrl(F).pathname : F;
+	return j.pathname = j.pathname.replace(W, ""), j.search = "", j.hash = "", j.toString();
+}
+function isFileUrl(b) {
+	return b.startsWith("http");
+}
+function splitFileUrl(b) {
+	let j = new URL(b);
+	return {
+		pathname: `${j.origin}${j.pathname ?? ""}`,
+		search: j.search ?? "",
+		hash: j.hash ?? ""
+	};
+}
+const createCdnUrl = (b, j, F) => {
+	let q = new URL(trimFilename(b)), J = F ?? extractFilename(b), Y = j ?? "";
+	if (q.pathname.startsWith("//") && (q.pathname = q.pathname.replace("//", "/")), J && isFileUrl(J)) {
+		let b = splitFileUrl(J);
+		q.pathname = `${q.pathname}${Y}${b.pathname || ""}`, q.search = b.search, q.hash = b.hash;
+	} else q.pathname = `${q.pathname}${Y}${J || ""}`;
+	return q.toString();
+}, createOriginalUrl = (b, j) => {
+	let F = new URL(b);
+	return F.pathname = `${j}/`, F.toString();
+}, stringToArray = (b, j = ",") => b.trim().split(j).map((b) => b.trim()).filter((b) => b.length > 0);
+var DEFAULT_TRANSFORMER = (b) => b, OPEN_TOKEN = "{{", CLOSE_TOKEN = "}}";
+function applyTemplateData(b, j = {}, F = {}) {
+	let { openToken: U = OPEN_TOKEN, closeToken: W = CLOSE_TOKEN, transform: G = DEFAULT_TRANSFORMER } = F;
+	for (let F in j) {
+		let K = j[F]?.toString(), q = typeof K == "string" ? G(K) : String(K);
+		b = b.replaceAll(U + F + W, q);
+	}
+	return b;
+}
+const uniqueArray = (b) => [...new Set(b)], CSS_PREF = "--uc-img-", UNRESOLVED_ATTR = "unresolved", DEV_MODE = !window.location.host.trim() || window.location.host.includes(":") || window.location.hostname.includes("localhost"), ImgTypeEnum = Object.freeze({
+	PREVIEW: "PREVIEW",
+	MAIN: "MAIN"
+});
+/**
+* @license
+* Copyright 2019 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+var t$1 = globalThis, e$2 = t$1.ShadowRoot && (t$1.ShadyCSS === void 0 || t$1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), o$3 = /* @__PURE__ */ new WeakMap(), n$2 = class {
+	constructor(b, j, F) {
+		if (this._$cssResult$ = !0, F !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+		this.cssText = b, this.t = j;
+	}
+	get styleSheet() {
+		let b = this.o, j = this.t;
+		if (e$2 && b === void 0) {
+			let F = j !== void 0 && j.length === 1;
+			F && (b = o$3.get(j)), b === void 0 && ((this.o = b = new CSSStyleSheet()).replaceSync(this.cssText), F && o$3.set(j, b));
+		}
+		return b;
+	}
+	toString() {
+		return this.cssText;
+	}
+}, r$2 = (b) => new n$2(typeof b == "string" ? b : b + "", void 0, s$2), S$1 = (b, j) => {
+	if (e$2) b.adoptedStyleSheets = j.map((b) => b instanceof CSSStyleSheet ? b : b.styleSheet);
+	else for (let F of j) {
+		let j = document.createElement("style"), U = t$1.litNonce;
+		U !== void 0 && j.setAttribute("nonce", U), j.textContent = F.cssText, b.appendChild(j);
+	}
+}, c$1 = e$2 ? (b) => b : (b) => b instanceof CSSStyleSheet ? ((b) => {
+	let j = "";
+	for (let F of b.cssRules) j += F.cssText;
+	return r$2(j);
+})(b) : b, { is: i$2, defineProperty: e$1, getOwnPropertyDescriptor: h$1, getOwnPropertyNames: r$1, getOwnPropertySymbols: o$2, getPrototypeOf: n$1 } = Object, a$1 = globalThis, c$2 = a$1.trustedTypes, l$1 = c$2 ? c$2.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = (b, j) => b, u$1 = {
+	toAttribute(b, j) {
+		switch (j) {
+			case Boolean:
+				b = b ? l$1 : null;
+				break;
+			case Object:
+			case Array: b = b == null ? b : JSON.stringify(b);
+		}
+		return b;
+	},
+	fromAttribute(b, j) {
+		let F = b;
+		switch (j) {
+			case Boolean:
+				F = b !== null;
+				break;
+			case Number:
+				F = b === null ? null : Number(b);
+				break;
+			case Object:
+			case Array: try {
+				F = JSON.parse(b);
+			} catch {
+				F = null;
+			}
+		}
+		return F;
+	}
+}, f$1 = (b, j) => !i$2(b, j), b$1 = {
+	attribute: !0,
+	type: String,
+	converter: u$1,
+	reflect: !1,
+	useDefault: !1,
+	hasChanged: f$1
+};
+Symbol.metadata ??= Symbol("metadata"), a$1.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var y = class extends HTMLElement {
+	static addInitializer(b) {
+		this._$Ei(), (this.l ??= []).push(b);
+	}
+	static get observedAttributes() {
+		return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+	}
+	static createProperty(b, j = b$1) {
+		if (j.state && (j.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(b) && ((j = Object.create(j)).wrapped = !0), this.elementProperties.set(b, j), !j.noAccessor) {
+			let F = Symbol(), U = this.getPropertyDescriptor(b, F, j);
+			U !== void 0 && e$1(this.prototype, b, U);
+		}
+	}
+	static getPropertyDescriptor(b, j, F) {
+		let { get: U, set: W } = h$1(this.prototype, b) ?? {
+			get() {
+				return this[j];
+			},
+			set(b) {
+				this[j] = b;
+			}
+		};
+		return {
+			get: U,
+			set(j) {
+				let G = U?.call(this);
+				W?.call(this, j), this.requestUpdate(b, G, F);
+			},
+			configurable: !0,
+			enumerable: !0
+		};
+	}
+	static getPropertyOptions(b) {
+		return this.elementProperties.get(b) ?? b$1;
+	}
+	static _$Ei() {
+		if (this.hasOwnProperty(d$1("elementProperties"))) return;
+		let b = n$1(this);
+		b.finalize(), b.l !== void 0 && (this.l = [...b.l]), this.elementProperties = new Map(b.elementProperties);
+	}
+	static finalize() {
+		if (this.hasOwnProperty(d$1("finalized"))) return;
+		if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
+			let b = this.properties, j = [...r$1(b), ...o$2(b)];
+			for (let F of j) this.createProperty(F, b[F]);
+		}
+		let b = this[Symbol.metadata];
+		if (b !== null) {
+			let j = litPropertyMetadata.get(b);
+			if (j !== void 0) for (let [b, F] of j) this.elementProperties.set(b, F);
+		}
+		this._$Eh = /* @__PURE__ */ new Map();
+		for (let [b, j] of this.elementProperties) {
+			let F = this._$Eu(b, j);
+			F !== void 0 && this._$Eh.set(F, b);
+		}
+		this.elementStyles = this.finalizeStyles(this.styles);
+	}
+	static finalizeStyles(b) {
+		let j = [];
+		if (Array.isArray(b)) {
+			let F = new Set(b.flat(Infinity).reverse());
+			for (let b of F) j.unshift(c$1(b));
+		} else b !== void 0 && j.push(c$1(b));
+		return j;
+	}
+	static _$Eu(b, j) {
+		let F = j.attribute;
+		return !1 === F ? void 0 : typeof F == "string" ? F : typeof b == "string" ? b.toLowerCase() : void 0;
+	}
+	constructor() {
+		super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+	}
+	_$Ev() {
+		this._$ES = new Promise((b) => this.enableUpdating = b), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((b) => b(this));
+	}
+	addController(b) {
+		(this._$EO ??= /* @__PURE__ */ new Set()).add(b), this.renderRoot !== void 0 && this.isConnected && b.hostConnected?.();
+	}
+	removeController(b) {
+		this._$EO?.delete(b);
+	}
+	_$E_() {
+		let b = /* @__PURE__ */ new Map(), j = this.constructor.elementProperties;
+		for (let F of j.keys()) this.hasOwnProperty(F) && (b.set(F, this[F]), delete this[F]);
+		b.size > 0 && (this._$Ep = b);
+	}
+	createRenderRoot() {
+		let b = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+		return S$1(b, this.constructor.elementStyles), b;
+	}
+	connectedCallback() {
+		this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((b) => b.hostConnected?.());
+	}
+	enableUpdating(b) {}
+	disconnectedCallback() {
+		this._$EO?.forEach((b) => b.hostDisconnected?.());
+	}
+	attributeChangedCallback(b, j, F) {
+		this._$AK(b, F);
+	}
+	_$ET(b, j) {
+		let F = this.constructor.elementProperties.get(b), U = this.constructor._$Eu(b, F);
+		if (U !== void 0 && !0 === F.reflect) {
+			let W = (F.converter?.toAttribute === void 0 ? u$1 : F.converter).toAttribute(j, F.type);
+			this._$Em = b, W == null ? this.removeAttribute(U) : this.setAttribute(U, W), this._$Em = null;
+		}
+	}
+	_$AK(b, j) {
+		let F = this.constructor, U = F._$Eh.get(b);
+		if (U !== void 0 && this._$Em !== U) {
+			let b = F.getPropertyOptions(U), W = typeof b.converter == "function" ? { fromAttribute: b.converter } : b.converter?.fromAttribute === void 0 ? u$1 : b.converter;
+			this._$Em = U;
+			let G = W.fromAttribute(j, b.type);
+			this[U] = G ?? this._$Ej?.get(U) ?? G, this._$Em = null;
+		}
+	}
+	requestUpdate(b, j, F, U = !1, W) {
+		if (b !== void 0) {
+			let G = this.constructor;
+			if (!1 === U && (W = this[b]), F ??= G.getPropertyOptions(b), !((F.hasChanged ?? f$1)(W, j) || F.useDefault && F.reflect && W === this._$Ej?.get(b) && !this.hasAttribute(G._$Eu(b, F)))) return;
+			this.C(b, j, F);
+		}
+		!1 === this.isUpdatePending && (this._$ES = this._$EP());
+	}
+	C(b, j, { useDefault: F, reflect: U, wrapped: W }, G) {
+		F && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(b) && (this._$Ej.set(b, G ?? j ?? this[b]), !0 !== W || G !== void 0) || (this._$AL.has(b) || (this.hasUpdated || F || (j = void 0), this._$AL.set(b, j)), !0 === U && this._$Em !== b && (this._$Eq ??= /* @__PURE__ */ new Set()).add(b));
+	}
+	async _$EP() {
+		this.isUpdatePending = !0;
+		try {
+			await this._$ES;
+		} catch (b) {
+			Promise.reject(b);
+		}
+		let b = this.scheduleUpdate();
+		return b != null && await b, !this.isUpdatePending;
+	}
+	scheduleUpdate() {
+		return this.performUpdate();
+	}
+	performUpdate() {
+		if (!this.isUpdatePending) return;
+		if (!this.hasUpdated) {
+			if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+				for (let [b, j] of this._$Ep) this[b] = j;
+				this._$Ep = void 0;
+			}
+			let b = this.constructor.elementProperties;
+			if (b.size > 0) for (let [j, F] of b) {
+				let { wrapped: b } = F, U = this[j];
+				!0 !== b || this._$AL.has(j) || U === void 0 || this.C(j, void 0, F, U);
+			}
+		}
+		let b = !1, j = this._$AL;
+		try {
+			b = this.shouldUpdate(j), b ? (this.willUpdate(j), this._$EO?.forEach((b) => b.hostUpdate?.()), this.update(j)) : this._$EM();
+		} catch (j) {
+			throw b = !1, this._$EM(), j;
+		}
+		b && this._$AE(j);
+	}
+	willUpdate(b) {}
+	_$AE(b) {
+		this._$EO?.forEach((b) => b.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(b)), this.updated(b);
+	}
+	_$EM() {
+		this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+	}
+	get updateComplete() {
+		return this.getUpdateComplete();
+	}
+	getUpdateComplete() {
+		return this._$ES;
+	}
+	shouldUpdate(b) {
+		return !0;
+	}
+	update(b) {
+		this._$Eq &&= this._$Eq.forEach((b) => this._$ET(b, this[b])), this._$EM();
+	}
+	updated(b) {}
+	firstUpdated(b) {}
+};
+y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[d$1("elementProperties")] = /* @__PURE__ */ new Map(), y[d$1("finalized")] = /* @__PURE__ */ new Map(), p$1?.({ ReactiveElement: y }), (a$1.reactiveElementVersions ??= []).push("2.1.2");
+/**
+* @license
+* Copyright 2017 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+var t = globalThis, i$1 = (b) => b, s$1 = t.trustedTypes, e = s$1 ? s$1.createPolicy("lit-html", { createHTML: (b) => b }) : void 0, h = "$lit$", o$1 = `lit$${Math.random().toFixed(9).slice(2)}$`, n = "?" + o$1, r = `<${n}>`, l = document, c = () => l.createComment(""), a = (b) => b === null || typeof b != "object" && typeof b != "function", u = Array.isArray, d = (b) => u(b) || typeof b?.[Symbol.iterator] == "function", f = "[ 	\n\f\r]", v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _ = /-->/g, m = />/g, p = RegExp(`>|${f}(?:([^\\s"'>=/]+)(${f}*=${f}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), g = /'/g, $ = /"/g, y$1 = /^(?:script|style|textarea|title)$/i, E = Symbol.for("lit-noChange"), A = Symbol.for("lit-nothing"), C = /* @__PURE__ */ new WeakMap(), P = l.createTreeWalker(l, 129);
+function V(b, j) {
+	if (!u(b) || !b.hasOwnProperty("raw")) throw Error("invalid template strings array");
+	return e === void 0 ? j : e.createHTML(j);
+}
+var N = (b, j) => {
+	let F = b.length - 1, U = [], W, G = j === 2 ? "<svg>" : j === 3 ? "<math>" : "", K = v;
+	for (let j = 0; j < F; j++) {
+		let F = b[j], q, J, Y = -1, X = 0;
+		for (; X < F.length && (K.lastIndex = X, J = K.exec(F), J !== null);) X = K.lastIndex, K === v ? J[1] === "!--" ? K = _ : J[1] === void 0 ? J[2] === void 0 ? J[3] !== void 0 && (K = p) : (y$1.test(J[2]) && (W = RegExp("</" + J[2], "g")), K = p) : K = m : K === p ? J[0] === ">" ? (K = W ?? v, Y = -1) : J[1] === void 0 ? Y = -2 : (Y = K.lastIndex - J[2].length, q = J[1], K = J[3] === void 0 ? p : J[3] === "\"" ? $ : g) : K === $ || K === g ? K = p : K === _ || K === m ? K = v : (K = p, W = void 0);
+		let Q = K === p && b[j + 1].startsWith("/>") ? " " : "";
+		G += K === v ? F + r : Y >= 0 ? (U.push(q), F.slice(0, Y) + h + F.slice(Y) + o$1 + Q) : F + o$1 + (Y === -2 ? j : Q);
+	}
+	return [V(b, G + (b[F] || "<?>") + (j === 2 ? "</svg>" : j === 3 ? "</math>" : "")), U];
+}, S = class b {
+	constructor({ strings: j, _$litType$: F }, U) {
+		let W;
+		this.parts = [];
+		let G = 0, K = 0, q = j.length - 1, J = this.parts, [Y, X] = N(j, F);
+		if (this.el = b.createElement(Y, U), P.currentNode = this.el.content, F === 2 || F === 3) {
+			let b = this.el.content.firstChild;
+			b.replaceWith(...b.childNodes);
+		}
+		for (; (W = P.nextNode()) !== null && J.length < q;) {
+			if (W.nodeType === 1) {
+				if (W.hasAttributes()) for (let b of W.getAttributeNames()) if (b.endsWith(h)) {
+					let j = X[K++], F = W.getAttribute(b).split(o$1), U = /([.?@])?(.*)/.exec(j);
+					J.push({
+						type: 1,
+						index: G,
+						name: U[2],
+						strings: F,
+						ctor: U[1] === "." ? I : U[1] === "?" ? L : U[1] === "@" ? z : H
+					}), W.removeAttribute(b);
+				} else b.startsWith(o$1) && (J.push({
+					type: 6,
+					index: G
+				}), W.removeAttribute(b));
+				if (y$1.test(W.tagName)) {
+					let b = W.textContent.split(o$1), j = b.length - 1;
+					if (j > 0) {
+						W.textContent = s$1 ? s$1.emptyScript : "";
+						for (let F = 0; F < j; F++) W.append(b[F], c()), P.nextNode(), J.push({
+							type: 2,
+							index: ++G
+						});
+						W.append(b[j], c());
+					}
+				}
+			} else if (W.nodeType === 8) if (W.data === n) J.push({
+				type: 2,
+				index: G
+			});
+			else {
+				let b = -1;
+				for (; (b = W.data.indexOf(o$1, b + 1)) !== -1;) J.push({
+					type: 7,
+					index: G
+				}), b += o$1.length - 1;
+			}
+			G++;
+		}
+	}
+	static createElement(b, j) {
+		let F = l.createElement("template");
+		return F.innerHTML = b, F;
+	}
+};
+function M(b, j, F = b, U) {
+	if (j === E) return j;
+	let W = U === void 0 ? F._$Cl : F._$Co?.[U], G = a(j) ? void 0 : j._$litDirective$;
+	return W?.constructor !== G && (W?._$AO?.(!1), G === void 0 ? W = void 0 : (W = new G(b), W._$AT(b, F, U)), U === void 0 ? F._$Cl = W : (F._$Co ??= [])[U] = W), W !== void 0 && (j = M(b, W._$AS(b, j.values), W, U)), j;
+}
+var R = class {
+	constructor(b, j) {
+		this._$AV = [], this._$AN = void 0, this._$AD = b, this._$AM = j;
+	}
+	get parentNode() {
+		return this._$AM.parentNode;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	u(b) {
+		let { el: { content: j }, parts: F } = this._$AD, U = (b?.creationScope ?? l).importNode(j, !0);
+		P.currentNode = U;
+		let W = P.nextNode(), G = 0, K = 0, q = F[0];
+		for (; q !== void 0;) {
+			if (G === q.index) {
+				let j;
+				q.type === 2 ? j = new k(W, W.nextSibling, this, b) : q.type === 1 ? j = new q.ctor(W, q.name, q.strings, this, b) : q.type === 6 && (j = new Z(W, this, b)), this._$AV.push(j), q = F[++K];
+			}
+			G !== q?.index && (W = P.nextNode(), G++);
+		}
+		return P.currentNode = l, U;
+	}
+	p(b) {
+		let j = 0;
+		for (let F of this._$AV) F !== void 0 && (F.strings === void 0 ? F._$AI(b[j]) : (F._$AI(b, F, j), j += F.strings.length - 2)), j++;
+	}
+}, k = class b {
+	get _$AU() {
+		return this._$AM?._$AU ?? this._$Cv;
+	}
+	constructor(b, j, F, U) {
+		this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = b, this._$AB = j, this._$AM = F, this.options = U, this._$Cv = U?.isConnected ?? !0;
+	}
+	get parentNode() {
+		let b = this._$AA.parentNode, j = this._$AM;
+		return j !== void 0 && b?.nodeType === 11 && (b = j.parentNode), b;
+	}
+	get startNode() {
+		return this._$AA;
+	}
+	get endNode() {
+		return this._$AB;
+	}
+	_$AI(b, j = this) {
+		b = M(this, b, j), a(b) ? b === A || b == null || b === "" ? (this._$AH !== A && this._$AR(), this._$AH = A) : b !== this._$AH && b !== E && this._(b) : b._$litType$ === void 0 ? b.nodeType === void 0 ? d(b) ? this.k(b) : this._(b) : this.T(b) : this.$(b);
+	}
+	O(b) {
+		return this._$AA.parentNode.insertBefore(b, this._$AB);
+	}
+	T(b) {
+		this._$AH !== b && (this._$AR(), this._$AH = this.O(b));
+	}
+	_(b) {
+		this._$AH !== A && a(this._$AH) ? this._$AA.nextSibling.data = b : this.T(l.createTextNode(b)), this._$AH = b;
+	}
+	$(b) {
+		let { values: j, _$litType$: F } = b, U = typeof F == "number" ? this._$AC(b) : (F.el === void 0 && (F.el = S.createElement(V(F.h, F.h[0]), this.options)), F);
+		if (this._$AH?._$AD === U) this._$AH.p(j);
+		else {
+			let b = new R(U, this), F = b.u(this.options);
+			b.p(j), this.T(F), this._$AH = b;
+		}
+	}
+	_$AC(b) {
+		let j = C.get(b.strings);
+		return j === void 0 && C.set(b.strings, j = new S(b)), j;
+	}
+	k(j) {
+		u(this._$AH) || (this._$AH = [], this._$AR());
+		let F = this._$AH, U, W = 0;
+		for (let G of j) W === F.length ? F.push(U = new b(this.O(c()), this.O(c()), this, this.options)) : U = F[W], U._$AI(G), W++;
+		W < F.length && (this._$AR(U && U._$AB.nextSibling, W), F.length = W);
+	}
+	_$AR(b = this._$AA.nextSibling, j) {
+		for (this._$AP?.(!1, !0, j); b !== this._$AB;) {
+			let j = i$1(b).nextSibling;
+			i$1(b).remove(), b = j;
+		}
+	}
+	setConnected(b) {
+		this._$AM === void 0 && (this._$Cv = b, this._$AP?.(b));
+	}
+}, H = class {
+	get tagName() {
+		return this.element.tagName;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	constructor(b, j, F, U, W) {
+		this.type = 1, this._$AH = A, this._$AN = void 0, this.element = b, this.name = j, this._$AM = U, this.options = W, F.length > 2 || F[0] !== "" || F[1] !== "" ? (this._$AH = Array(F.length - 1).fill(/* @__PURE__ */ new String()), this.strings = F) : this._$AH = A;
+	}
+	_$AI(b, j = this, F, U) {
+		let W = this.strings, G = !1;
+		if (W === void 0) b = M(this, b, j, 0), G = !a(b) || b !== this._$AH && b !== E, G && (this._$AH = b);
+		else {
+			let U = b, K, q;
+			for (b = W[0], K = 0; K < W.length - 1; K++) q = M(this, U[F + K], j, K), q === E && (q = this._$AH[K]), G ||= !a(q) || q !== this._$AH[K], q === A ? b = A : b !== A && (b += (q ?? "") + W[K + 1]), this._$AH[K] = q;
+		}
+		G && !U && this.j(b);
+	}
+	j(b) {
+		b === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, b ?? "");
+	}
+}, I = class extends H {
+	constructor() {
+		super(...arguments), this.type = 3;
+	}
+	j(b) {
+		this.element[this.name] = b === A ? void 0 : b;
+	}
+}, L = class extends H {
+	constructor() {
+		super(...arguments), this.type = 4;
+	}
+	j(b) {
+		this.element.toggleAttribute(this.name, !!b && b !== A);
+	}
+}, z = class extends H {
+	constructor(b, j, F, U, W) {
+		super(b, j, F, U, W), this.type = 5;
+	}
+	_$AI(b, j = this) {
+		if ((b = M(this, b, j, 0) ?? A) === E) return;
+		let F = this._$AH, U = b === A && F !== A || b.capture !== F.capture || b.once !== F.once || b.passive !== F.passive, W = b !== A && (F === A || U);
+		U && this.element.removeEventListener(this.name, this, F), W && this.element.addEventListener(this.name, this, b), this._$AH = b;
+	}
+	handleEvent(b) {
+		typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, b) : this._$AH.handleEvent(b);
+	}
+}, Z = class {
+	constructor(b, j, F) {
+		this.element = b, this.type = 6, this._$AN = void 0, this._$AM = j, this.options = F;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AI(b) {
+		M(this, b);
+	}
+}, B = t.litHtmlPolyfillSupport;
+B?.(S, k), (t.litHtmlVersions ??= []).push("3.3.2");
+var D = (b, j, F) => {
+	let U = F?.renderBefore ?? j, W = U._$litPart$;
+	if (W === void 0) {
+		let b = F?.renderBefore ?? null;
+		U._$litPart$ = W = new k(j.insertBefore(c(), b), b, void 0, F ?? {});
+	}
+	return W._$AI(b), W;
+}, s = globalThis, i = class extends y {
+	constructor() {
+		super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+	}
+	createRenderRoot() {
+		let b = super.createRenderRoot();
+		return this.renderOptions.renderBefore ??= b.firstChild, b;
+	}
+	update(b) {
+		let j = this.render();
+		this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(b), this._$Do = D(j, this.renderRoot, this.renderOptions);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._$Do?.setConnected(!0);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._$Do?.setConnected(!1);
+	}
+	render() {
+		return E;
+	}
+};
+i._$litElement$ = !0, i.finalized = !0, s.litElementHydrateSupport?.({ LitElement: i });
+var o = s.litElementPolyfillSupport;
+o?.({ LitElement: i }), (s.litElementVersions ??= []).push("4.2.2");
+var SINGLE_QUOTE = "'", DOUBLE_QUOTE = "\"", ESCAPED_PATTERN = /\\([0-9a-fA-F]{1,6} ?)/g;
+function hasLeadingTrailingQuotes(b) {
+	return b.length < 2 ? !1 : (b[0] === DOUBLE_QUOTE || b[0] === SINGLE_QUOTE) && (b[b.length - 1] === DOUBLE_QUOTE || b[b.length - 1] === SINGLE_QUOTE);
+}
+function trimQuotes(b) {
+	let j = b;
+	return (j[0] === DOUBLE_QUOTE || j[0] === SINGLE_QUOTE) && (j = j.slice(1)), (j[j.length - 1] === DOUBLE_QUOTE || j[j.length - 1] === SINGLE_QUOTE) && (j = j.slice(0, -1)), j;
+}
+function escapeQuotes(b) {
+	let j = "", F = "";
+	for (let U = 0; U < b.length; U++) {
+		let W = b[U + 1];
+		b[U] === "\\" && W === "\"" ? (j += "\\\"", U++) : b[U] === "\"" && F !== "\\" ? j += "\\\"" : j += b[U], F = b[U] ?? "";
+	}
+	return j;
+}
+function parseCssPropertyValue(b) {
+	let j = b;
+	hasLeadingTrailingQuotes(b) && (j = trimQuotes(j), j = j.replace(ESCAPED_PATTERN, (b, j) => String.fromCodePoint(parseInt(j.trim(), 16))), j = j.replaceAll("\\\n", "\\n"), j = escapeQuotes(j), j = DOUBLE_QUOTE + j + DOUBLE_QUOTE);
+	try {
+		return JSON.parse(j);
+	} catch {
+		return;
+	}
+}
+function CssDataMixin(b) {
+	class j extends b {
+		constructor(...b) {
+			super(...b), this._cssDataCache = null, this._computedStyle = null;
+		}
+		getCssData(b, j = !1) {
+			let F = this._cssDataCache ?? Object.create(null);
+			if (!Object.keys(F).includes(b) || !F[b]) {
+				this._computedStyle ||= window.getComputedStyle(this);
+				let U = this._computedStyle.getPropertyValue(b).trim();
+				try {
+					F[b] = parseCssPropertyValue(U);
+				} catch (U) {
+					j || console.warn(`CSS Data error: ${b}`, U), F[b] = null;
+				}
+			}
+			return this._cssDataCache = F, F[b];
+		}
+	}
+	return j;
+}
+function RegisterableElementMixin(b) {
+	class j extends b {
+		static reg(b) {
+			let j = this, F = window.customElements.get(b);
+			if (F) {
+				F !== j && console.warn([
+					`Element with tag name "${b}" already registered.`,
+					`You're trying to override it with another class "${this.name}".`,
+					"This is most likely a mistake.",
+					"New element will not be registered."
+				].join("\n"));
+				return;
+			}
+			window.customElements.define(b, j);
+		}
+	}
+	return j;
+}
+var DEFAULT_CDN_BASE = "https://ucarecdn.com";
+const PROPS_MAP = Object.freeze({
+	"dev-mode": {},
+	pubkey: {},
+	uuid: {},
+	src: {},
+	lazy: { default: 1 },
+	intersection: {},
+	breakpoints: {},
+	"cdn-cname": { default: DEFAULT_CDN_BASE },
+	"proxy-cname": {},
+	"secure-delivery-proxy": {},
+	"hi-res-support": { default: 1 },
+	"ultra-res-support": {},
+	format: {},
+	"cdn-operations": {},
+	progressive: {},
+	quality: {},
+	"is-background-for": {},
+	"is-preview-blur": { default: 1 }
+});
+var ImgConfig = class extends CssDataMixin(RegisterableElementMixin(i)) {
+	createRenderRoot() {
+		return this;
+	}
+	constructor() {
+		for (let b in super(), this._state = {}, this._subscribers = /* @__PURE__ */ new Map(), this._isnObserver = null, this._observed = null, PROPS_MAP) {
+			let j = PROPS_MAP[b];
+			this._state[CSS_PREF + b] = j?.default || "";
+		}
+	}
+	$$(b) {
+		return this._state[CSS_PREF + b];
+	}
+	set$$(b) {
+		for (let j in b) {
+			let F = CSS_PREF + j, U = b[j];
+			this._state[F] = U, this._notify(F, U);
+		}
+	}
+	sub$$(b, j) {
+		let F = CSS_PREF + b;
+		this._subscribers.has(F) || this._subscribers.set(F, /* @__PURE__ */ new Set()), this._subscribers.get(F)?.add(j);
+		let U = this._state[F];
+		U !== null && U !== "" && j(U);
+	}
+	_notify(b, j) {
+		this._subscribers.has(b) && this._subscribers.get(b)?.forEach((b) => {
+			j === null || j === "" || b(j);
+		});
+	}
+	analyticsParams() {
+		return "-/@clib/blocks/1.28.0-alpha.1/uc-img/";
+	}
+	initAttributes(b) {
+		Array.from(this.attributes).forEach((j) => {
+			let F = j;
+			PROPS_MAP[F.name] || b.setAttribute(F.name, F.value);
+		});
+	}
+	initIntersection(b, j) {
+		this._isnObserver = new IntersectionObserver((F) => {
+			F.forEach((F) => {
+				F.isIntersecting && (j(), this._isnObserver?.unobserve(b));
+			});
+		}, {
+			root: null,
+			rootMargin: "0px"
+		}), this._isnObserver.observe(b), this._observed ||= /* @__PURE__ */ new Set(), this._observed.add(b);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._initCssProperties();
+	}
+	_initCssProperties() {
+		for (let b in PROPS_MAP) {
+			let j = CSS_PREF + b, F = this.getCssData(j, !0);
+			F != null && (this._state[j] = F);
+		}
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._isnObserver &&= (this._observed?.forEach((b) => {
+			this._isnObserver?.unobserve(b);
+		}), null), this._subscribers.clear();
+	}
+	static get observedAttributes() {
+		return Object.keys(PROPS_MAP);
+	}
+	attributeChangedCallback(b, j, F) {
+		window.setTimeout(() => {
+			let j = CSS_PREF + b;
+			this._state[j] = F, this._notify(j, F);
+		});
+	}
+};
+const parseObjectToString = (b) => Object.entries(b).filter(([b, j]) => j !== void 0 && j !== "").map(([b, j]) => b === "cdn-operations" || b === "analytics" ? j : `${b}/${j}`);
+var ImgBase = class extends ImgConfig {
+	constructor(...b) {
+		super(...b), this._img = new Image(), this._imgPreview = new Image();
+	}
+	_fmtAbs(b) {
+		return !b.includes("//") && !DEV_MODE && (b = new URL(b, document.baseURI).href), b;
+	}
+	_validateSize(b) {
+		if (!b) return;
+		let j = b, F = j.match(/\d+/)?.[0], U = j.match(/[a-zA-Z]+/)?.[0];
+		if (!F || !U) return;
+		let W = parseInt(F, 10);
+		return Number(W) > 5e3 && this._hasFormatJPG ? 5e3 + U : Number(W) > 3e3 && !this._hasFormatJPG ? 3e3 + U : b;
+	}
+	_getCdnModifiers(b, j) {
+		return createCdnUrlModifiers(...parseObjectToString({
+			format: this._getTypedCssValue("format"),
+			quality: this._getTypedCssValue("quality"),
+			resize: this._validateSize(b),
+			blur: j,
+			"cdn-operations": this._getTypedCssValue("cdn-operations") ?? void 0,
+			analytics: this.analyticsParams()
+		}));
+	}
+	_getTypedCssValue(b) {
+		let j = this.$$(b);
+		if (j == null || typeof j == "string" || typeof j == "number" || typeof j == "boolean") return j;
+	}
+	_getUrlBase(b = "", j = "") {
+		let F = this.$$("src");
+		if (F.startsWith("data:") || F.startsWith("blob:")) return F;
+		if (DEV_MODE && F && !F.includes("//")) return this._proxyUrl(F);
+		let U = this._getCdnModifiers(b, j), W = this.$$("cdn-cname"), G = W;
+		if (F.startsWith(String(W))) return createCdnUrl(F, U);
+		let K = this.$$("uuid");
+		if (G && K || K) return this._proxyUrl(createCdnUrl(createOriginalUrl(G, K), U));
+		let Y = this.$$("proxy-cname");
+		if (Y) return this._proxyUrl(createCdnUrl(Y, U, this._fmtAbs(F)));
+		let X = this.$$("pubkey");
+		if (X) return this._proxyUrl(createCdnUrl(`https://${X}.ucr.io/`, U, this._fmtAbs(F)));
+	}
+	_proxyUrl(b) {
+		let j = this.$$("secure-delivery-proxy");
+		return j ? applyTemplateData(j, { previewUrl: b }, { transform: (b) => window.encodeURIComponent(b) }) : b;
+	}
+	_getElSize(b, j = 1, F = !0) {
+		let U = b.getBoundingClientRect(), W = j * Math.round(U.width), G = F ? "" : j * Math.round(U.height);
+		return W || G ? `${W || ""}x${G || ""}` : null;
+	}
+	_setupEventProxy(b) {
+		let j = (b) => {
+			b.stopPropagation();
+			let j = new Event(b.type, b);
+			this.dispatchEvent(j);
+		};
+		for (let F of ["load", "error"]) b.addEventListener(F, j);
+	}
+	get img() {
+		return this._hasPreviewImage || (this._setupConfigForImage({ elNode: this._img }), this.appendChild(this._img)), this._img;
+	}
+	get _currentImg() {
+		return this._hasPreviewImage ? {
+			type: ImgTypeEnum.PREVIEW,
+			img: this._imgPreview
+		} : {
+			type: ImgTypeEnum.MAIN,
+			img: this.img
+		};
+	}
+	get _hasPreviewImage() {
+		return this.$$("is-preview-blur");
+	}
+	get _bgSelector() {
+		return this.$$("is-background-for");
+	}
+	get _breakpoints() {
+		let b = this.$$("breakpoints");
+		return b ? uniqueArray(stringToArray(b).map((b) => parseInt(b, 10))) : null;
+	}
+	get _hasFormatJPG() {
+		return this.$$("format").toLowerCase() === "jpeg";
+	}
+	_renderBg(b) {
+		let j = /* @__PURE__ */ new Set();
+		j.add(`url("${this._getUrlBase(this._getElSize(b))}") 1x`), this.$$("hi-res-support") && j.add(`url("${this._getUrlBase(this._getElSize(b, 2))}") 2x`), this.$$("ultra-res-support") && j.add(`url("${this._getUrlBase(this._getElSize(b, 3))}") 3x`);
+		let F = `image-set(${[...j].join(", ")})`;
+		b.style.setProperty("background-image", F), b.style.setProperty("background-image", `-webkit-${F}`);
+	}
+	_getSrcset() {
+		let b = /* @__PURE__ */ new Set();
+		return this._breakpoints ? this._breakpoints.forEach((j) => {
+			b.add(`${this._getUrlBase(`${j}x`)} ${this._validateSize(`${j}w`)}`), this.$$("hi-res-support") && b.add(`${this._getUrlBase(`${j * 2}x`)} ${this._validateSize(`${j * 2}w`)}`), this.$$("ultra-res-support") && b.add(`${this._getUrlBase(`${j * 3}x`)} ${this._validateSize(`${j * 3}w`)}`);
+		}) : (b.add(`${this._getUrlBase(this._getElSize(this._currentImg.img))} 1x`), this.$$("hi-res-support") && b.add(`${this._getUrlBase(this._getElSize(this._currentImg.img, 2))} 2x`), this.$$("ultra-res-support") && b.add(`${this._getUrlBase(this._getElSize(this._currentImg.img, 3))} 3x`)), [...b].join();
+	}
+	_getSrc() {
+		return this._getUrlBase();
+	}
+	get _srcUrlPreview() {
+		return this._getUrlBase("100x", "100");
+	}
+	_renderBackground() {
+		let b = this._bgSelector;
+		[...document.querySelectorAll(b)].forEach((b) => {
+			this.$$("intersection") ? this.initIntersection(b, () => {
+				this._renderBg(b);
+			}) : this._renderBg(b);
+		});
+	}
+	_appendURL({ elNode: b, src: j, srcset: F }) {
+		j && (b.src = j), F && (b.srcset = F);
+	}
+	_setupConfigForImage({ elNode: b }) {
+		this._setupEventProxy(b), this.initAttributes(b);
+	}
+	_loaderImage({ src: b, srcset: j, elNode: F }) {
+		return new Promise((U, W) => {
+			this._setupConfigForImage({ elNode: F }), F.setAttribute(UNRESOLVED_ATTR, ""), F.addEventListener("load", () => {
+				F.removeAttribute(UNRESOLVED_ATTR), U(F);
+			}), F.addEventListener("error", () => {
+				W(!1);
+			}), this._appendURL({
+				elNode: F,
+				src: b,
+				srcset: j
+			});
+		});
+	}
+	async _renderImage() {
+		if (this.$$("intersection")) {
+			this._hasPreviewImage && (this._setupConfigForImage({ elNode: this._imgPreview }), this.appendChild(this._imgPreview)), this.initIntersection(this._currentImg.img, async () => {
+				this._hasPreviewImage && (this._imgPreview.src = this._srcUrlPreview);
+				try {
+					await this._loaderImage({
+						src: this._getSrc(),
+						srcset: this._getSrcset(),
+						elNode: this._img
+					}), this._hasPreviewImage && await this._imgPreview.remove(), this.appendChild(this._img);
+				} catch {
+					this._hasPreviewImage && await this._imgPreview?.remove(), this.appendChild(this._img);
+				}
+			});
+			return;
+		}
+		try {
+			this._hasPreviewImage && (await this._loaderImage({
+				src: this._srcUrlPreview,
+				elNode: this._imgPreview
+			}), this.appendChild(this._imgPreview)), await this._loaderImage({
+				src: this._getSrc(),
+				srcset: this._getSrcset(),
+				elNode: this._img
+			}), this._hasPreviewImage && await this._imgPreview?.remove(), this.appendChild(this._img);
+		} catch {
+			this._hasPreviewImage && await this._imgPreview?.remove(), this.appendChild(this._img);
+		}
+	}
+	init() {
+		this._bgSelector ? this._renderBackground() : this._renderImage();
+	}
+}, Img = class extends ImgBase {
+	connectedCallback() {
+		super.connectedCallback(), this.sub$$("src", () => {
+			this.init();
+		}), this.sub$$("uuid", () => {
+			this.init();
+		}), this.sub$$("lazy", (b) => {
+			!this.$$("is-background-for") && !this.$$("is-preview-blur") && (this.img.loading = b ? "lazy" : "eager");
+		});
+	}
+};
+Img.reg("uc-img");
+export { Img };