@bluepic/embed 0.5.7 → 0.5.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bluepic-embed.iife.js +2 -2
- package/dist/bluepic-embed.umd.js +2 -2
- package/dist/components/BxPreviewLayer.vue.d.ts +17 -0
- package/dist/main.cjs +2 -2
- package/dist/main.mjs +27 -14
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/main.mjs
CHANGED
|
@@ -40925,7 +40925,17 @@ var wT = ["data-bx-popover-id"], TT = ["data-origin", "data-placement"], ET = {
|
|
|
40925
40925
|
setup(e, { emit: t }) {
|
|
40926
40926
|
let n = e;
|
|
40927
40927
|
if (n.capturedContext) for (let e of Reflect.ownKeys(n.capturedContext)) I(e, n.capturedContext[e]);
|
|
40928
|
-
let r = t, i = l(() =>
|
|
40928
|
+
let r = t, i = l(() => {
|
|
40929
|
+
let e = n.floatingElement;
|
|
40930
|
+
if (!(e instanceof Element)) return e;
|
|
40931
|
+
let t;
|
|
40932
|
+
return {
|
|
40933
|
+
contextElement: e,
|
|
40934
|
+
getBoundingClientRect() {
|
|
40935
|
+
return (e.getClientRects().length > 0 || !t) && (t = e.getBoundingClientRect()), t;
|
|
40936
|
+
}
|
|
40937
|
+
};
|
|
40938
|
+
}), a = L(), o = L();
|
|
40929
40939
|
mT(a, () => n.scrollPassthrough);
|
|
40930
40940
|
let s = L(), c = L(), u = l(() => n.arrow ? 10 : DT), f = {
|
|
40931
40941
|
name: "referenceOrigin",
|
|
@@ -41117,7 +41127,7 @@ var wT = ["data-bx-popover-id"], TT = ["data-origin", "data-placement"], ET = {
|
|
|
41117
41127
|
_: 3
|
|
41118
41128
|
}))], 14, TT)], 36)], 10, wT));
|
|
41119
41129
|
}
|
|
41120
|
-
}), [["__scopeId", "data-v-
|
|
41130
|
+
}), [["__scopeId", "data-v-abc852b9"]]);
|
|
41121
41131
|
window.addEventListener("load", () => {
|
|
41122
41132
|
let e = document.querySelector(vX);
|
|
41123
41133
|
e && (e.classList.add("bluepic-popup-app-wrapper"), e.parentElement?.classList.add("bluepic-popup-body"));
|
|
@@ -57830,7 +57840,8 @@ var zI = class extends EventTarget {
|
|
|
57830
57840
|
personalizedSrc: {},
|
|
57831
57841
|
assetProxy: {},
|
|
57832
57842
|
alt: {},
|
|
57833
|
-
baseWidth: {}
|
|
57843
|
+
baseWidth: {},
|
|
57844
|
+
busy: { type: Boolean }
|
|
57834
57845
|
},
|
|
57835
57846
|
setup(e) {
|
|
57836
57847
|
let t = e, n = L(!1), r = L(!1), i = L(!1);
|
|
@@ -57839,32 +57850,32 @@ var zI = class extends EventTarget {
|
|
|
57839
57850
|
}), U(() => t.personalizedSrc, () => {
|
|
57840
57851
|
r.value = !1, i.value = !1;
|
|
57841
57852
|
});
|
|
57842
|
-
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);
|
|
57843
|
-
return (e,
|
|
57853
|
+
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);
|
|
57854
|
+
return (e, c) => (F(), p("div", BI, [
|
|
57844
57855
|
a.value && (!o.value || !r.value) ? (F(), p("img", {
|
|
57845
57856
|
key: 0,
|
|
57846
57857
|
class: "layer base",
|
|
57847
57858
|
src: a.value,
|
|
57848
57859
|
alt: "",
|
|
57849
57860
|
"aria-hidden": "true",
|
|
57850
|
-
onLoad:
|
|
57851
|
-
onError:
|
|
57861
|
+
onLoad: c[0] ||= (e) => n.value = !0,
|
|
57862
|
+
onError: c[1] ||= (e) => n.value = !0
|
|
57852
57863
|
}, null, 40, VI)) : f("", !0),
|
|
57853
57864
|
o.value ? (F(), p("img", {
|
|
57854
57865
|
key: 1,
|
|
57855
57866
|
class: "layer personalized",
|
|
57856
57867
|
src: t.personalizedSrc,
|
|
57857
57868
|
alt: t.alt ?? "",
|
|
57858
|
-
onLoad:
|
|
57859
|
-
onError:
|
|
57869
|
+
onLoad: c[2] ||= (e) => r.value = !0,
|
|
57870
|
+
onError: c[3] ||= (e) => i.value = !0
|
|
57860
57871
|
}, null, 40, HI)) : f("", !0),
|
|
57861
57872
|
v(s, { name: "bx-preview-fade" }, {
|
|
57862
|
-
default: W(() => [
|
|
57873
|
+
default: W(() => [d.value ? (F(), p("div", UI, [...c[4] ||= [m("div", { class: "skeleton-shimmer" }, null, -1)]])) : f("", !0)]),
|
|
57863
57874
|
_: 1
|
|
57864
57875
|
})
|
|
57865
57876
|
]));
|
|
57866
57877
|
}
|
|
57867
|
-
}), [["__scopeId", "data-v-
|
|
57878
|
+
}), [["__scopeId", "data-v-f8af459a"]]), GI = { class: "watermark" }, KI = ["x", "y"], qI = /* @__PURE__ */ y({
|
|
57868
57879
|
__name: "TemplateWatermark",
|
|
57869
57880
|
props: {
|
|
57870
57881
|
width: {},
|
|
@@ -58061,11 +58072,13 @@ var zI = class extends EventTarget {
|
|
|
58061
58072
|
default: W(() => [!h.value && g.value === void 0 ? (F(), p("div", YI, [v(WI, {
|
|
58062
58073
|
"base-preview": e.preview,
|
|
58063
58074
|
"personalized-src": e.personalizedPreviewSrc,
|
|
58064
|
-
"asset-proxy": r.assetProxy
|
|
58075
|
+
"asset-proxy": r.assetProxy,
|
|
58076
|
+
busy: !h.value
|
|
58065
58077
|
}, null, 8, [
|
|
58066
58078
|
"base-preview",
|
|
58067
58079
|
"personalized-src",
|
|
58068
|
-
"asset-proxy"
|
|
58080
|
+
"asset-proxy",
|
|
58081
|
+
"busy"
|
|
58069
58082
|
])])) : f("", !0)]),
|
|
58070
58083
|
_: 1
|
|
58071
58084
|
}),
|
|
@@ -58075,7 +58088,7 @@ var zI = class extends EventTarget {
|
|
|
58075
58088
|
}, "Try again")]))
|
|
58076
58089
|
], 4));
|
|
58077
58090
|
}
|
|
58078
|
-
}), [["__scopeId", "data-v-
|
|
58091
|
+
}), [["__scopeId", "data-v-c53b5973"]]), QI = /* @__PURE__ */ new Set([
|
|
58079
58092
|
"Image",
|
|
58080
58093
|
"ImageEdit",
|
|
58081
58094
|
"Logo"
|