@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/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(() => n.floatingElement), a = L(), o = 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-044288b8"]]);
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, l) => (F(), p("div", BI, [
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: l[0] ||= (e) => n.value = !0,
57851
- onError: l[1] ||= (e) => n.value = !0
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: l[2] ||= (e) => r.value = !0,
57859
- onError: l[3] ||= (e) => i.value = !0
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(() => [c.value && !u.value ? (F(), p("div", UI, [...l[4] ||= [m("div", { class: "skeleton-shimmer" }, null, -1)]])) : f("", !0)]),
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-637ff637"]]), GI = { class: "watermark" }, KI = ["x", "y"], qI = /* @__PURE__ */ y({
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-6d0604f0"]]), QI = /* @__PURE__ */ new Set([
58091
+ }), [["__scopeId", "data-v-c53b5973"]]), QI = /* @__PURE__ */ new Set([
58079
58092
  "Image",
58080
58093
  "ImageEdit",
58081
58094
  "Logo"