@bagelink/blox 1.15.49 → 1.15.53

package/dist/{PreviewApp-0gXN2w30.js → PreviewApp-BrpFk5Ud.js}

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "./PreviewApp.vue_vue_type_style_index_0_lang-DrFY0fJ1.js";
+import { _ as _sfc_main } from "./PreviewApp.vue_vue_type_style_index_0_lang-weDpp7Uy.js";
 export {
   _sfc_main as default
 };

package/dist/{PreviewApp-wx1ot38P.cjs → PreviewApp-C6NyDvt7.cjs}

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-CS0XgXZ9.cjs");
+const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-y8aUlctU.cjs");
 exports.default = PreviewApp_vue_vue_type_style_index_0_lang._sfc_main;

package/dist/PreviewApp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewApp.vue.d.ts","sourceRoot":"","sources":["../src/PreviewApp.vue"],"names":[],"mappings":";AAiRA,wBAMG"}
+{"version":3,"file":"PreviewApp.vue.d.ts","sourceRoot":"","sources":["../src/PreviewApp.vue"],"names":[],"mappings":";AA6RA,wBAMG"}

package/dist/{PreviewApp.vue_vue_type_style_index_0_lang-DrFY0fJ1.js → PreviewApp.vue_vue_type_style_index_0_lang-weDpp7Uy.js}

@@ -1,5 +1,5 @@
 import { defineComponent, inject, ref, h, provide, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, unref, nextTick } from "vue";
-import { B as BLOX_REGISTRY_KEY, u as useLocale } from "./core-D99Qcs4W.js";
+import { B as BLOX_REGISTRY_KEY, u as useLocale } from "./core-CIFcs9Cn.js";
 function sendToEditor(msg) {
   window.parent.postMessage(msg, "*");
 }
