@bagelink/blox 1.10.39 → 1.10.40

package/dist/index.cjs

@@ -97,19 +97,19 @@ const PageRenderer = vue.defineComponent({
     );
   }
 });
-const _hoisted_1$2 = {
+const _hoisted_1$1 = {
   key: 0,
   class: "blox-loading"
 };
-const _hoisted_2$1 = {
+const _hoisted_2 = {
   key: 1,
   class: "blox-not-found"
 };
-const _hoisted_3$1 = {
+const _hoisted_3 = {
   key: 2,
   class: "blox-error"
 };
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "CmsPageView",
   setup(__props) {
     const route = vueRouter.useRoute();
@@ -152,7 +152,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_RouterLink = vue.resolveComponent("RouterLink");
       return vue.openBlock(), vue.createElementBlock("div", null, [
-        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, " Loading… ")) : notFound.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
+        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, " Loading… ")) : notFound.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
           _cache[0] || (_cache[0] = vue.createElementVNode("h2", null, "404", -1)),
           vue.createElementVNode("p", null, vue.toDisplayString(vue.unref(locale2) === "he" ? "הדף לא נמצא" : "Page not found"), 1),
           vue.createVNode(_component_RouterLink, { to: "/" }, {
@@ -161,7 +161,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 1
           })
-        ])) : error.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, vue.toDisplayString(error.value), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(PageRenderer), {
+        ])) : error.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(error.value), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(PageRenderer), {
           key: 3,
           blocks: blocks.value
         }, null, 8, ["blocks"]))
@@ -191,7 +191,7 @@ function usePageContext(key) {
     return value;
   });
 }
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "LocaleRouterLink",
   props: {
     to: {},
@@ -324,7 +324,7 @@ class BloxInstance {
       component: () => Promise.resolve().then(() => require("./PreviewApp-C1WvJWI4.cjs")),
       beforeEnter: () => window.parent !== window ? true : "/"
     });
-    router.addRoute({ path: "/:pathMatch(.*)*", component: _sfc_main$3 });
+    router.addRoute({ path: "/:pathMatch(.*)*", component: _sfc_main$2 });
     this._routeRegistered = true;
     return this;
   }
@@ -352,7 +352,7 @@ class BloxInstance {
     app.provide(BLOX_REGISTRY_KEY, this._registry);
     app.provide(BLOX_CONFIG_KEY, this._config);
     app.provide(BLOX_LOCALE_STRATEGY_KEY, this._strategy);
-    app.component("RouterLink", _sfc_main$2);
+    app.component("RouterLink", _sfc_main$1);
   }
 }
 function createBlox(options) {
@@ -439,8 +439,8 @@ const PreviewRenderer = vue.defineComponent({
     );
   }
 });
