@bluepic/embed 0.5.6 → 0.5.8

package/dist/main.mjs

@@ -57830,7 +57830,8 @@ var zI = class extends EventTarget {
 		personalizedSrc: {},
 		assetProxy: {},
 		alt: {},
-		baseWidth: {}
+		baseWidth: {},
+		busy: { type: Boolean }
 	},
 	setup(e) {
 		let t = e, n = L(!1), r = L(!1), i = L(!1);
@@ -57839,32 +57840,32 @@ var zI = class extends EventTarget {
 		}), U(() => t.personalizedSrc, () => {
 			r.value = !1, i.value = !1;
 		});
-		let a = l(() => t.basePreview ? Bv(RI(t.basePreview, t.baseWidth ?? 400), t.assetProxy) : void 0), o = l(() => !!t.personalizedSrc && !i.value), c = l(() => !!t.basePreview || o.value), u = l(() => o.value ? r.value : n.value);
-		return (e, l) => (F(), p("div", BI, [
+		let a = l(() => t.basePreview ? Bv(RI(t.basePreview, t.baseWidth ?? 400), t.assetProxy) : void 0), o = l(() => !!t.personalizedSrc && !i.value), c = l(() => !!t.basePreview || o.value), u = l(() => n.value || o.value && r.value), d = l(() => t.busy || c.value && !u.value);
+		return (e, c) => (F(), p("div", BI, [
 			a.value && (!o.value || !r.value) ? (F(), p("img", {
 				key: 0,
 				class: "layer base",
 				src: a.value,
 				alt: "",
 				"aria-hidden": "true",
-				onLoad: l[0] ||= (e) => n.value = !0,
-				onError: l[1] ||= (e) => n.value = !0
+				onLoad: c[0] ||= (e) => n.value = !0,
+				onError: c[1] ||= (e) => n.value = !0
 			}, null, 40, VI)) : f("", !0),
 			o.value ? (F(), p("img", {
 				key: 1,
 				class: "layer personalized",
 				src: t.personalizedSrc,
 				alt: t.alt ?? "",
-				onLoad: l[2] ||= (e) => r.value = !0,
-				onError: l[3] ||= (e) => i.value = !0
+				onLoad: c[2] ||= (e) => r.value = !0,
+				onError: c[3] ||= (e) => i.value = !0
 			}, null, 40, HI)) : f("", !0),
 			v(s, { name: "bx-preview-fade" }, {
-				default: W(() => [c.value && !u.value ? (F(), p("div", UI, [...l[4] ||= [m("div", { class: "skeleton-shimmer" }, null, -1)]])) : f("", !0)]),
+				default: W(() => [d.value ? (F(), p("div", UI, [...c[4] ||= [m("div", { class: "skeleton-shimmer" }, null, -1)]])) : f("", !0)]),
 				_: 1
 			})
 		]));
 	}
-}), [["__scopeId", "data-v-68d8d222"]]), GI = { class: "watermark" }, KI = ["x", "y"], qI = /* @__PURE__ */ y({
+}), [["__scopeId", "data-v-f8af459a"]]), GI = { class: "watermark" }, KI = ["x", "y"], qI = /* @__PURE__ */ y({
 	__name: "TemplateWatermark",
 	props: {
 		width: {},
@@ -58061,11 +58062,13 @@ var zI = class extends EventTarget {
 				default: W(() => [!h.value && g.value === void 0 ? (F(), p("div", YI, [v(WI, {
 					"base-preview": e.preview,
 					"personalized-src": e.personalizedPreviewSrc,
-					"asset-proxy": r.assetProxy
+					"asset-proxy": r.assetProxy,
+					busy: !h.value
 				}, null, 8, [
 					"base-preview",
 					"personalized-src",
-					"asset-proxy"
+					"asset-proxy",
+					"busy"
 				])])) : f("", !0)]),
 				_: 1
 			}),
@@ -58075,7 +58078,7 @@ var zI = class extends EventTarget {
 			}, "Try again")]))
 		], 4));
 	}
-}), [["__scopeId", "data-v-6d0604f0"]]), QI = /* @__PURE__ */ new Set([
+}), [["__scopeId", "data-v-c53b5973"]]), QI = /* @__PURE__ */ new Set([
 	"Image",
 	"ImageEdit",
 	"Logo"