@@ -21,6 +21,11 @@ const PreviewRenderer = defineComponent({
     hoveredIndex: {
       type: Number,
       default: null
+    },
+    /** Block types that are global/shared (nav, footer, …) — highlighted distinctly. */
+    globalBlockTypes: {
+      type: Array,
+      default: () => []
     }
   },
   setup(props) {
@@ -29,6 +34,15 @@ const PreviewRenderer = defineComponent({
     function onBlockClick(index) {
       sendToEditor({ type: "BLOX_BLOCK_CLICK", index });
     }
+    function onBlockContextMenu(index, event) {
+      event.preventDefault();
+      sendToEditor({
+        type: "BLOX_BLOCK_CONTEXTMENU",
+        index,
+        x: event.clientX,
+        y: event.clientY
+      });
+    }
     function onBlockEnter(index) {
       localHovered.value = index;
       sendToEditor({ type: "BLOX_BLOCK_HOVER", index });
@@ -37,29 +51,24 @@ const PreviewRenderer = defineComponent({
       localHovered.value = null;
       sendToEditor({ type: "BLOX_BLOCK_HOVER", index: null });
     }
+    const REGULAR = { solid: "#6366f1", rgb: "99, 102, 241" };
+    const GLOBAL = { solid: "#f59e0b", rgb: "245, 158, 11" };
     const wrapperStyle = { position: "relative", cursor: "pointer" };
-    const overlayBase = {
+    const overlayBaseFor = (rgb) => ({
       position: "absolute",
       inset: "0",
-      zIndex: "10",
+      zIndex: "2147483646",
       pointerEvents: "auto",
-      transition: "box-shadow 0.12s, background 0.12s"
-    };
-    const overlayHovered = {
-      ...overlayBase,
-      boxShadow: "inset 0 0 0 2px rgba(99, 102, 241, 0.5)",
-      background: "rgba(99, 102, 241, 0.04)"
-    };
-    const overlaySelected = {
-      ...overlayBase,
-      boxShadow: "inset 0 0 0 3px #6366f1",
-      background: "rgba(99, 102, 241, 0.06)"
-    };
-    const labelBase = {
+      transition: "box-shadow 0.12s, background 0.12s",
+      boxShadow: "none",
+      background: "transparent",
+      "--blox-rgb": rgb
+    });
+    const labelBaseFor = (palette) => ({
       position: "absolute",
       top: "0",
       left: "0",
-      zIndex: "20",
+      zIndex: "2147483647",
       padding: "2px 8px",
       fontSize: "11px",
       fontFamily: "system-ui, sans-serif",
@@ -69,11 +78,10 @@ const PreviewRenderer = defineComponent({
       textTransform: "uppercase",
       pointerEvents: "none",
       whiteSpace: "nowrap",
-      color: "#6366f1",
-      background: "rgba(99, 102, 241, 0.1)",
+      color: palette.solid,
+      background: `rgba(${palette.rgb}, 0.12)`,
       borderBottomRightRadius: "4px"
-    };
-    const labelSelected = { ...labelBase, color: "#fff", background: "#6366f1" };
+    });
     return () => h(
       "div",
       { class: "blox-preview-canvas" },
@@ -83,7 +91,18 @@ const PreviewRenderer = defineComponent({
         const isSelected = props.selectedIndex === i;
         const isHovered = (props.hoveredIndex === i || localHovered.value === i) && !isSelected;
         const { label } = definition.schema;
-        const overlayStyle = isSelected ? overlaySelected : isHovered ? overlayHovered : overlayBase;
+        const isGlobal = props.globalBlockTypes.includes(block.type);
+        const palette = isGlobal ? GLOBAL : REGULAR;
+        const overlayStyle = { ...overlayBaseFor(palette.rgb) };
+        if (isSelected) {
+          overlayStyle.boxShadow = `inset 0 0 0 3px ${palette.solid}`;
+          overlayStyle.background = `rgba(${palette.rgb}, 0.06)`;
+        } else if (isHovered) {
+          overlayStyle.boxShadow = `inset 0 0 0 2px rgba(${palette.rgb}, 0.5)`;
+          overlayStyle.background = `rgba(${palette.rgb}, 0.04)`;
+        }
+        const labelBase = labelBaseFor(palette);
+        const labelStyle = isSelected ? { ...labelBase, color: "#fff", background: palette.solid } : labelBase;
         return [
           h(
             "div",
@@ -94,6 +113,9 @@ const PreviewRenderer = defineComponent({
               "onClick": () => {
                 onBlockClick(i);
               },
+              "onContextmenu": (e) => {
+                onBlockContextMenu(i, e);
+              },
               "onMouseenter": () => {
                 onBlockEnter(i);
               },
@@ -102,7 +124,7 @@ const PreviewRenderer = defineComponent({
             [
               h(definition.component, { ...definition.schema.defaults, ...block.props }),
               h("div", { style: overlayStyle }),
-              (isSelected || isHovered) && h("div", { style: isSelected ? labelSelected : labelBase }, label)
+              (isSelected || isHovered) && h("div", { style: labelStyle }, label)
             ]
           )
         ];
@@ -120,6 +142,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const contexts = ref({});
     const selectedIndex = ref(null);
     const hoveredIndex = ref(null);
+    const globalBlockTypes = ref([]);
     provide("contexts", contexts);
     let heightObserver = null;
     function onMessage(event) {
@@ -149,6 +172,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         case "BLOX_HOVER_BLOCK":
           hoveredIndex.value = msg.index;
           break;
+        case "BLOX_SET_GLOBAL_BLOCKS":
+          globalBlockTypes.value = msg.types ?? [];
+          break;
         case "BLOX_SCROLL_TOP":
           window.scrollTo(0, 0);
           break;
@@ -193,8 +219,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(unref(PreviewRenderer), {
           blocks: blocks.value,
           "selected-index": selectedIndex.value,
-          "hovered-index": hoveredIndex.value
-        }, null, 8, ["blocks", "selected-index", "hovered-index"])
+          "hovered-index": hoveredIndex.value,
+          "global-block-types": globalBlockTypes.value
+        }, null, 8, ["blocks", "selected-index", "hovered-index", "global-block-types"])
       ]);
     };
   }

package/dist/{PreviewApp.vue_vue_type_style_index_0_lang-CS0XgXZ9.cjs → PreviewApp.vue_vue_type_style_index_0_lang-y8aUlctU.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const core = require("./core-D_aG0Ax6.cjs");
+const core = require("./core-ZJ2VPvQb.cjs");
 function sendToEditor(msg) {
   window.parent.postMessage(msg, "*");
 }
@@ -22,6 +22,11 @@ const PreviewRenderer = vue.defineComponent({
     hoveredIndex: {
       type: Number,
       default: null
+    },
+    /** Block types that are global/shared (nav, footer, …) — highlighted distinctly. */
+    globalBlockTypes: {
+      type: Array,
+      default: () => []
     }
   },
   setup(props) {
@@ -30,6 +35,15 @@ const PreviewRenderer = vue.defineComponent({
     function onBlockClick(index) {
       sendToEditor({ type: "BLOX_BLOCK_CLICK", index });
     }
+    function onBlockContextMenu(index, event) {
+      event.preventDefault();
+      sendToEditor({
+        type: "BLOX_BLOCK_CONTEXTMENU",
+        index,
+        x: event.clientX,
+        y: event.clientY
+      });
+    }
     function onBlockEnter(index) {
       localHovered.value = index;
       sendToEditor({ type: "BLOX_BLOCK_HOVER", index });
@@ -38,29 +52,24 @@ const PreviewRenderer = vue.defineComponent({
       localHovered.value = null;
       sendToEditor({ type: "BLOX_BLOCK_HOVER", index: null });
     }
+    const REGULAR = { solid: "#6366f1", rgb: "99, 102, 241" };
+    const GLOBAL = { solid: "#f59e0b", rgb: "245, 158, 11" };
     const wrapperStyle = { position: "relative", cursor: "pointer" };
-    const overlayBase = {
+    const overlayBaseFor = (rgb) => ({
       position: "absolute",
       inset: "0",
-      zIndex: "10",
+      zIndex: "2147483646",
       pointerEvents: "auto",
-      transition: "box-shadow 0.12s, background 0.12s"
-    };
-    const overlayHovered = {
-      ...overlayBase,
-      boxShadow: "inset 0 0 0 2px rgba(99, 102, 241, 0.5)",
-      background: "rgba(99, 102, 241, 0.04)"
-    };
-    const overlaySelected = {
-      ...overlayBase,
-      boxShadow: "inset 0 0 0 3px #6366f1",
-      background: "rgba(99, 102, 241, 0.06)"
-    };
-    const labelBase = {
+      transition: "box-shadow 0.12s, background 0.12s",
+      boxShadow: "none",
+      background: "transparent",
+      "--blox-rgb": rgb
+    });
+    const labelBaseFor = (palette) => ({
       position: "absolute",
       top: "0",
       left: "0",
-      zIndex: "20",
+      zIndex: "2147483647",
       padding: "2px 8px",
       fontSize: "11px",
       fontFamily: "system-ui, sans-serif",
@@ -70,11 +79,10 @@ const PreviewRenderer = vue.defineComponent({
       textTransform: "uppercase",
       pointerEvents: "none",
       whiteSpace: "nowrap",
-      color: "#6366f1",
-      background: "rgba(99, 102, 241, 0.1)",
+      color: palette.solid,
+      background: `rgba(${palette.rgb}, 0.12)`,
       borderBottomRightRadius: "4px"
-    };
-    const labelSelected = { ...labelBase, color: "#fff", background: "#6366f1" };
+    });
     return () => vue.h(
       "div",
       { class: "blox-preview-canvas" },
@@ -84,7 +92,18 @@ const PreviewRenderer = vue.defineComponent({
         const isSelected = props.selectedIndex === i;
         const isHovered = (props.hoveredIndex === i || localHovered.value === i) && !isSelected;
         const { label } = definition.schema;
-        const overlayStyle = isSelected ? overlaySelected : isHovered ? overlayHovered : overlayBase;
+        const isGlobal = props.globalBlockTypes.includes(block.type);
+        const palette = isGlobal ? GLOBAL : REGULAR;
+        const overlayStyle = { ...overlayBaseFor(palette.rgb) };
+        if (isSelected) {
+          overlayStyle.boxShadow = `inset 0 0 0 3px ${palette.solid}`;
+          overlayStyle.background = `rgba(${palette.rgb}, 0.06)`;
+        } else if (isHovered) {
+          overlayStyle.boxShadow = `inset 0 0 0 2px rgba(${palette.rgb}, 0.5)`;
+          overlayStyle.background = `rgba(${palette.rgb}, 0.04)`;
+        }
+        const labelBase = labelBaseFor(palette);
+        const labelStyle = isSelected ? { ...labelBase, color: "#fff", background: palette.solid } : labelBase;
         return [
           vue.h(
             "div",
@@ -95,6 +114,9 @@ const PreviewRenderer = vue.defineComponent({
               "onClick": () => {
                 onBlockClick(i);
               },
+              "onContextmenu": (e) => {
+                onBlockContextMenu(i, e);
+              },
               "onMouseenter": () => {
                 onBlockEnter(i);
               },
@@ -103,7 +125,7 @@ const PreviewRenderer = vue.defineComponent({
             [
               vue.h(definition.component, { ...definition.schema.defaults, ...block.props }),
               vue.h("div", { style: overlayStyle }),
-              (isSelected || isHovered) && vue.h("div", { style: isSelected ? labelSelected : labelBase }, label)
+              (isSelected || isHovered) && vue.h("div", { style: labelStyle }, label)
             ]
           )
         ];
@@ -121,6 +143,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const contexts = vue.ref({});
     const selectedIndex = vue.ref(null);
     const hoveredIndex = vue.ref(null);
+    const globalBlockTypes = vue.ref([]);
     vue.provide("contexts", contexts);
     let heightObserver = null;
     function onMessage(event) {
@@ -150,6 +173,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         case "BLOX_HOVER_BLOCK":
           hoveredIndex.value = msg.index;
           break;
+        case "BLOX_SET_GLOBAL_BLOCKS":
+          globalBlockTypes.value = msg.types ?? [];
+          break;
         case "BLOX_SCROLL_TOP":
           window.scrollTo(0, 0);
           break;
@@ -194,8 +220,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.createVNode(vue.unref(PreviewRenderer), {
           blocks: blocks.value,
           "selected-index": selectedIndex.value,
-          "hovered-index": hoveredIndex.value
-        }, null, 8, ["blocks", "selected-index", "hovered-index"])
+          "hovered-index": hoveredIndex.value,
+          "global-block-types": globalBlockTypes.value
+        }, null, 8, ["blocks", "selected-index", "hovered-index", "global-block-types"])
       ]);
     };
   }

package/dist/PreviewRenderer.d.ts

@@ -13,6 +13,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<number | null>;
         default: null;
     };
+    /** Block types that are global/shared (nav, footer, …) — highlighted distinctly. */
+    globalBlockTypes: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -28,10 +33,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<number | null>;
         default: null;
     };
+    /** Block types that are global/shared (nav, footer, …) — highlighted distinctly. */
+    globalBlockTypes: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
 }>> & Readonly<{}>, {
     blocks: Block[];
     selectedIndex: number | null;
     hoveredIndex: number | null;
+    globalBlockTypes: string[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=PreviewRenderer.d.ts.map

package/dist/PreviewRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewRenderer.d.ts","sourceRoot":"","sources":["../src/PreviewRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;;;cAatB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;cARxB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;;AAZ1C,wBA8FE"}
+{"version":3,"file":"PreviewRenderer.d.ts","sourceRoot":"","sources":["../src/PreviewRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;;;cAatB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;IAGxC,oFAAoF;;cAEpE,QAAQ,CAAC,MAAM,EAAE,CAAC;uBACpB,MAAM,EAAE;;;;;;cAdN,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;IAGxC,oFAAoF;;cAEpE,QAAQ,CAAC,MAAM,EAAE,CAAC;uBACpB,MAAM,EAAE;;;;;;;;AAlBxB,wBA8HE"}

package/dist/bridge.d.ts

@@ -29,6 +29,15 @@ export type EditorMessage = {
 } | {
     type: 'BLOX_SCROLL_TOP';
 }
+/**
+ * Tells the preview which block types are global/shared (e.g. nav, footer).
+ * The preview renders their selection/hover overlay in a distinct color so
+ * it's clear editing them affects every page.
+ */
+ | {
+    type: 'BLOX_SET_GLOBAL_BLOCKS';
+    types: string[];
+}
 /**
  * Tells the preview that a global/shared block's content changed (e.g. the
  * editor saved the nav or footer singleton). Global block components should
@@ -48,6 +57,18 @@ export type PreviewMessage = {
 } | {
     type: 'BLOX_BLOCK_HOVER';
     index: number | null;
+}
+/**
+ * Right-click on a block in the preview. `x`/`y` are the pointer position
+ * relative to the iframe viewport; the editor maps them to its own
+ * coordinate space (accounting for the iframe offset + zoom) to open a
+ * context menu.
+ */
+ | {
+    type: 'BLOX_BLOCK_CONTEXTMENU';
+    index: number;
+    x: number;
+    y: number;
 } | {
     type: 'BLOX_HEIGHT';
     height: number;

package/dist/bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bridge.d.ts","sourceRoot":"","sources":["../src/bridge.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAEzD,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,gBAAgB,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAMD,MAAM,MAAM,aAAa,GACpB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC7D;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,MAAM,EAAE,KAAK,EAAE,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,mBAAmB,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE;AAC7B;;;;;GAKG;GACD;IAAE,IAAI,EAAE,qBAAqB,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAMnD,MAAM,MAAM,cAAc,GACrB;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;CAAE,GAClE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAM3C,wBAAgB,YAAY,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI,CAEtD;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,iBAAiB,EAAE,GAAG,EAAE,aAAa,GAAG,IAAI,CAEjF"}
+{"version":3,"file":"bridge.d.ts","sourceRoot":"","sources":["../src/bridge.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAEzD,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,gBAAgB,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd;AAMD,MAAM,MAAM,aAAa,GACpB;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC7D;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,MAAM,EAAE,KAAK,EAAE,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,iBAAiB,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,mBAAmB,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,iBAAiB,CAAA;CAAE;AAC7B;;;;GAIG;GACD;IAAE,IAAI,EAAE,wBAAwB,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE;AACrD;;;;;GAKG;GACD;IAAE,IAAI,EAAE,qBAAqB,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAMnD,MAAM,MAAM,cAAc,GACrB;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;CAAE,GAClE;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE;AACpD;;;;;GAKG;GACD;IAAE,IAAI,EAAE,wBAAwB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GACvE;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAM3C,wBAAgB,YAAY,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI,CAEtD;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,iBAAiB,EAAE,GAAG,EAAE,aAAa,GAAG,IAAI,CAEjF"}

package/dist/{core-D99Qcs4W.js → core-CIFcs9Cn.js}

@@ -403,7 +403,7 @@ class BloxInstance {
     }
     router.addRoute({
       path: "/_blox_preview",
-      component: () => import("./PreviewApp-0gXN2w30.js"),
+      component: () => import("./PreviewApp-BrpFk5Ud.js"),
       beforeEnter: () => window.parent !== window ? true : "/"
     });
     router.addRoute({ path: "/:pathMatch(.*)*", component: _sfc_main$1 });

package/dist/{core-D_aG0Ax6.cjs → core-ZJ2VPvQb.cjs}

@@ -404,7 +404,7 @@ class BloxInstance {
     }
     router.addRoute({
       path: "/_blox_preview",
-      component: () => Promise.resolve().then(() => require("./PreviewApp-wx1ot38P.cjs")),
+      component: () => Promise.resolve().then(() => require("./PreviewApp-C6NyDvt7.cjs")),
       beforeEnter: () => window.parent !== window ? true : "/"
     });
     router.addRoute({ path: "/:pathMatch(.*)*", component: _sfc_main$1 });

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("./core-D_aG0Ax6.cjs");
-const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-CS0XgXZ9.cjs");
+const core = require("./core-ZJ2VPvQb.cjs");
+const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-y8aUlctU.cjs");
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const pinia = require("pinia");

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { a as BLOX_LOCALE_STRATEGY_KEY, u as useLocale, c as createBlox } from "./core-D99Qcs4W.js";
-import { b, d, _, P, e, l, r } from "./core-D99Qcs4W.js";
-import { _ as _2, P as P2, s, a } from "./PreviewApp.vue_vue_type_style_index_0_lang-DrFY0fJ1.js";
+import { a as BLOX_LOCALE_STRATEGY_KEY, u as useLocale, c as createBlox } from "./core-CIFcs9Cn.js";
+import { b, d, _, P, e, l, r } from "./core-CIFcs9Cn.js";
+import { _ as _2, P as P2, s, a } from "./PreviewApp.vue_vue_type_style_index_0_lang-weDpp7Uy.js";
 import { ref, onMounted, onUnmounted, inject, computed, createApp, markRaw } from "vue";
 import { useRouter } from "vue-router";
 import { createPinia } from "pinia";

package/dist/ssg/index.cjs

@@ -26,7 +26,7 @@ const prerender = require("../prerender-DH6Arhpk.cjs");
 const ssg_client = require("./client.cjs");
 const pinia = require("pinia");
 const vue = require("vue");
-const core = require("../core-D_aG0Ax6.cjs");
+const core = require("../core-ZJ2VPvQb.cjs");
 async function renderBloxSsgPage(options) {
   const {
     url,

package/dist/ssg/index.mjs

@@ -4,7 +4,7 @@ import { BLOX_STATE_WINDOW_KEY, BLOX_COLLECTIONS_WINDOW_KEY, BLOX_WEBSITE_ID_WIN
 import { getCollectionCache, getEmbeddedWebsiteId, installBloxStateCache, installCollectionCache } from "./client.mjs";
 import { createPinia } from "pinia";
 import { createSSRApp, markRaw } from "vue";
-import { c as createBlox } from "../core-D99Qcs4W.js";
+import { c as createBlox } from "../core-CIFcs9Cn.js";
 async function renderBloxSsgPage(options) {
   const {
     url,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/blox",
   "type": "module",
-  "version": "1.15.49",
+  "version": "1.15.53",
   "description": "Blox page builder library for drag-and-drop page building and static data management",
   "author": {
     "name": "Bagel Studio",