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

package/web/uc-img.min.js

@@ -1,895 +1,5 @@
-/**
-* @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 };
+var __webpack_require__={};__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop);var __webpack_exports__={};function extractFilename(cdnUrl){let url=new URL(cdnUrl),noOrigin=url.pathname+url.search+url.hash,urlFilenameIdx=noOrigin.lastIndexOf("http"),plainFilenameIdx=noOrigin.lastIndexOf("/"),filename="";return urlFilenameIdx>=0?filename=noOrigin.slice(urlFilenameIdx):plainFilenameIdx>=0&&(filename=noOrigin.slice(plainFilenameIdx+1)),filename}function isFileUrl(filename){return filename.startsWith("http")}function splitFileUrl(fileUrl){let url=new URL(fileUrl);return{pathname:`${url.origin}${url.pathname??""}`,search:url.search??"",hash:url.hash??""}}__webpack_require__.d(__webpack_exports__,{E:()=>Img});let createCdnUrl=(baseCdnUrl,cdnModifiers,filename)=>{let url,filename1,filenamePathPart,url1=new URL((url=new URL(baseCdnUrl),filenamePathPart=isFileUrl(filename1=extractFilename(baseCdnUrl))?splitFileUrl(filename1).pathname:filename1,url.pathname=url.pathname.replace(filenamePathPart,""),url.search="",url.hash="",url.toString())),resolvedFilename=filename??extractFilename(baseCdnUrl),resolvedModifiers=cdnModifiers??"";if(url1.pathname.startsWith("//")&&(url1.pathname=url1.pathname.replace("//","/")),resolvedFilename&&isFileUrl(resolvedFilename)){let splitted=splitFileUrl(resolvedFilename);url1.pathname=`${url1.pathname}${resolvedModifiers}${splitted.pathname||""}`,url1.search=splitted.search,url1.hash=splitted.hash}else url1.pathname=`${url1.pathname}${resolvedModifiers}${resolvedFilename||""}`;return url1.toString()},DEFAULT_TRANSFORMER=value=>value,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"}),css_tag_t=globalThis,css_tag_e=css_tag_t.ShadowRoot&&(void 0===css_tag_t.ShadyCSS||css_tag_t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,css_tag_s=Symbol(),css_tag_o=new WeakMap;class css_tag_n{constructor(t,e,o){if(this._$cssResult$=!0,o!==css_tag_s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,s=this.t;if(css_tag_e&&void 0===t){let e=void 0!==s&&1===s.length;e&&(t=css_tag_o.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&css_tag_o.set(s,t))}return t}toString(){return this.cssText}}let css_tag_c=css_tag_e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let t1,e="";for(let s of t.cssRules)e+=s.cssText;return new css_tag_n("string"==typeof(t1=e)?t1:t1+"",void 0,css_tag_s)})(t):t,{is:reactive_element_i,defineProperty:reactive_element_e,getOwnPropertyDescriptor:reactive_element_h,getOwnPropertyNames:reactive_element_r,getOwnPropertySymbols:reactive_element_o,getPrototypeOf:reactive_element_n}=Object,reactive_element_a=globalThis,reactive_element_c=reactive_element_a.trustedTypes,reactive_element_l=reactive_element_c?reactive_element_c.emptyScript:"",p=reactive_element_a.reactiveElementPolyfillSupport,reactive_element_u={toAttribute(t,s){switch(s){case Boolean:t=t?reactive_element_l:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},reactive_element_f=(t,s)=>!reactive_element_i(t,s),b={attribute:!0,type:String,converter:reactive_element_u,reflect:!1,useDefault:!1,hasChanged:reactive_element_f};Symbol.metadata??=Symbol("metadata"),reactive_element_a.litPropertyMetadata??=new WeakMap;class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){let i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&reactive_element_e(this.prototype,t,h)}}static getPropertyDescriptor(t,s,i){let{get:e,set:r}=reactive_element_h(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:e,set(s){let h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty("elementProperties"))return;let t=reactive_element_n(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty("finalized"))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty("properties")){let t=this.properties;for(let i of[...reactive_element_r(t),...reactive_element_o(t)])this.createProperty(i,t[i])}let t=this[Symbol.metadata];if(null!==t){let s=litPropertyMetadata.get(t);if(void 0!==s)for(let[t,i]of s)this.elementProperties.set(t,i)}for(let[t,s]of(this._$Eh=new Map,this.elementProperties)){let i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(s){let i=[];if(Array.isArray(s))for(let s1 of new Set(s.flat(1/0).reverse()))i.unshift(css_tag_c(s1));else void 0!==s&&i.push(css_tag_c(s));return i}static _$Eu(t,s){let i=s.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.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(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){let t=new Map;for(let i of this.constructor.elementProperties.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){let t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((s,o)=>{if(css_tag_e)s.adoptedStyleSheets=o.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(let e of o){let o=document.createElement("style"),n=css_tag_t.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,s,i){this._$AK(t,i)}_$ET(t,s){let i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&!0===i.reflect){let h=(void 0!==i.converter?.toAttribute?i.converter:reactive_element_u).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null}}_$AK(t,s){let i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){let t=i.getPropertyOptions(e),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:reactive_element_u;this._$Em=e;let r=h.fromAttribute(s,t.type);this[e]=r??this._$Ej?.get(e)??r,this._$Em=null}}requestUpdate(t,s,i,e=!1,h){if(void 0!==t){let r=this.constructor;if(!1===e&&(h=this[t]),!(((i??=r.getPropertyOptions(t)).hasChanged??reactive_element_f)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(r._$Eu(t,i))))return;this.C(t,s,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),!0!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),!0===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}let t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}let t=this.constructor.elementProperties;if(t.size>0)for(let[s,i]of t){let{wrapped:t}=i,e=this[s];!0!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e)}}let t=!1,s=this._$AL;try{(t=this.shouldUpdate(s))?(this.willUpdate(s),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(s)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}}y.elementStyles=[],y.shadowRootOptions={mode:"open"},y.elementProperties=new Map,y.finalized=new Map,p?.({ReactiveElement:y}),(reactive_element_a.reactiveElementVersions??=[]).push("2.1.2");let lit_html_t=globalThis,lit_html_i=t=>t,lit_html_s=lit_html_t.trustedTypes,lit_html_e=lit_html_s?lit_html_s.createPolicy("lit-html",{createHTML:t=>t}):void 0,lit_html_h="$lit$",lit_html_o=`lit$${Math.random().toFixed(9).slice(2)}$`,lit_html_n="?"+lit_html_o,lit_html_r=`<${lit_html_n}>`,lit_html_l=document,lit_html_c=()=>lit_html_l.createComment(""),lit_html_a=t=>null===t||"object"!=typeof t&&"function"!=typeof t,lit_html_u=Array.isArray,lit_html_f="[ 	\n\f\r]",lit_html_v=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,lit_html_=/-->/g,m=/>/g,lit_html_p=RegExp(`>|${lit_html_f}(?:([^\\s"'>=/]+)(${lit_html_f}*=${lit_html_f}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,$=/"/g,lit_html_y=/^(?:script|style|textarea|title)$/i,lit_html_x=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),E=(lit_html_x(1),lit_html_x(2),lit_html_x(3),Symbol.for("lit-noChange")),A=Symbol.for("lit-nothing"),C=new WeakMap,P=lit_html_l.createTreeWalker(lit_html_l,129);function V(t,i){if(!lit_html_u(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==lit_html_e?lit_html_e.createHTML(i):i}class lit_html_S{constructor({strings:t,_$litType$:i},e){let r;this.parts=[];let l=0,a=0,u=t.length-1,d=this.parts,[f,v]=((t,i)=>{let s=t.length-1,e=[],n,l=2===i?"<svg>":3===i?"<math>":"",c=lit_html_v;for(let i=0;i<s;i++){let s=t[i],a,u,d=-1,f=0;for(;f<s.length&&(c.lastIndex=f,null!==(u=c.exec(s)));)f=c.lastIndex,c===lit_html_v?"!--"===u[1]?c=lit_html_:void 0!==u[1]?c=m:void 0!==u[2]?(lit_html_y.test(u[2])&&(n=RegExp("</"+u[2],"g")),c=lit_html_p):void 0!==u[3]&&(c=lit_html_p):c===lit_html_p?">"===u[0]?(c=n??lit_html_v,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?lit_html_p:'"'===u[3]?$:g):c===$||c===g?c=lit_html_p:c===lit_html_||c===m?c=lit_html_v:(c=lit_html_p,n=void 0);let x=c===lit_html_p&&t[i+1].startsWith("/>")?" ":"";l+=c===lit_html_v?s+lit_html_r:d>=0?(e.push(a),s.slice(0,d)+lit_html_h+s.slice(d)+lit_html_o+x):s+lit_html_o+(-2===d?i:x)}return[V(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),e]})(t,i);if(this.el=lit_html_S.createElement(f,e),P.currentNode=this.el.content,2===i||3===i){let t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=P.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(let t of r.getAttributeNames())if(t.endsWith(lit_html_h)){let i=v[a++],s=r.getAttribute(t).split(lit_html_o),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:l,name:e[2],strings:s,ctor:"."===e[1]?I:"?"===e[1]?L:"@"===e[1]?z:H}),r.removeAttribute(t)}else t.startsWith(lit_html_o)&&(d.push({type:6,index:l}),r.removeAttribute(t));if(lit_html_y.test(r.tagName)){let t=r.textContent.split(lit_html_o),i=t.length-1;if(i>0){r.textContent=lit_html_s?lit_html_s.emptyScript:"";for(let s=0;s<i;s++)r.append(t[s],lit_html_c()),P.nextNode(),d.push({type:2,index:++l});r.append(t[i],lit_html_c())}}}else if(8===r.nodeType)if(r.data===lit_html_n)d.push({type:2,index:l});else{let t=-1;for(;-1!==(t=r.data.indexOf(lit_html_o,t+1));)d.push({type:7,index:l}),t+=lit_html_o.length-1}l++}}static createElement(t,i){let s=lit_html_l.createElement("template");return s.innerHTML=t,s}}function M(t,i,s=t,e){if(i===E)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl,o=lit_html_a(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(!1),void 0===o?h=void 0:(h=new o(t))._$AT(t,s,e),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=M(t,h._$AS(t,i.values),h,e)),i}class R{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){let{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??lit_html_l).importNode(i,!0);P.currentNode=e;let h=P.nextNode(),o=0,n=0,r=s[0];for(;void 0!==r;){if(o===r.index){let i;2===r.type?i=new lit_html_k(h,h.nextSibling,this,t):1===r.type?i=new r.ctor(h,r.name,r.strings,this,t):6===r.type&&(i=new Z(h,this,t)),this._$AV.push(i),r=s[++n]}o!==r?.index&&(h=P.nextNode(),o++)}return P.currentNode=lit_html_l,e}p(t){let i=0;for(let s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++}}class lit_html_k{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=A,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode,i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){let t1;lit_html_a(t=M(this,t,i))?t===A||null==t||""===t?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==E&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):lit_html_u(t1=t)||"function"==typeof t1?.[Symbol.iterator]?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==A&&lit_html_a(this._$AH)?this._$AA.nextSibling.data=t:this.T(lit_html_l.createTextNode(t)),this._$AH=t}$(t){let{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=lit_html_S.createElement(V(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else{let t=new R(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t}}_$AC(t){let i=C.get(t.strings);return void 0===i&&C.set(t.strings,i=new lit_html_S(t)),i}k(t){lit_html_u(this._$AH)||(this._$AH=[],this._$AR());let i=this._$AH,s,e=0;for(let h of t)e===i.length?i.push(s=new lit_html_k(this.O(lit_html_c()),this.O(lit_html_c()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e)}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(!1,!0,s);t!==this._$AB;){let s=lit_html_i(t).nextSibling;lit_html_i(t).remove(),t=s}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class H{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=A,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=A}_$AI(t,i=this,s,e){let h=this.strings,o=!1;if(void 0===h)(o=!lit_html_a(t=M(this,t,i,0))||t!==this._$AH&&t!==E)&&(this._$AH=t);else{let n,r,e=t;for(t=h[0],n=0;n<h.length-1;n++)(r=M(this,e[s+n],i,n))===E&&(r=this._$AH[n]),o||=!lit_html_a(r)||r!==this._$AH[n],r===A?t=A:t!==A&&(t+=(r??"")+h[n+1]),this._$AH[n]=r}o&&!e&&this.j(t)}j(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class I extends H{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===A?void 0:t}}class L extends H{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==A)}}class z extends H{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5}_$AI(t,i=this){if((t=M(this,t,i,0)??A)===E)return;let s=this._$AH,e=t===A&&s!==A||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==A&&(s===A||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){M(this,t)}}let B=lit_html_t.litHtmlPolyfillSupport;B?.(lit_html_S,lit_html_k),(lit_html_t.litHtmlVersions??=[]).push("3.3.2");let lit_element_s=globalThis;class lit_element_i extends y{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){let r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,i,s)=>{let e=s?.renderBefore??i,h=e._$litPart$;if(void 0===h){let t=s?.renderBefore??null;e._$litPart$=h=new lit_html_k(i.insertBefore(lit_html_c(),t),t,void 0,s??{})}return h._$AI(t),h})(r,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return E}}lit_element_i._$litElement$=!0,lit_element_i.finalized=!0,lit_element_s.litElementHydrateSupport?.({LitElement:lit_element_i});let lit_element_o=lit_element_s.litElementPolyfillSupport;lit_element_o?.({LitElement:lit_element_i}),(lit_element_s.litElementVersions??=[]).push("4.2.2");let PACKAGE_VERSION=JSON.parse('{"rE":"1.28.0-alpha.111"}').rE,ESCAPED_PATTERN=/\\([0-9a-fA-F]{1,6} ?)/g;function CssDataMixin(ctor){return class extends ctor{getCssData(propName,silentCheck=!1){let cssDataCache=this._cssDataCache??Object.create(null);if(!Object.keys(cssDataCache).includes(propName)||!cssDataCache[propName]){this._computedStyle||(this._computedStyle=window.getComputedStyle(this));let val=this._computedStyle.getPropertyValue(propName).trim();try{cssDataCache[propName]=function(input){let output=input;if(!(input.length<2)&&('"'===input[0]||"'"===input[0])&&('"'===input[input.length-1]||"'"===input[input.length-1])){let result;('"'===(result=output)[0]||"'"===result[0])&&(result=result.slice(1)),('"'===result[result.length-1]||"'"===result[result.length-1])&&(result=result.slice(0,-1)),output='"'+(output=function(str){let result="",prev="";for(let i=0;i<str.length;i++){let next=str[i+1];"\\"===str[i]&&'"'===next?(result+='\\"',i++):'"'===str[i]&&"\\"!==prev?result+='\\"':result+=str[i],prev=str[i]??""}return result}(output=(output=(output=result).replace(ESCAPED_PATTERN,(_match,group)=>String.fromCodePoint(parseInt(group.trim(),16)))).replaceAll("\\\n","\\n")))+'"'}try{return JSON.parse(output)}catch(_error){return}}(val)}catch(error){silentCheck||console.warn(`CSS Data error: ${propName}`,error),cssDataCache[propName]=null}}return this._cssDataCache=cssDataCache,cssDataCache[propName]}constructor(...args){super(...args),this._cssDataCache=null,this._computedStyle=null}}}function RegisterableElementMixin(ctor){return class extends ctor{static reg(tagName){let registeredClass=window.customElements.get(tagName);if(registeredClass){registeredClass!==this&&console.warn(`Element with tag name "${tagName}" 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.`);return}window.customElements.define(tagName,this)}}}let PROPS_MAP=Object.freeze({"dev-mode":{},pubkey:{},uuid:{},src:{},lazy:{default:1},intersection:{},breakpoints:{},"cdn-cname":{default:"https://ucarecdn.com"},"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}});class ImgConfig extends CssDataMixin(RegisterableElementMixin(lit_element_i)){createRenderRoot(){return this}constructor(){for(let prop in super(),this._state={},this._subscribers=new Map,this._isnObserver=null,this._observed=null,PROPS_MAP){let config=PROPS_MAP[prop];this._state[CSS_PREF+prop]=config?.default||""}}$$(key){return this._state[CSS_PREF+key]}set$$(kvObj){for(let key in kvObj){let fullKey=CSS_PREF+key,val=kvObj[key];this._state[fullKey]=val,this._notify(fullKey,val)}}sub$$(key,kbFn){let fullKey=CSS_PREF+key;this._subscribers.has(fullKey)||this._subscribers.set(fullKey,new Set),this._subscribers.get(fullKey)?.add(kbFn);let currentVal=this._state[fullKey];null!==currentVal&&""!==currentVal&&kbFn(currentVal)}_notify(key,val){this._subscribers.has(key)&&this._subscribers.get(key)?.forEach(cb=>{null!==val&&""!==val&&cb(val)})}analyticsParams(){return`-/@clib/blocks/${PACKAGE_VERSION}/uc-img/`}initAttributes(el){Array.from(this.attributes).forEach(attr=>{PROPS_MAP[attr.name]||el.setAttribute(attr.name,attr.value)})}initIntersection(el,cbkFn){this._isnObserver=new IntersectionObserver(entries=>{entries.forEach(ent=>{ent.isIntersecting&&(cbkFn(),this._isnObserver?.unobserve(el))})},{root:null,rootMargin:"0px"}),this._isnObserver.observe(el),this._observed||(this._observed=new Set),this._observed.add(el)}connectedCallback(){super.connectedCallback(),this._initCssProperties()}_initCssProperties(){for(let prop in PROPS_MAP){let fullKey=CSS_PREF+prop,val=this.getCssData(fullKey,!0);null!=val&&(this._state[fullKey]=val)}}disconnectedCallback(){super.disconnectedCallback(),this._isnObserver&&(this._observed?.forEach(el=>{this._isnObserver?.unobserve(el)}),this._isnObserver=null),this._subscribers.clear()}static get observedAttributes(){return Object.keys(PROPS_MAP)}attributeChangedCallback(name,_oldVal,newVal){window.setTimeout(()=>{let fullKey=CSS_PREF+name;this._state[fullKey]=newVal,this._notify(fullKey,newVal)})}}class ImgBase extends ImgConfig{_fmtAbs(src){return src.includes("//")||DEV_MODE||(src=new URL(src,document.baseURI).href),src}_validateSize(size){if(!size)return;let numericPart=size.match(/\d+/)?.[0],alphabeticPart=size.match(/[a-zA-Z]+/)?.[0];if(!numericPart||!alphabeticPart)return;let bp=parseInt(numericPart,10);return Number(bp)>5e3&&this._hasFormatJPG?5e3+alphabeticPart:Number(bp)>3e3&&!this._hasFormatJPG?3e3+alphabeticPart:size}_getCdnModifiers(size,blur){return((...cdnOperations)=>{let joined=((...operations)=>operations.filter(op=>"string"==typeof op&&!!op).map(op=>(operation=>{if("string"!=typeof operation||!operation)return"";let str=operation.trim();return str.startsWith("-/")?str=str.slice(2):str.startsWith("/")&&(str=str.slice(1)),str.endsWith("/")&&(str=str.slice(0,str.length-1)),str})(op)).join("/-/"))(...cdnOperations);return joined?`-/${joined}/`:""})(...Object.entries({format:this._getTypedCssValue("format"),quality:this._getTypedCssValue("quality"),resize:this._validateSize(size),blur,"cdn-operations":this._getTypedCssValue("cdn-operations")??void 0,analytics:this.analyticsParams()}).filter(([_,value])=>void 0!==value&&""!==value).map(([key,value])=>"cdn-operations"===key||"analytics"===key?value:`${key}/${value}`))}_getTypedCssValue(key){let value=this.$$(key);if(null==value||"string"==typeof value||"number"==typeof value||"boolean"==typeof value)return value}_getUrlBase(size="",blur=""){let src=this.$$("src");if(src.startsWith("data:")||src.startsWith("blob:"))return src;if(DEV_MODE&&src&&!src.includes("//"))return this._proxyUrl(src);let cdnModifiers=this._getCdnModifiers(size,blur),cdnCnameRaw=this.$$("cdn-cname");if(src.startsWith(String(cdnCnameRaw)))return createCdnUrl(src,cdnModifiers);let uuid=this.$$("uuid");if(cdnCnameRaw&&uuid||uuid){var cdnUrl,uuid1;let url;return this._proxyUrl(createCdnUrl((cdnUrl=cdnCnameRaw,uuid1=uuid,(url=new URL(cdnUrl)).pathname=`${uuid1}/`,url.toString()),cdnModifiers))}let proxyCname=this.$$("proxy-cname");if(proxyCname)return this._proxyUrl(createCdnUrl(proxyCname,cdnModifiers,this._fmtAbs(src)));let pubkey=this.$$("pubkey");if(pubkey)return this._proxyUrl(createCdnUrl(`https://${pubkey}.ucr.io/`,cdnModifiers,this._fmtAbs(src)))}_proxyUrl(url){let previewProxy=this.$$("secure-delivery-proxy");return previewProxy?function(template,data={},options={}){let{openToken="{{",closeToken="}}",transform=DEFAULT_TRANSFORMER}=options;for(let key in data){let rawValue=data[key],value=null!=rawValue?rawValue.toString():void 0,replacement="string"==typeof value?transform(value):String(value);template=template.replaceAll(openToken+key+closeToken,replacement)}return template}(previewProxy,{previewUrl:url},{transform:value=>window.encodeURIComponent(value)}):url}_getElSize(el,k=1,wOnly=!0){let rect=el.getBoundingClientRect(),w=k*Math.round(rect.width),h=wOnly?"":k*Math.round(rect.height);return w||h?`${w||""}x${h||""}`:null}_setupEventProxy(img){let proxifyEvent=e=>{e.stopPropagation();let event=new Event(e.type,e);this.dispatchEvent(event)};for(let event of["load","error"])img.addEventListener(event,proxifyEvent)}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 breakpointsValue=this.$$("breakpoints");return breakpointsValue?[...new Set(((str,delimiter=",")=>str.trim().split(delimiter).map(part=>part.trim()).filter(part=>part.length>0))(breakpointsValue).map(bp=>parseInt(bp,10)))]:null}get _hasFormatJPG(){return"jpeg"===this.$$("format").toLowerCase()}_renderBg(el){let imgSet=new Set;imgSet.add(`url("${this._getUrlBase(this._getElSize(el))}") 1x`),this.$$("hi-res-support")&&imgSet.add(`url("${this._getUrlBase(this._getElSize(el,2))}") 2x`),this.$$("ultra-res-support")&&imgSet.add(`url("${this._getUrlBase(this._getElSize(el,3))}") 3x`);let iSet=`image-set(${[...imgSet].join(", ")})`;el.style.setProperty("background-image",iSet),el.style.setProperty("background-image",`-webkit-${iSet}`)}_getSrcset(){let srcset=new Set;return this._breakpoints?this._breakpoints.forEach(bp=>{srcset.add(`${this._getUrlBase(`${bp}x`)} ${this._validateSize(`${bp}w`)}`),this.$$("hi-res-support")&&srcset.add(`${this._getUrlBase(`${2*bp}x`)} ${this._validateSize(`${2*bp}w`)}`),this.$$("ultra-res-support")&&srcset.add(`${this._getUrlBase(`${3*bp}x`)} ${this._validateSize(`${3*bp}w`)}`)}):(srcset.add(`${this._getUrlBase(this._getElSize(this._currentImg.img))} 1x`),this.$$("hi-res-support")&&srcset.add(`${this._getUrlBase(this._getElSize(this._currentImg.img,2))} 2x`),this.$$("ultra-res-support")&&srcset.add(`${this._getUrlBase(this._getElSize(this._currentImg.img,3))} 3x`)),[...srcset].join()}_getSrc(){return this._getUrlBase()}get _srcUrlPreview(){return this._getUrlBase("100x","100")}_renderBackground(){let selector=this._bgSelector;[...document.querySelectorAll(selector)].forEach(el=>{this.$$("intersection")?this.initIntersection(el,()=>{this._renderBg(el)}):this._renderBg(el)})}_appendURL({elNode,src,srcset}){src&&(elNode.src=src),srcset&&(elNode.srcset=srcset)}_setupConfigForImage({elNode}){this._setupEventProxy(elNode),this.initAttributes(elNode)}_loaderImage({src,srcset,elNode}){return new Promise((resolve,reject)=>{this._setupConfigForImage({elNode}),elNode.setAttribute(UNRESOLVED_ATTR,""),elNode.addEventListener("load",()=>{elNode.removeAttribute(UNRESOLVED_ATTR),resolve(elNode)}),elNode.addEventListener("error",()=>{reject(!1)}),this._appendURL({elNode,src,srcset})})}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()}constructor(...args){super(...args),this._img=new Image,this._imgPreview=new Image}}class Img extends ImgBase{connectedCallback(){super.connectedCallback(),this.sub$$("src",()=>{this.init()}),this.sub$$("uuid",()=>{this.init()}),this.sub$$("lazy",val=>{this.$$("is-background-for")||this.$$("is-preview-blur")||(this.img.loading=val?"lazy":"eager")})}}Img.reg("uc-img");var __webpack_exports__Img=__webpack_exports__.E;export{__webpack_exports__Img as Img};