-const _hoisted_1$1 = { class: "blox-preview-root" };
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1 = { class: "blox-preview-root" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "PreviewApp",
   setup(__props) {
     const registry = vue.inject(BLOX_REGISTRY_KEY, {});
@@ -496,7 +496,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       heightObserver == null ? void 0 : heightObserver.disconnect();
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createVNode(vue.unref(PreviewRenderer), {
           blocks: blocks.value,
           "selected-index": selectedIndex.value,
@@ -506,1271 +506,12 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "py-05 h-100vh m_p-0" };
-const _hoisted_2 = { class: "grid grid-wrap-5 gap-1 mt-1" };
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = {
-  key: 0,
-  class: "absolute inset-0 bg-opacity-80 flex-center rounded z-10"
-};
-const _hoisted_5 = { class: "flex flex-column align-items-center gap-025" };
-const _hoisted_6 = { class: "txt10 m-0" };
-const _hoisted_7 = { class: "txt-12 m-0 pt-025" };
-const _hoisted_8 = { class: "overflow-hidden m_none h-100p gap-0" };
-const _hoisted_9 = { class: "flex gap-1" };
-const _hoisted_10 = { class: "overflow-hidden rounded" };
-const _hoisted_11 = { class: "hm-400px overflow-auto" };
-const _hoisted_12 = { class: "p-05" };
-const _hoisted_13 = { key: 1 };
-const _hoisted_14 = {
-  class: "radius-1 overflow-hidden grid grid-list-wrapper",
-  style: { "max-height": "300px" }
-};
-const _hoisted_15 = { class: "px-075 pt-075" };
-const _hoisted_16 = { class: "overflow" };
-const _hoisted_17 = { class: "relative" };
-const _hoisted_18 = { class: "min-w-150px overflow-hidden radius-1" };
-const _hoisted_19 = {
-  key: 0,
-  class: "txt-10 opacity-5 px-025 shrink-0 flex gap-025 relative"
-};
-const _hoisted_20 = {
-  key: 0,
-  class: "locale-add border-top flex gap-025 p-05"
-};
-const _hoisted_21 = { class: "flex gap-025" };
-const _hoisted_22 = { class: "py-025" };
-const _hoisted_23 = { class: "m-0 txt12 px-05 opacity-7" };
-const _hoisted_24 = { class: "gap-025 flex align-items-center" };
-const _hoisted_25 = { class: "relative overflow-hidden h-100p gap-0" };
-const _hoisted_26 = { class: "flex space-between border-bottom px-1 py-075" };
-const _hoisted_27 = {
-  key: 0,
-  class: "absolute flex column start-auto end-1 top-4 w-150px txt-center gap-1 opacity-5"
-};
-const _hoisted_28 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "6 0 8 20",
-  class: "h-80px",
-  style: { "transform": "rotateY(180deg) rotateZ(30deg)" }
-};
-const _hoisted_29 = ["data-draggable-id"];
-const _hoisted_30 = ["onMouseenter", "onFocusin"];
-const _hoisted_31 = ["onClick"];
-const _hoisted_32 = { class: "me-05 txt-12 semi ellipsis-1" };
-const _hoisted_33 = ["innerHTML"];
-const _hoisted_34 = { class: "add-sec-btn transition txt-9 relative txt-start" };
-const _hoisted_35 = { class: "grid relative h-100p" };
-const _hoisted_36 = {
-  key: 0,
-  class: "relative z-2 bg-white"
-};
-const _hoisted_37 = { class: "flex px-1 py-075 border-bottom" };
-const _hoisted_38 = { class: "txt-gray me-05 txt-14" };
-const _hoisted_39 = { class: "ms-auto flex gap-025" };
-const _hoisted_40 = { class: "px-025 block-form-container" };
-const _hoisted_41 = {
-  key: 1,
-  class: "px-1 py-2 txt-center opacity-5"
-};
-const _hoisted_42 = { class: "border-top txt-center mt-1" };
-const _hoisted_43 = { class: "txt-center pt-5 opacity-3 position-center z-0 user-select-none" };
-const _hoisted_44 = { class: "none m_block txt-center p-1 w-300px h-100p smallScreen" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "PageDesigner",
-  props: {
-    websiteId: {},
-    pageId: {},
-    api: {},
-    schema: {},
-    previewBaseUrl: {},
-    supportedLocales: {},
-    defaultLocale: {},
-    updateLocales: { type: Function }
-  },
-  emits: ["navigate"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const dialog = vue$1.useDialog();
-    const route = vueRouter.useRoute();
-    vueRouter.useRouter();
-    const currentPageId = vue.computed(() => props.pageId || route.params.pageId);
-    const previewUrl = vue.computed(() => {
-      const base = (props.previewBaseUrl ?? "").replace(/\/+$/, "");
-      return `${base}/_blox_preview`;
-    });
-    const menuState = vue.inject("menuState", {
-      isOpen: { value: false },
-      isMobile: { value: false },
-      toggleMenu: () => {
-      }
-    });
-    const webpages = vue$1.filterRef([]);
-    const page = vue.ref(null);
-    const resolvedPage = vue.ref(null);
-    const isSaving = vue.ref(false);
-    const blocks = vue.ref([]);
-    const savedBlocks = vue.ref([]);
-    const isDirty = vue.computed(() => JSON.stringify(blocks.value) !== JSON.stringify(savedBlocks.value));
-    const blockKeys = vue.ref([]);
-    function syncBlockKeys() {
-      while (blockKeys.value.length < blocks.value.length) {
-        blockKeys.value.push(crypto.randomUUID());
-      }
-      blockKeys.value.length = blocks.value.length;
-    }
-    const registry = vue.ref({});
-    function registryLabel(type) {
-      var _a;
-      return ((_a = registry.value[type]) == null ? void 0 : _a.label) ?? type;
-    }
-    function registryIcon(type) {
-      var _a;
-      return ((_a = registry.value[type]) == null ? void 0 : _a.icon) ?? "check_box_outline_blank";
-    }
-    function blockSchema(type) {
-      const r = registry.value[type];
-      if (!r) return null;
-      if (Object.keys(r.fields).length === 0) return null;
-      return r.fields;
-    }
-    const selectedIndex = vue.ref(null);
-    const hoveredIndex = vue.ref(null);
-    const selectedBlock = vue.computed(
-      () => selectedIndex.value !== null ? blocks.value[selectedIndex.value] ?? null : null
-    );
-    function selectBlock(index) {
-      selectedIndex.value = index;
-      sendToPreview2({ type: "BLOX_SELECT_BLOCK", index });
-    }
-    function clearSelection() {
-      selectedIndex.value = null;
-      sendToPreview2({ type: "BLOX_SELECT_BLOCK", index: null });
-    }
-    function hoverBlock(index) {
-      hoveredIndex.value = index;
-      sendToPreview2({ type: "BLOX_HOVER_BLOCK", index });
-    }
-    const currentLocale = vue.ref(props.defaultLocale ?? "");
-    const isSwitchingLocale = vue.ref(false);
-    const isUpdatingLocales = vue.ref(false);
-    const newLocaleInput = vue.ref("");
-    const localeList = vue.computed(
-      () => props.supportedLocales ?? (currentLocale.value ? [currentLocale.value] : [])
-    );
-    const activeBinding = vue.ref(null);
-    const bindingItems = vue$1.filterRef([]);
-    const selectedBindParams = vue.ref({});
-    const isLoadingBindItems = vue.ref(false);
-    function extractFirstDatastoreBinding(p) {
-      if (!(p == null ? void 0 : p.data_bindings)) return null;
-      for (const [key, b] of Object.entries(p.data_bindings)) {
-        if ((b == null ? void 0 : b.adapter) === "datastore" && (b == null ? void 0 : b.collection) && (b == null ? void 0 : b.store) && (b == null ? void 0 : b.bind_by)) {
-          return { contextKey: key, store: b.store, collection: b.collection, bindBy: b.bind_by };
-        }
-      }
-      return null;
-    }
-    async function loadBindingItems(binding, keepSelection = false) {
-      if (!props.api.listCollectionItems) return;
-      isLoadingBindItems.value = true;
-      try {
-        const items = await props.api.listCollectionItems(binding.store, binding.collection);
-        bindingItems.value = items;
-        if (!keepSelection || !selectedBindParams.value[binding.bindBy]) {
-          const first = items[0];
-          selectedBindParams.value = first ? { [binding.bindBy]: String(first[binding.bindBy] ?? "") } : {};
-        }
-      } finally {
-        isLoadingBindItems.value = false;
-      }
-    }
-    function bindItemLabel(item) {
-      var _a;
-      return String(
-        item.title ?? item.name ?? item.slug ?? item.label ?? item[((_a = activeBinding.value) == null ? void 0 : _a.bindBy) ?? ""] ?? item.id ?? ""
-      );
-    }
-    async function selectBindItem(item) {
-      if (!activeBinding.value) return;
-      selectedBindParams.value = {
-        [activeBinding.value.bindBy]: String(item[activeBinding.value.bindBy] ?? "")
-      };
-      await reloadWithBindParams();
-    }
-    async function reloadWithBindParams() {
-      var _a;
-      if (!currentPageId.value) return;
-      try {
-        const resolved = await props.api.resolvePage(
-          props.websiteId,
-          currentPageId.value,
-          currentLocale.value || void 0,
-          Object.keys(selectedBindParams.value).length ? selectedBindParams.value : void 0
-        );
-        resolvedPage.value = resolved;
-        blocks.value = ((_a = resolved.page.content) == null ? void 0 : _a.blocks) ?? [];
-        if (Object.keys(registry.value).length > 0) {
-          sendToPreview2({ type: "BLOX_INIT", page: resolved, locale: currentLocale.value });
-        }
-      } catch (e) {
-        console.error(e);
-      }
-    }
-    async function switchLocale(locale2) {
-      var _a;
-      if (!currentPageId.value || locale2 === currentLocale.value) return;
-      isSwitchingLocale.value = true;
-      try {
-        currentLocale.value = locale2;
-        const resolved = await props.api.resolvePage(
-          props.websiteId,
-          currentPageId.value,
-          locale2,
-          Object.keys(selectedBindParams.value).length ? selectedBindParams.value : void 0
-        );
-        resolvedPage.value = resolved;
-        blocks.value = ((_a = resolved.page.content) == null ? void 0 : _a.blocks) ?? [];
-        savedBlocks.value = JSON.parse(JSON.stringify(blocks.value));
-        syncBlockKeys();
-        selectedIndex.value = null;
-        sendToPreview2({ type: "BLOX_INIT", page: resolved, locale: locale2 });
-      } finally {
-        isSwitchingLocale.value = false;
-      }
-    }
-    async function addLocale() {
-      const code = newLocaleInput.value.trim().toLowerCase();
-      if (!code || localeList.value.includes(code) || !props.updateLocales) return;
-      isUpdatingLocales.value = true;
-      try {
-        await props.updateLocales(
-          [...localeList.value, code],
-          props.defaultLocale ?? localeList.value[0] ?? code
-        );
-        newLocaleInput.value = "";
-      } finally {
-        isUpdatingLocales.value = false;
-      }
-    }
-    async function removeLocale(locale2) {
-      if (!props.updateLocales || localeList.value.length <= 1) return;
-      if (!await dialog.confirm(`הסר את שפה "${locale2.toUpperCase()}"?`)) return;
-      isUpdatingLocales.value = true;
-      try {
-        const next = localeList.value.filter((l) => l !== locale2);
-        const newDefault = locale2 === props.defaultLocale ? next[0] : props.defaultLocale ?? next[0];
-        await props.updateLocales(next, newDefault);
-      } finally {
-        isUpdatingLocales.value = false;
-      }
-    }
-    async function setDefaultLocale(locale2) {
-      if (!props.updateLocales || locale2 === props.defaultLocale) return;
-      isUpdatingLocales.value = true;
-      try {
-        await props.updateLocales(localeList.value, locale2);
-      } finally {
-        isUpdatingLocales.value = false;
-      }
-    }
-    const draggableContainer = vue.ref();
-    const draggable = vue$1.useDraggable({
-      animation: 150,
-      mode: "line",
-      handle: ".drag-handle",
-      items: blocks,
-      onEnd: ({ oldIndex, newIndex }) => {
-        if (oldIndex !== newIndex) {
-          const movedBlock = blocks.value.splice(oldIndex, 1)[0];
-          blocks.value.splice(newIndex, 0, movedBlock);
-          const movedKey = blockKeys.value.splice(oldIndex, 1)[0];
-          blockKeys.value.splice(newIndex, 0, movedKey);
-          if (selectedIndex.value === oldIndex) {
-            selectedIndex.value = newIndex;
-          } else if (selectedIndex.value !== null && selectedIndex.value > oldIndex && selectedIndex.value <= newIndex) {
-            selectedIndex.value--;
-          } else if (selectedIndex.value !== null && selectedIndex.value < oldIndex && selectedIndex.value >= newIndex) {
-            selectedIndex.value++;
-          }
-          sendBlocksToPreview();
-        }
-      }
-    });
-    const iframePreview = vue.ref();
-    const iframeLoaded = vue.ref(false);
-    const iframeHeight = vue.ref("800px");
-    const iframeZoom = vue.ref("1");
-    const isMobile = vue.ref(false);
-    const previewMode = vue.ref(false);
-    const zoomPercent = vue.ref(100);
-    const zoomPercentOptions = [25, 50, 75, 100];
-    const middlePanelEl = vue.ref(null);
-    const currentMiddlePanelWidth = vue.ref(typeof window !== "undefined" ? window.innerWidth * 0.6 : 800);
-    let middlePanelRo = null;
-    const maxPossibleZoomPercent = vue.computed(() => {
-      const availableWidth = currentMiddlePanelWidth.value - 60;
-      if (isMobile.value) {
-        return Math.min(100, Math.max(25, Math.floor(availableWidth / 375 * 100)));
-      }
-      return Math.min(100, Math.max(25, Math.floor(availableWidth / 1280 * 100)));
-    });
-    const visibleScreenPx = vue.computed(() => {
-      const zoom = Number.parseFloat(iframeZoom.value);
-      if (isMobile.value) return Math.round(375 * zoom);
-      return Math.round(currentMiddlePanelWidth.value / zoom);
-    });
-    const zoomDisplayLabel = vue.computed(() => `${zoomPercent.value}%`);
-    const zoomOptions = vue.computed(() => {
-      const options = zoomPercentOptions.filter((p) => p <= maxPossibleZoomPercent.value).map((p) => ({ value: p, label: `${p}%` }));
-      if (!options.some((o) => o.value === zoomPercent.value) && zoomPercent.value <= maxPossibleZoomPercent.value) {
-        options.push({ value: zoomPercent.value, label: `${zoomPercent.value}%` });
-        options.sort((a, b) => a.value - b.value);
-      }
-      if (!options.some((o) => o.value === maxPossibleZoomPercent.value) && maxPossibleZoomPercent.value > 0) {
-        options.push({
-          value: maxPossibleZoomPercent.value,
-          label: `${maxPossibleZoomPercent.value}% מקסימום`
-        });
-      }
-      return options;
-    });
-    function sendToPreview2(msg) {
-      var _a, _b;
-      (_b = (_a = iframePreview.value) == null ? void 0 : _a.contentWindow()) == null ? void 0 : _b.postMessage(JSON.parse(JSON.stringify(msg)), "*");
-    }
-    function sendBlocksToPreview() {
-      sendToPreview2({ type: "BLOX_SET_BLOCKS", blocks: JSON.parse(JSON.stringify(blocks.value)) });
-    }
-    function applyEditorZoom() {
-      if (previewMode.value) {
-        iframeZoom.value = "1";
-        return;
-      }
-      if (isMobile.value) {
-        iframeZoom.value = (zoomPercent.value / 100).toString();
-      } else {
-        const availableWidth = currentMiddlePanelWidth.value - 60;
-        const autoZoom = Math.min(zoomPercent.value / 100, availableWidth / 1280);
-        iframeZoom.value = Math.max(0.1, autoZoom).toString();
-      }
-    }
-    function calculateOptimalMobileZoom() {
-      return Math.min(100, Math.max(25, Math.floor((currentMiddlePanelWidth.value - 40) / 375 * 95)));
-    }
-    function calculateOptimalDesktopZoom() {
-      const available = currentMiddlePanelWidth.value - 60;
-      return Math.min(100, Math.max(25, Math.floor(available / 1280 * 95)));
-    }
-    function setZoomPercent(percent) {
-      zoomPercent.value = percent;
-      applyEditorZoom();
-    }
-    function setIframeSize(view) {
-      if (view === "desktop") {
-        zoomPercent.value = calculateOptimalDesktopZoom();
-        isMobile.value = false;
-        document.body.classList.remove("editor-mobile-mode");
-        document.body.classList.add("editor-desktop-mode");
-      } else {
-        zoomPercent.value = calculateOptimalMobileZoom();
-        isMobile.value = true;
-        document.body.classList.remove("editor-desktop-mode");
-        document.body.classList.add("editor-mobile-mode");
-      }
-      applyEditorZoom();
-    }
-    function togglePreviewMode() {
-      previewMode.value = !previewMode.value;
-      if (previewMode.value) {
-        document.body.classList.add("preview-mode");
-        document.body.classList.remove("edit-mode");
-        iframeZoom.value = "1";
-        clearSelection();
-      } else {
-        document.body.classList.remove("preview-mode");
-        document.body.classList.add("edit-mode");
-        applyEditorZoom();
-      }
-    }
-    const newBlock = vue.ref(false);
-    const newBlockIndex = vue.ref(-1);
-    const searchBlock = vue.ref("");
-    const isAddingBlock = vue.ref(false);
-    const addingBlockType = vue.ref(null);
-    const filteredBlocks = vue.computed(() => {
-      const q = searchBlock.value.toLowerCase();
-      return Object.entries(registry.value).filter(([, info]) => info.label.toLowerCase().includes(q)).map(([type, info]) => ({ type, ...info })).sort((a, b) => a.label.localeCompare(b.label));
-    });
-    function defaultProps(type) {
-      var _a, _b;
-      const fields = ((_a = registry.value[type]) == null ? void 0 : _a.fields) ?? {};
-      const defaults = {};
-      for (const [key, field] of Object.entries(fields)) {
-        const f = field;
-        const val = ((_b = f == null ? void 0 : f._config) == null ? void 0 : _b.default) ?? (f == null ? void 0 : f.default);
-        if (val !== void 0) defaults[key] = val;
-      }
-      return defaults;
-    }
-    async function addBlock(type) {
-      addingBlockType.value = type;
-      isAddingBlock.value = true;
-      newBlock.value = false;
-      try {
-        const newBlockEl = {
-          type,
-          props: defaultProps(type)
-        };
-        const newKey = crypto.randomUUID();
-        if (newBlockIndex.value > -1) {
-          blocks.value.splice(newBlockIndex.value, 0, newBlockEl);
-          blockKeys.value.splice(newBlockIndex.value, 0, newKey);
-          selectedIndex.value = newBlockIndex.value;
-        } else {
-          blocks.value.push(newBlockEl);
-          blockKeys.value.push(newKey);
-          selectedIndex.value = blocks.value.length - 1;
-        }
-        newBlockIndex.value = -1;
-        sendBlocksToPreview();
-        sendToPreview2({ type: "BLOX_SELECT_BLOCK", index: selectedIndex.value });
-        await vue.nextTick();
-        if (draggableContainer.value) draggable.initDraggableContainer(draggableContainer.value);
-      } finally {
-        setTimeout(() => {
-          addingBlockType.value = null;
-          isAddingBlock.value = false;
-        }, 600);
-      }
-    }
-    function addNewBlock(index) {
-      newBlockIndex.value = index + 1;
-      newBlock.value = true;
-    }
-    async function removeBlock(index) {
-      if (!await dialog.confirm("האם אתם בטוחים שברצונכם למחוק את הסקשן הזה?")) return;
-      blocks.value.splice(index, 1);
-      blockKeys.value.splice(index, 1);
-      if (selectedIndex.value === index) {
-        selectedIndex.value = null;
-        sendToPreview2({ type: "BLOX_SELECT_BLOCK", index: null });
-      } else if (selectedIndex.value !== null && selectedIndex.value > index) {
-        selectedIndex.value--;
-      }
-      sendBlocksToPreview();
-      await vue.nextTick();
-      if (draggableContainer.value) draggable.initDraggableContainer(draggableContainer.value);
-    }
-    function onIframeMessage(event) {
-      var _a;
-      const msg = event.data;
-      if (!((_a = msg == null ? void 0 : msg.type) == null ? void 0 : _a.startsWith("BLOX_"))) return;
-      switch (msg.type) {
-        case "BLOX_READY":
-          registry.value = msg.registry;
-          iframeLoaded.value = true;
-          if (resolvedPage.value) {
-            sendToPreview2({ type: "BLOX_INIT", page: resolvedPage.value, locale: currentLocale.value });
-          }
-          break;
-        case "BLOX_BLOCK_CLICK":
-          selectedIndex.value = msg.index;
-          break;
-        case "BLOX_BLOCK_HOVER":
-          hoveredIndex.value = msg.index;
-          break;
-        case "BLOX_HEIGHT":
-          iframeHeight.value = `${msg.height}px`;
-          break;
-        case "BLOX_ERROR":
-          console.error("[Blox preview error]", msg.message);
-          break;
-      }
-    }
-    async function loadData() {
-      webpages.value = await props.api.listPages(props.websiteId);
-    }
-    async function loadPage(pageId) {
-      var _a;
-      iframeLoaded.value = false;
-      if (!pageId || pageId === "new") {
-        const pages = await props.api.listPages(props.websiteId);
-        if (pages.length > 0) {
-          emit("navigate", pages[0].id);
-          return;
-        }
-        page.value = null;
-        resolvedPage.value = null;
-        blocks.value = [];
-        savedBlocks.value = [];
-        syncBlockKeys();
-        return;
-      }
-      try {
-        activeBinding.value = null;
-        bindingItems.value = [];
-        selectedBindParams.value = {};
-        const initial = await props.api.resolvePage(
-          props.websiteId,
-          pageId,
-          currentLocale.value || void 0
-        );
-        page.value = initial.page;
-        const binding = extractFirstDatastoreBinding(initial.page);
-        let resolved = initial;
-        if (binding) {
-          activeBinding.value = binding;
-          await loadBindingItems(binding);
-          if (Object.keys(selectedBindParams.value).length) {
-            resolved = await props.api.resolvePage(
-              props.websiteId,
-              pageId,
-              currentLocale.value || void 0,
-              selectedBindParams.value
-            );
-          }
-        }
-        resolvedPage.value = resolved;
-        blocks.value = ((_a = resolved.page.content) == null ? void 0 : _a.blocks) ?? [];
-        savedBlocks.value = JSON.parse(JSON.stringify(blocks.value));
-        syncBlockKeys();
-        selectedIndex.value = null;
-        if (Object.keys(registry.value).length > 0) {
-          sendToPreview2({ type: "BLOX_INIT", page: resolved, locale: currentLocale.value });
-        }
-      } catch (e) {
-        console.error(e);
-      }
-    }
-    const saveStatus = vue.ref("saved");
-    async function save() {
-      var _a;
-      if (!((_a = page.value) == null ? void 0 : _a.id) || isSaving.value) return;
-      isSaving.value = true;
-      saveStatus.value = "saving";
-      try {
-        const updated = await props.api.updatePage(
-          props.websiteId,
-          page.value.id,
-          { content: { blocks: blocks.value } },
-          currentLocale.value !== props.defaultLocale ? currentLocale.value : void 0
-        );
-        page.value = updated;
-        savedBlocks.value = JSON.parse(JSON.stringify(blocks.value));
-        saveStatus.value = "saved";
-      } catch {
-        saveStatus.value = "error";
-      } finally {
-        isSaving.value = false;
-      }
-    }
-    function discard() {
-      blocks.value = JSON.parse(JSON.stringify(savedBlocks.value));
-      syncBlockKeys();
-      selectedIndex.value = null;
-      sendBlocksToPreview();
-    }
-    async function publish() {
-      var _a;
-      if (!((_a = page.value) == null ? void 0 : _a.id)) return;
-      isSaving.value = true;
-      saveStatus.value = "saving";
-      try {
-        const updated = await props.api.updatePage(props.websiteId, page.value.id, {
-          content: { blocks: blocks.value },
-          status: "published"
-        });
-        page.value = updated;
-        savedBlocks.value = JSON.parse(JSON.stringify(blocks.value));
-        saveStatus.value = "saved";
-      } catch {
-        saveStatus.value = "error";
-      } finally {
-        isSaving.value = false;
-      }
-    }
-    async function unpublish() {
-      var _a;
-      if (!((_a = page.value) == null ? void 0 : _a.id)) return;
-      const updated = await props.api.updatePage(props.websiteId, page.value.id, {
-        status: "draft"
-      });
-      page.value = updated;
-    }
-    const isPublished = vue.computed(() => {
-      var _a;
-      return ((_a = page.value) == null ? void 0 : _a.status) === "published";
-    });
-    const saveLabel = vue.computed(() => {
-      if (saveStatus.value === "saving") return "שומר...";
-      if (saveStatus.value === "error") return "שגיאה";
-      if (isDirty.value) return "שמירה";
-      return "נשמר";
-    });
-    const defaultPageSchema = vue$1.schema({
-      title: vue$1.$.text({ label: "כותרת", default: "" }),
-      slug: vue$1.$.text({ label: "נתיב (slug)", placeholder: "my-page" }),
-      meta_title: vue$1.$.text({ label: "SEO כותרת" }),
-      meta_description: vue$1.$.text({ label: "SEO תיאור", multiline: true }),
-      og_image: vue$1.$.text({ label: "OG Image URL", placeholder: "https://" })
-    });
-    const pageCreateSchema = vue$1.schema({
-      title: vue$1.$.text({ label: "כותרת", default: "" }),
-      slug: vue$1.$.text({ label: "נתיב (slug)", placeholder: "my-page" })
-    });
-    async function pageSettings() {
-      if (!page.value) return;
-      const activeSchema = props.schema ?? defaultPageSchema;
-      await dialog.form({
-        title: page.value.title || "הגדרות עמוד",
-        schema: activeSchema,
-        modelValue: { ...page.value },
-        width: "l",
-        onSubmit: async (data) => {
-          var _a;
-          if (!((_a = page.value) == null ? void 0 : _a.id)) return;
-          const updated = await props.api.updatePage(props.websiteId, page.value.id, data);
-          page.value = updated;
-          await loadData();
-        },
-        onDelete: deletePage,
-        deleteText: "מחיקת עמוד"
-      });
-    }
-    async function deletePage() {
-      var _a;
-      if (!((_a = page.value) == null ? void 0 : _a.id)) return;
-      const ok = await dialog.confirm({ message: "מחיקת עמוד זה אינה ניתנת לביטול." });
-      if (!ok) return;
-      await props.api.deletePage(props.websiteId, page.value.id);
-      emit("navigate", void 0);
-    }
-    async function newWebpage() {
-      const result = await dialog.form({
-        title: "עמוד חדש",
-        schema: pageCreateSchema,
-        modelValue: { title: "", slug: "" },
-        submitText: "צור עמוד"
-      });
-      if (result.action !== "submit") return;
-      const saved = await props.api.createPage(props.websiteId, {
-        title: result.data.title,
-        slug: result.data.slug,
-        status: "draft"
-      });
-      await loadData();
-      emit("navigate", saved.id);
-    }
-    function keyboardShortcuts(event) {
-      const isEditing = document.activeElement instanceof HTMLInputElement || document.activeElement instanceof HTMLTextAreaElement;
-      if (event.key === "Escape" && selectedIndex.value !== null && !isEditing) {
-        clearSelection();
-      }
-      if ((event.ctrlKey || event.metaKey) && event.key === "s" && !isEditing) {
-        event.preventDefault();
-        save();
-      }
-    }
-    vue.onMounted(async () => {
-      if (menuState.isOpen.value && !menuState.isMobile.value) menuState.toggleMenu();
-      document.body.classList.add("edit-mode");
-      document.body.style.height = "100vh";
-      document.body.style.overflow = "hidden";
-      window.addEventListener("message", onIframeMessage);
-      document.addEventListener("keydown", keyboardShortcuts);
-      await vue.nextTick();
-      if (middlePanelEl.value) {
-        middlePanelRo = new ResizeObserver(() => {
-          var _a;
-          currentMiddlePanelWidth.value = ((_a = middlePanelEl.value) == null ? void 0 : _a.offsetWidth) ?? currentMiddlePanelWidth.value;
-          applyEditorZoom();
-        });
-        middlePanelRo.observe(middlePanelEl.value);
-      }
-      await loadData();
-      await loadPage(currentPageId.value);
-      setIframeSize("desktop");
-      await vue.nextTick();
-      if (draggableContainer.value) draggable.initDraggableContainer(draggableContainer.value);
-    });
-    vue.onUnmounted(() => {
-      window.removeEventListener("message", onIframeMessage);
-      document.removeEventListener("keydown", keyboardShortcuts);
-      middlePanelRo == null ? void 0 : middlePanelRo.disconnect();
-      middlePanelRo = null;
-      document.body.classList.remove(
-        "editor-mobile-mode",
-        "editor-desktop-mode",
-        "preview-mode",
-        "edit-mode"
-      );
-      document.body.style.height = "";
-      document.body.style.overflow = "";
-    });
-    vue.watch(
-      () => props.pageId,
-      (newId, oldId) => {
-        if (newId && newId !== oldId) loadPage(newId);
-      }
-    );
-    vue.watch(zoomPercent, () => {
-      applyEditorZoom();
-    });
-    vue.watch(currentMiddlePanelWidth, (newW, oldW) => {
-      if (Math.abs(newW - (oldW || 0)) < 10) return;
-      setTimeout(() => {
-        const optimal = isMobile.value ? calculateOptimalMobileZoom() : calculateOptimalDesktopZoom();
-        if (!previewMode.value && Math.abs(optimal - zoomPercent.value) > 5) {
-          zoomPercent.value = optimal;
-          applyEditorZoom();
-        }
-      }, 100);
-    });
-    vue.watch(
-      () => blocks.value.length,
-      async (newLen, oldLen) => {
-        if (newLen !== oldLen && draggableContainer.value) {
-          await vue.nextTick();
-          draggable.initDraggableContainer(draggableContainer.value);
-        }
-      }
-    );
-    const debouncedSendBlocks = vue$1.useDebounceFn(sendBlocksToPreview, 150);
-    return (_ctx, _cache) => {
-      const _directive_tooltip = vue.resolveDirective("tooltip");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(vue$1.Card), {
-          frame: "",
-          class: "h-100p p-0 radius-1 page-builder overflow-hidden"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(vue$1.Modal), {
-              visible: newBlock.value,
-              "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => newBlock.value = $event),
-              width: "800px",
-              title: "הוספת בלוק חדש"
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(vue$1.TextInput), {
-                  modelValue: searchBlock.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchBlock.value = $event),
-                  placeholder: "חיפוש בלוק",
-                  icon: "search"
-                }, null, 8, ["modelValue"]),
-                vue.createElementVNode("div", _hoisted_2, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredBlocks.value, (block) => {
-                    return vue.openBlock(), vue.createElementBlock("div", {
-                      key: block.type,
-                      class: vue.normalizeClass(["block-preview bg-gray-light rounded p-05 txt-center hover user-select-none relative", {
-                        "opacity-5 pointer-events-none": addingBlockType.value === block.type,
-                        "hover-disabled": isAddingBlock.value && addingBlockType.value !== block.type
-                      }]),
-                      onClick: ($event) => addBlock(block.type)
-                    }, [
-                      addingBlockType.value === block.type ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-                        vue.createElementVNode("div", _hoisted_5, [
-                          vue.createVNode(vue.unref(vue$1.Icon), {
-                            icon: "hourglass_empty",
-                            class: "spin txt16"
-                          }),
-                          vue.createElementVNode("p", _hoisted_6, " מוסיף " + vue.toDisplayString(block.label) + "... ", 1)
-                        ])
-                      ])) : vue.createCommentVNode("", true),
-                      vue.createVNode(vue.unref(vue$1.Icon), {
-                        icon: block.icon ?? "check_box_outline_blank",
-                        size: "2",
-                        weight: "200",
-                        class: "block mx-auto"
-                      }, null, 8, ["icon"]),
-                      vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(block.label), 1)
-                    ], 10, _hoisted_3);
-                  }), 128))
-                ])
-              ]),
-              _: 1
-            }, 8, ["visible"]),
-            vue.createElementVNode("div", _hoisted_8, [
-              vue.createVNode(vue.unref(vue$1.TopBar), { class: "flex border-bottom space-between px-05" }, {
-                default: vue.withCtx(() => {
-                  var _a;
-                  return [
-                    vue.createElementVNode("div", _hoisted_9, [
-                      vue.unref(webpages) ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Dropdown), {
-                        key: 0,
-                        value: ((_a = page.value) == null ? void 0 : _a.title) ?? "עמוד",
-                        "icon-end": "keyboard_arrow_down"
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(vue$1.TextInput), {
-                            modelValue: vue.unref(webpages).searchTerm,
-                            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(webpages).searchTerm = $event),
-                            placeholder: "עמוד",
-                            icon: "search",
-                            class: "p-1"
-                          }, null, 8, ["modelValue"]),
-                          vue.createElementVNode("div", _hoisted_10, [
-                            vue.createElementVNode("div", _hoisted_11, [
-                              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(webpages), (wp) => {
-                                return vue.openBlock(), vue.createBlock(vue.unref(vue$1.ListItem), {
-                                  key: wp.id,
-                                  title: wp.title,
-                                  subtitle: `${wp.slug}`,
-                                  thin: "",
-                                  class: "txt12 smallerUrl",
-                                  onClick: ($event) => emit("navigate", wp.id)
-                                }, null, 8, ["title", "subtitle", "onClick"]);
-                              }), 128)),
-                              vue.createElementVNode("div", _hoisted_12, [
-                                vue.createVNode(vue.unref(vue$1.Btn), {
-                                  thin: "",
-                                  value: "עמוד חדש",
-                                  icon: "add",
-                                  onClick: newWebpage
-                                })
-                              ])
-                            ])
-                          ])
-                        ]),
-                        _: 1
-                      }, 8, ["value"])) : vue.createCommentVNode("", true),
-                      vue.withDirectives(vue.createVNode(vue.unref(vue$1.Btn), {
-                        flat: "",
-                        thin: "",
-                        size: "small",
-                        icon: "tune",
-                        onClick: pageSettings
-                      }, null, 512), [
-                        [_directive_tooltip, "הגדרות עמוד"]
-                      ]),
-                      activeBinding.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
-                        vue.createVNode(vue.unref(vue$1.Dropdown), {
-                          value: selectedBindParams.value[activeBinding.value.bindBy] || "…",
-                          "icon-start": "data_object",
-                          "icon-end": "keyboard_arrow_down",
-                          thin: "",
-                          loading: isLoadingBindItems.value
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createElementVNode("div", _hoisted_14, [
-                              vue.createElementVNode("div", _hoisted_15, [
-                                vue.createVNode(vue.unref(vue$1.TextInput), {
-                                  modelValue: vue.unref(bindingItems).searchTerm,
-                                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(bindingItems).searchTerm = $event),
-                                  autofocus: "",
-                                  placeholder: "חיפוש...",
-                                  icon: "search"
-                                }, null, 8, ["modelValue"])
-                              ]),
-                              vue.createElementVNode("div", _hoisted_16, [
-                                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(bindingItems), (item) => {
-                                  return vue.openBlock(), vue.createBlock(vue.unref(vue$1.ListItem), {
-                                    key: String(item.id),
-                                    title: bindItemLabel(item),
-                                    thin: "",
-                                    class: "txt12",
-                                    active: selectedBindParams.value[activeBinding.value.bindBy] === String(item[activeBinding.value.bindBy] ?? ""),
-                                    onClick: ($event) => selectBindItem(item)
-                                  }, null, 8, ["title", "active", "onClick"]);
-                                }), 128))
-                              ])
-                            ])
-                          ]),
-                          _: 1
-                        }, 8, ["value", "loading"])
-                      ])), [
-                        [_directive_tooltip, `בחר פריט לתצוגה מקדימה`]
-                      ]) : vue.createCommentVNode("", true),
-                      vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_17, [
-                        localeList.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Dropdown), {
-                          key: 0,
-                          value: currentLocale.value.toUpperCase() || "??",
-                          "icon-end": "keyboard_arrow_down",
-                          thin: "",
-                          disabled: isSwitchingLocale.value || isUpdatingLocales.value
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createElementVNode("div", _hoisted_18, [
-                              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(localeList.value, (locale2) => {
-                                return vue.openBlock(), vue.createElementBlock("div", {
-                                  key: locale2,
-                                  class: vue.normalizeClass(["flex px-025", { "color-primary bg-gray-30": locale2 === currentLocale.value }])
-                                }, [
-                                  vue.createVNode(vue.unref(vue$1.Btn), {
-                                    class: "flex-grow-1 txt-start txt12 px-05",
-                                    flat: "",
-                                    value: locale2.toUpperCase(),
-                                    "align-txt": "start",
-                                    ripple: false,
-                                    onClick: ($event) => switchLocale(locale2)
-                                  }, null, 8, ["value", "onClick"]),
-                                  locale2 === props.defaultLocale ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19, [
-                                    _cache[13] || (_cache[13] = vue.createElementVNode("span", { class: "absolute -start-3-5 white-space bold" }, "ברירת מחדל", -1)),
-                                    vue.createVNode(vue.unref(vue$1.Icon), {
-                                      icon: "star",
-                                      size: "1",
-                                      class: "txt-10",
-                                      fill: ""
-                                    })
-                                  ])) : props.updateLocales ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Btn), {
-                                    key: 1,
-                                    icon: "star_border",
-                                    title: "קביעת ברירת מחדל",
-                                    thin: "",
-                                    size: "small",
-                                    class: "opacity-4 shrink-0 ms-auto bg-white color-black",
-                                    onClick: vue.withModifiers(($event) => setDefaultLocale(locale2), ["stop"])
-                                  }, null, 8, ["onClick"])) : vue.createCommentVNode("", true),
-                                  props.updateLocales && localeList.value.length > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Btn), {
-                                    key: 2,
-                                    title: "הסרת שפה",
-                                    icon: "delete",
-                                    thin: "",
-                                    class: "opacity-4 shrink-0 bg-white color-black",
-                                    onClick: vue.withModifiers(($event) => removeLocale(locale2), ["stop"])
-                                  }, null, 8, ["onClick"])) : vue.createCommentVNode("", true)
-                                ], 2);
-                              }), 128)),
-                              props.updateLocales ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, [
-                                vue.createVNode(vue.unref(vue$1.TextInput), {
-                                  modelValue: newLocaleInput.value,
-                                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => newLocaleInput.value = $event),
-                                  placeholder: "he / en / fr",
-                                  class: "m-0",
-                                  onKeydown: vue.withKeys(addLocale, ["enter"])
-                                }, null, 8, ["modelValue"]),
-                                vue.createVNode(vue.unref(vue$1.Btn), {
-                                  icon: "add",
-                                  thin: "",
-                                  disabled: !newLocaleInput.value.trim() || isUpdatingLocales.value,
-                                  onClick: addLocale
-                                }, null, 8, ["disabled"])
-                              ])) : vue.createCommentVNode("", true)
-                            ])
-                          ]),
-                          _: 1
-                        }, 8, ["value", "disabled"])) : vue.createCommentVNode("", true)
-                      ])), [
-                        [_directive_tooltip, "שפה"]
-                      ])
-                    ]),
-                    vue.createElementVNode("div", _hoisted_21, [
-                      vue.createVNode(vue.unref(vue$1.Btn), {
-                        icon: "desktop_windows",
-                        class: vue.normalizeClass({ "bg-gray-light color-primary": isMobile.value }),
-                        onClick: _cache[5] || (_cache[5] = ($event) => setIframeSize("desktop"))
-                      }, null, 8, ["class"]),
-                      vue.createVNode(vue.unref(vue$1.Btn), {
-                        icon: "smartphone",
-                        class: vue.normalizeClass({ "bg-gray-light color-primary": !isMobile.value }),
-                        onClick: _cache[6] || (_cache[6] = ($event) => setIframeSize("mobile"))
-                      }, null, 8, ["class"]),
-                      vue.createVNode(vue.unref(vue$1.Dropdown), {
-                        value: zoomDisplayLabel.value,
-                        "icon-end": "keyboard_arrow_down",
-                        thin: ""
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createElementVNode("div", _hoisted_22, [
-                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(zoomOptions.value, (opt) => {
-                              return vue.openBlock(), vue.createBlock(vue.unref(vue$1.Btn), {
-                                key: opt.value,
-                                class: "w-100 txt12",
-                                thin: "",
-                                flat: "",
-                                value: opt.label,
-                                onClick: ($event) => setZoomPercent(opt.value)
-                              }, null, 8, ["value", "onClick"]);
-                            }), 128))
-                          ])
-                        ]),
-                        _: 1
-                      }, 8, ["value"]),
-                      vue.createElementVNode("p", _hoisted_23, vue.toDisplayString(visibleScreenPx.value) + "px ", 1),
-                      vue.createVNode(vue.unref(vue$1.Btn), {
-                        icon: "play_arrow",
-                        class: vue.normalizeClass({ "bg-gray-light color-primary": !previewMode.value }),
-                        onClick: togglePreviewMode
-                      }, null, 8, ["class"])
-                    ]),
-                    vue.createElementVNode("div", _hoisted_24, [
-                      isDirty.value ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Btn), {
-                        key: 0,
-                        flat: "",
-                        thin: "",
-                        value: "ביטול",
-                        class: "txt12 opacity-7",
-                        onClick: discard
-                      })) : vue.createCommentVNode("", true),
-                      vue.createVNode(vue.unref(vue$1.Btn), {
-                        disabled: isSaving.value || !isDirty.value && saveStatus.value === "saved",
-                        class: vue.normalizeClass([{
-                          "bg-blue": isDirty.value,
-                          "bg-gray": !isDirty.value && saveStatus.value === "saved",
-                          "bg-red": saveStatus.value === "error"
-                        }, "ps-1-5 pe-1-5 txt12 radius-1 px-1 min-w-70px"]),
-                        value: saveLabel.value,
-                        onClick: save
-                      }, null, 8, ["disabled", "class", "value"]),
-                      vue.createVNode(vue.unref(vue$1.Dropdown), {
-                        icon: "keyboard_arrow_down",
-                        thin: "",
-                        class: "ms-075 -me-2-5 pt-025 relative z-2"
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(vue$1.Btn), {
-                            class: "px-1 txt12",
-                            thin: "",
-                            flat: "",
-                            value: "ביטול פרסום",
-                            onClick: unpublish
-                          })
-                        ]),
-                        _: 1
-                      }),
-                      vue.createVNode(vue.unref(vue$1.Btn), {
-                        class: vue.normalizeClass([{ "bg-green": isPublished.value, "bg-gray": !isPublished.value }, "ps-2-5 pe-1-5 txt12 radius-1"]),
-                        value: "פרסום",
-                        onClick: publish
-                      }, null, 8, ["class"])
-                    ])
-                  ];
-                }),
-                _: 1
-              }),
-              vue.createVNode(vue.unref(vue$1.Resizable), {
-                horizontal: "",
-                class: "h-100"
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(vue$1.Panel), {
-                    "default-size": 260,
-                    min: 100,
-                    max: 260,
-                    collapsed: previewMode.value
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_25, [
-                        vue.createElementVNode("div", _hoisted_26, [
-                          _cache[14] || (_cache[14] = vue.createElementVNode("p", { class: "m-0 pe-05 txt14" }, " מבנה העמוד ", -1)),
-                          vue.createVNode(vue.unref(vue$1.Btn), {
-                            thin: "",
-                            icon: "add",
-                            class: "txt12",
-                            onClick: _cache[7] || (_cache[7] = ($event) => newBlock.value = !newBlock.value)
-                          })
-                        ]),
-                        !blocks.value.length && !isAddingBlock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27, [
-                          (vue.openBlock(), vue.createElementBlock("svg", _hoisted_28, _cache[15] || (_cache[15] = [
-                            vue.createElementVNode("path", {
-                              d: "M7 4l3-3 1 5M10 1S5 8 13 19",
-                              stroke: "#000",
-                              "stroke-width": "1",
-                              fill: "none",
-                              "stroke-linecap": "round",
-                              "stroke-linejoin": "round"
-                            }, null, -1)
-                          ]))),
-                          _cache[16] || (_cache[16] = vue.createElementVNode("p", null, [
-                            vue.createTextVNode("לחצו כאן להוספת"),
-                            vue.createElementVNode("br"),
-                            vue.createElementVNode("b", null, "בלוק חדש")
-                          ], -1))
-                        ])) : vue.createCommentVNode("", true),
-                        vue.createElementVNode("div", {
-                          ref_key: "draggableContainer",
-                          ref: draggableContainer,
-                          outline: "",
-                          class: "h-100 overflow"
-                        }, [
-                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(blocks.value, (block, i) => {
-                            return vue.openBlock(), vue.createElementBlock("div", {
-                              key: blockKeys.value[i],
-                              "data-draggable-id": blockKeys.value[i],
-                              class: "draggable-item"
-                            }, [
-                              vue.createElementVNode("div", {
-                                class: "my-025 flex gap-025 overflow-hidden px-025",
-                                onMouseenter: ($event) => hoverBlock(i),
-                                onMouseleave: _cache[8] || (_cache[8] = ($event) => hoverBlock(null)),
-                                onFocusin: ($event) => hoverBlock(i),
-                                onFocusout: _cache[9] || (_cache[9] = ($event) => hoverBlock(null))
-                              }, [
-                                vue.createElementVNode("div", {
-                                  class: vue.normalizeClass(["sectionAccordionBlock rounded border-none hover flex-grow p-025 my-025 transition flex", {
-                                    "highlightID bg-gray-light": hoveredIndex.value === i && selectedIndex.value !== i,
-                                    "bg-primary color-white": selectedIndex.value === i
-                                  }]),
-                                  onClick: ($event) => selectBlock(i)
-                                }, [
-                                  vue.createVNode(vue.unref(vue$1.Icon), {
-                                    icon: registryIcon(block.type),
-                                    class: "mx-05"
-                                  }, null, 8, ["icon"]),
-                                  vue.createElementVNode("p", _hoisted_32, vue.toDisplayString(registryLabel(block.type)), 1),
-                                  vue.createElementVNode("p", {
-                                    class: "ellipsis-1 m-0 txt-12 txt-start opacity-5",
-                                    innerHTML: block.props.title || block.props.heading || block.props.name || ""
-                                  }, null, 8, _hoisted_33),
-                                  vue.createVNode(vue.unref(vue$1.Icon), {
-                                    name: "drag_indicator",
-                                    class: "reorderHover color-gray opacity-0 ms-auto transition drag-handle"
-                                  })
-                                ], 10, _hoisted_31)
-                              ], 40, _hoisted_30),
-                              vue.createElementVNode("div", _hoisted_34, [
-                                vue.createVNode(vue.unref(vue$1.Icon), {
-                                  round: "",
-                                  icon: "add",
-                                  size: "0.5",
-                                  class: "z-1 relative transition opacity-0 hover bg-blue color-white",
-                                  onClick: ($event) => addNewBlock(i)
-                                }, null, 8, ["onClick"])
-                              ])
-                            ], 8, _hoisted_29);
-                          }), 128))
-                        ], 512)
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["collapsed"]),
-                  vue.createVNode(vue.unref(vue$1.Panel), {
-                    flex: "",
-                    min: 400
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("div", {
-                        ref_key: "middlePanelEl",
-                        ref: middlePanelEl,
-                        class: vue.normalizeClass(["h-100 overflow-hidden txt-center bg-gray-80 flex-center relative", { "overflow-auto": isMobile.value }]),
-                        style: { "user-select": "none" }
-                      }, [
-                        vue.createVNode(vue.unref(vue$1.IframeVue), {
-                          ref_key: "iframePreview",
-                          ref: iframePreview,
-                          class: vue.normalizeClass(["site-iframe h-100", { "mobile-view": isMobile.value }]),
-                          src: previewUrl.value,
-                          style: vue.normalizeStyle({
-                            width: isMobile.value ? "375px" : "100%",
-                            height: iframeHeight.value,
-                            zoom: iframeZoom.value,
-                            transformOrigin: "top left"
-                          })
-                        }, null, 8, ["src", "class", "style"])
-                      ], 2)
-                    ]),
-                    _: 1
-                  }),
-                  vue.createVNode(vue.unref(vue$1.Panel), {
-                    "default-size": 280,
-                    min: 180,
-                    max: 320,
-                    collapsed: previewMode.value,
-                    handle: false
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_35, [
-                        selectedBlock.value !== null ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_36, [
-                          vue.createElementVNode("div", _hoisted_37, [
-                            vue.createVNode(vue.unref(vue$1.Icon), {
-                              icon: registryIcon(selectedBlock.value.type),
-                              class: "txt-gray mx-05"
-                            }, null, 8, ["icon"]),
-                            vue.createElementVNode("p", _hoisted_38, vue.toDisplayString(registryLabel(selectedBlock.value.type)), 1),
-                            vue.createElementVNode("div", _hoisted_39, [
-                              vue.withDirectives(vue.createVNode(vue.unref(vue$1.Btn), {
-                                title: "סגור עורך (ESC)",
-                                icon: "close",
-                                flat: "",
-                                thin: "",
-                                class: "txt10 opacity-7",
-                                onClick: clearSelection
-                              }, null, 512), [
-                                [_directive_tooltip, "סגור עורך (ESC)"]
-                              ])
-                            ])
-                          ]),
-                          vue.createElementVNode("div", {
-                            class: "h-100p overflow pt-1 scrollbar-gutter-both",
-                            onClick: _cache[12] || (_cache[12] = vue.withModifiers(() => {
-                            }, ["stop"]))
-                          }, [
-                            vue.createElementVNode("div", _hoisted_40, [
-                              blockSchema(selectedBlock.value.type) ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.FormFlow), {
-                                key: 0,
-                                modelValue: selectedBlock.value.props,
-                                "onUpdate:modelValue": [
-                                  _cache[10] || (_cache[10] = ($event) => selectedBlock.value.props = $event),
-                                  vue.unref(debouncedSendBlocks)
-                                ],
-                                schema: blockSchema(selectedBlock.value.type)
-                              }, null, 8, ["modelValue", "schema", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_41, [
-                                vue.createVNode(vue.unref(vue$1.Icon), {
-                                  icon: "data_object",
-                                  size: "3",
-                                  weight: "200",
-                                  class: "block"
-                                }),
-                                _cache[17] || (_cache[17] = vue.createElementVNode("p", { class: "txt-12 mt-05" }, [
-                                  vue.createTextVNode(" תוכן הבלוק הזה מגיע ממקור נתונים"),
-                                  vue.createElementVNode("br"),
-                                  vue.createTextVNode("ואינו ניתן לעריכה כאן. ")
-                                ], -1))
-                              ]))
-                            ]),
-                            vue.createElementVNode("div", _hoisted_42, [
-                              selectedIndex.value !== null ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Btn), {
-                                key: 0,
-                                icon: "delete",
-                                class: "txt10 opacity-7 color-red m-1 w-a",
-                                flat: "",
-                                thin: "",
-                                value: "הסרת מקטע",
-                                onClick: _cache[11] || (_cache[11] = ($event) => removeBlock(selectedIndex.value))
-                              })) : vue.createCommentVNode("", true)
-                            ])
-                          ])
-                        ])) : vue.createCommentVNode("", true),
-                        vue.createElementVNode("div", _hoisted_43, [
-                          vue.createVNode(vue.unref(vue$1.Icon), {
-                            class: "txt-center block",
-                            icon: "bolt",
-                            weight: "200",
-                            size: "10"
-                          }),
-                          _cache[18] || (_cache[18] = vue.createElementVNode("p", { class: "txt-center" }, " לחצו על מקטע כדי לערוך ", -1))
-                        ])
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["collapsed"])
-                ]),
-                _: 1
-              })
-            ]),
-            vue.createElementVNode("div", _hoisted_44, [
-              vue.createVNode(vue.unref(vue$1.Icon), {
-                size: 10,
-                weight: 200,
-                icon: "desktop_windows"
-              }),
-              _cache[19] || (_cache[19] = vue.createElementVNode("p", null, "המסך קטן מדי לעורך הזה. נסו להקטין זום או להשתמש במסך גדול יותר.", -1))
-            ])
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-});
 exports.BLOX_CONFIG_KEY = BLOX_CONFIG_KEY;
 exports.BLOX_LOCALE_STRATEGY_KEY = BLOX_LOCALE_STRATEGY_KEY;
 exports.BloxInstance = BloxInstance;
-exports.CmsPageView = _sfc_main$3;
-exports.PageDesigner = _sfc_main;
+exports.CmsPageView = _sfc_main$2;
 exports.PageRenderer = PageRenderer;
-exports.PreviewApp = _sfc_main$1;
+exports.PreviewApp = _sfc_main;
 exports.PreviewRenderer = PreviewRenderer;
 exports.configureApi = configureApi;
 exports.createBlox = createBlox;