@bluepic/embed 0.1.119 → 0.1.121

package/lib/bluepic-embed.es.js

@@ -79058,7 +79058,8 @@ const Rt = 10, Yt = 10, Xt = /* @__PURE__ */ defineComponent({
     zoomAndPan: { type: Boolean, default: !0 },
     baseSerial: {},
     watermark: {},
-    scrollbars: { type: Boolean, default: !0 }
+    scrollbars: { type: Boolean, default: !0 },
+    offset: {}
   }, {
     data: {
       required: !0
@@ -79356,7 +79357,7 @@ const Rt = 10, Yt = 10, Xt = /* @__PURE__ */ defineComponent({
         "onUpdate:transform": rn[4] || (rn[4] = (ji) => Nr.value = ji),
         width: Me.value ? Me.value.width : 1080,
         height: Me.value ? Me.value.height : 1080,
-        offset: { top: 0, right: 0, bottom: 0, left: 0 },
+        offset: $n.offset,
         "min-scale": 0.1,
         "max-scale": 10,
         rotation: !1,
@@ -79456,10 +79457,10 @@ const Rt = 10, Yt = 10, Xt = /* @__PURE__ */ defineComponent({
           ], 4)) : createCommentVNode("", !0)
         ]),
         _: 3
-      }, 8, ["transform", "width", "height", "mouse", "touch", "wheel"]))
+      }, 8, ["transform", "width", "height", "offset", "mouse", "touch", "wheel"]))
     ], 38));
   }
-}), BluepicLiveTemplate_vue_vue_type_style_index_0_scoped_c136c6ed_lang = "", BluepicLiveTemplate_vue_vue_type_style_index_1_scoped_c136c6ed_lang = "", BluepicLiveTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-c136c6ed"]]), _hoisted_1$f = { class: "label" }, _hoisted_2$b = { class: "field-wrapper" }, _sfc_main$k = /* @__PURE__ */ defineComponent({
+}), BluepicLiveTemplate_vue_vue_type_style_index_0_scoped_9c93c6d4_lang = "", BluepicLiveTemplate_vue_vue_type_style_index_1_scoped_9c93c6d4_lang = "", BluepicLiveTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-9c93c6d4"]]), _hoisted_1$f = { class: "label" }, _hoisted_2$b = { class: "field-wrapper" }, _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "KioskField",
   props: {
     serial: {},
@@ -96986,7 +96987,8 @@ const BluepicLogo = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_re
                 onMatrixClick: tr,
                 watermark: Mn.watermark,
                 "zoom-and-pan": Mn.zoomAndPan,
-                scrollbars: Mn.zoomAndPan
+                scrollbars: Mn.zoomAndPan,
+                offset: { top: 0, right: 20, bottom: 0, left: 0 }
               }, null, 8, ["template-id", "studio-resources-base-url", "cloudflare-pages-hostname", "bx-core-version", "authorization", "async-serial", "resolution", "webgl", "fonts", "base-serial", "data", "serial", "ready", "watermark", "zoom-and-pan", "scrollbars"])
             ])
           ], 2)
@@ -97039,7 +97041,8 @@ const BluepicLogo = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_re
               onMatrixClick: tr,
               watermark: Mn.watermark,
               "zoom-and-pan": Mn.zoomAndPan,
