@bluepic/embed 0.1.120 → 0.1.122

package/lib/bluepic-embed.es.js

@@ -79078,7 +79078,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
@@ -79376,7 +79377,7 @@ const Rt = 10, Yt = 10, Xt = /* @__PURE__ */ defineComponent({
         "onUpdate:transform": rn[4] || (rn[4] = (ji) => Fr.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,
@@ -79476,10 +79477,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: {},
@@ -96970,7 +96971,11 @@ const BluepicLogo = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_re
                     class: "ghost-loading-preview-image-wrapper",
                     style: normalizeStyle({
                       "--aspect-ratio": Mn.baseSerial.width / Mn.baseSerial.height,
-                      "--timeline-height": `${unref(or)}px`
+                      "--timeline-height": `${unref(or)}px`,
+                      "--offset-top": "0px",
+                      "--offset-right": "20px",
+                      "--offset-bottom": "0px",
+                      "--offset-left": "0px"
                     })
                   }, [
                     createElementVNode("img", {
@@ -97006,7 +97011,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)
@@ -97059,7 +97065,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, [
@@ -97206,7 +97213,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, [
@@ -97357,7 +97365,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, [
@@ -97412,7 +97421,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_c0da4e7f_lang = "", BluepicEmbeddedEditor = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-c0da4e7f"]]), _hoisted_1$a = { class: "collection-field-popup" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "CollectionFieldPopup",
   props: /* @__PURE__ */ mergeModels({
     layout: {},
@@ -98125,7 +98134,8 @@ const _hoisted_1$7 = { class: "import-data" }, _hoisted_2$5 = { class: "source-s
             "onUpdate:serial": ci[3] || (ci[3] = (Ti) => ie.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"]),
           Rr.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
             createVNode(BxButton, {
@@ -98345,7 +98355,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 }