-              scrollbars: Mn.zoomAndPan
+              scrollbars: Mn.zoomAndPan,
+              offset: { top: 0, right: 0, bottom: 0, left: 0 }
             }, null, 8, ["template-id", "studio-resources-base-url", "cloudflare-pages-hostname", "bx-core-version", "authorization", "async-serial", "resolution", "webgl", "fonts", "base-serial", "data", "serial", "ready", "watermark", "zoom-and-pan", "scrollbars"])
           ], 2),
           yn.value?.enabled ? (openBlock(), createElementBlock("div", _hoisted_15$1, [
@@ -97186,7 +97189,8 @@ const BluepicLogo = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_re
               onMatrixClick: tr,
               watermark: Mn.watermark,
               "zoom-and-pan": Mn.zoomAndPan,
-              scrollbars: Mn.zoomAndPan
+              scrollbars: Mn.zoomAndPan,
+              offset: { top: 0, right: 0, bottom: 0, left: 0 }
             }, null, 8, ["template-id", "studio-resources-base-url", "cloudflare-pages-hostname", "bx-core-version", "authorization", "async-serial", "resolution", "webgl", "fonts", "base-serial", "data", "serial", "ready", "watermark", "zoom-and-pan", "scrollbars"])
           ], 2),
           yn.value?.enabled ? (openBlock(), createElementBlock("div", _hoisted_20, [
@@ -97337,7 +97341,8 @@ const BluepicLogo = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_re
               onMatrixClick: tr,
               watermark: Mn.watermark,
               "zoom-and-pan": Mn.zoomAndPan,
-              scrollbars: Mn.zoomAndPan
+              scrollbars: Mn.zoomAndPan,
+              offset: { top: 0, right: 0, bottom: 0, left: 0 }
             }, {
               matrix: withCtx(({ composePoint: Rn }) => [
                 createElementVNode("div", _hoisted_31, [
@@ -97392,7 +97397,7 @@ const BluepicLogo = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_re
       ])
     ], 2));
   }
-}), BluepicEmbeddedEditor_vue_vue_type_style_index_0_scoped_4a191403_lang = "", BluepicEmbeddedEditor = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-4a191403"]]), _hoisted_1$a = { class: "collection-field-popup" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
+}), BluepicEmbeddedEditor_vue_vue_type_style_index_0_scoped_38c42b67_lang = "", BluepicEmbeddedEditor = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-38c42b67"]]), _hoisted_1$a = { class: "collection-field-popup" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "CollectionFieldPopup",
   props: /* @__PURE__ */ mergeModels({
     layout: {},
@@ -98105,7 +98110,8 @@ const _hoisted_1$7 = { class: "import-data" }, _hoisted_2$5 = { class: "source-s
             "onUpdate:serial": ci[3] || (ci[3] = (Ti) => ne.value = Ti),
             ready: rr.value,
             "onUpdate:ready": ci[4] || (ci[4] = (Ti) => rr.value = Ti),
-            onMatrixClick: gr
+            onMatrixClick: gr,
+            offset: { top: 0, right: 0, bottom: 0, left: 0 }
           }, null, 8, ["template-id", "studio-resources-base-url", "cloudflare-pages-hostname", "bx-core-version", "authorization", "async-serial", "resolution", "webgl", "fonts", "data", "serial", "ready"]),
           Pr.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
             createVNode(BxButton, {
@@ -98325,7 +98331,7 @@ const _hoisted_1$7 = { class: "import-data" }, _hoisted_2$5 = { class: "source-s
       ])) : createCommentVNode("", !0)
     ], 2));
   }
-}), BluepicBatchEditor_vue_vue_type_style_index_0_scoped_92613d5a_lang = "", BluepicBatchEditor = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-92613d5a"]]), _sfc_main$8 = /* @__PURE__ */ defineComponent({
+}), BluepicBatchEditor_vue_vue_type_style_index_0_scoped_1ee52bad_lang = "", BluepicBatchEditor = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-1ee52bad"]]), _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "BxSwitch",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: !1 }
@@ -100319,10 +100325,12 @@ class BluepicEmbed extends EventTarget {
   stripeEnv = ref$1("prod");
   bxThemeStyleVars;
   embedProject = ref$1();
+  baseSerial = ref$1();
+  basePreview = ref$1();
   init() {
     const c = `bluepic-app-${nanoid()}`;
-    this.embedProjectSlugOrId && getProjectWithRetries("template.bluepic.io", this.embedProjectSlugOrId, 3, 2e3, this.stripeEnv.value).then(({ embedProject: $e, isAllowedToDisableBranding: Me }) => {
-      this.embedProject.value = $e, this.displayMode.value = $e.config.layout, this.allowPanAndZoom.value = $e.config.allowPanAndZoom, this.branding.value = Me ? $e.config.bluepicBranding : !0, console.log("BRANDING", this.branding.value), this.templateId.value = $e.templates[0];
+    this.embedProjectSlugOrId && getProjectWithRetries("template.bluepic.io", this.embedProjectSlugOrId, 3, 2e3, this.stripeEnv.value).then(({ embedProject: $e, isAllowedToDisableBranding: Me, templates: Ze }) => {
+      this.embedProject.value = $e, this.displayMode.value = $e.config.layout, this.allowPanAndZoom.value = $e.config.allowPanAndZoom, this.branding.value = Me ? $e.config.bluepicBranding : !0, Ze && (this.baseSerial.value = Ze[$e.templates[0]].serial, this.basePreview.value = Ze[$e.templates[0]].preview), console.log("BRANDING", this.branding.value), this.templateId.value = $e.templates[0];
     });
     const ie = document.createElement("style");
     ie.textContent = `
@@ -100366,6 +100374,8 @@ class BluepicEmbed extends EventTarget {
                 :branding="branding"
                 embedV2Server="https://embed-api-v2.bluepic.workers.dev"
                 :embed-project-id="embedProject?.id"
+                :base-serial="baseSerial"
+                :preview="basePreview"
               />
             </div>
             <transition name="fade-spinner">
@@ -100420,6 +100430,8 @@ class BluepicEmbed extends EventTarget {
             embedProject: we.embedProject,
             allowPanAndZoom: we.allowPanAndZoom,
             templateId: we.templateId,
+            baseSerial: we.baseSerial,
+            basePreview: we.basePreview,
             studioResourcesBaseUrl: we.studioResourcesBaseUrl,
             cloudflarePagesHostname: we.cloudflarePagesHostname,
             data: we.data,