mechanica 1.0.2-b → 1.0.3

package/dist/editor.js

@@ -1,6 +1,103 @@
-import { watch, defineComponent, computed, inject, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, getCurrentScope, onScopeDispose, toRef as toRef$1, readonly, customRef, ref, toValue, nextTick, getCurrentInstance, onMounted, createBlock, Teleport, createVNode, Transition, withCtx, unref, mergeProps, withModifiers, renderSlot, createCommentVNode, resolveDynamicComponent, normalizeClass, shallowRef, isRef, createTextVNode, reactive, shallowReactive, normalizeStyle, normalizeProps, guardReactiveProps, TransitionGroup, useSlots, createSlots, withDirectives, vModelText, vModelDynamic, createStaticVNode, mergeModels, useModel, resolveComponent, provide, createApp } from "vue";
+import { defineComponent, ref, watch, openBlock, createElementBlock, normalizeStyle, createElementVNode, shallowRef, onMounted, onBeforeUnmount, computed, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, renderSlot, createVNode, Transition, withCtx, getCurrentScope, onScopeDispose, toRef as toRef$1, readonly, customRef, toValue, nextTick, getCurrentInstance, createBlock, createSlots, withDirectives, vModelText, vModelDynamic, inject, Fragment, renderList, unref, h, TransitionGroup, useSlots, Teleport, mergeProps, withModifiers, createStaticVNode, resolveDynamicComponent, isRef, reactive, vShow, shallowReactive, mergeModels, useModel, vModelCheckbox, resolveComponent, normalizeProps, guardReactiveProps, provide, createApp } from "vue";
 import { blocksList as blocksList$1, addUpdateListener } from "virtual:builder-blocks";
 import { registerAlias, unfoldSchema } from "compact-json-schema";
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  __name: "HoverFrame",
+  props: {
+    element: {},
+    resizable: { type: Boolean }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const style = ref({ display: "none" });
+    const updateStyle = () => {
+      if (props.element) {
+        const rect = props.element.getBoundingClientRect();
+        style.value = {
+          top: rect.top + document.documentElement.scrollTop + "px",
+          left: rect.left + document.documentElement.scrollLeft + "px",
+          width: rect.width + "px",
+          height: rect.height + "px"
+        };
+      } else {
+        style.value = { display: "none" };
+      }
+    };
+    const resizeObserver = new ResizeObserver(updateStyle);
+    watch(() => props.element, (element, lastElement) => {
+      updateStyle();
+      if (element) {
+        resizeObserver.observe(element);
+      } else if (lastElement) {
+        resizeObserver.unobserve(lastElement);
+      }
+    }, { immediate: true });
+    __expose({
+      update: updateStyle
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "editor-component editor-hover-frame",
+        style: normalizeStyle(style.value)
+      }, null, 4);
+    };
+  }
+});
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  __name: "InsertedPlace",
+  props: {
+    top: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "editor__inserted-place-marker",
+        style: normalizeStyle({ top: _ctx.top + "px" })
+      }, null, 4);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main$x = {};
+const _hoisted_1$q = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$9(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M10.707 14.364C10.8945 14.1764 10.9998 13.9221 10.9998 13.657C10.9998 13.3918 10.8945 13.1375 10.707 12.95L5.75705 7.99995L10.707 3.04995C10.8892 2.86135 10.99 2.60875 10.9877 2.34655C10.9854 2.08435 10.8803 1.83354 10.6949 1.64813C10.5095 1.46272 10.2586 1.35756 9.99645 1.35528C9.73425 1.353 9.48165 1.45379 9.29305 1.63595L3.63605 7.29295C3.44858 7.48048 3.34326 7.73479 3.34326 7.99995C3.34326 8.26512 3.44858 8.51942 3.63605 8.70695L9.29305 14.364C9.48058 14.5514 9.73488 14.6567 10 14.6567C10.2652 14.6567 10.5195 14.5514 10.707 14.364Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const ChevronLeftIcon = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$9]]);
+const _sfc_main$w = {};
+const _hoisted_1$p = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$8(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$p, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M5.29295 1.63605C5.10548 1.82358 5.00017 2.07788 5.00017 2.34305C5.00017 2.60821 5.10548 2.86252 5.29295 3.05005L10.243 8.00005L5.29295 12.95C5.11079 13.1387 5.01 13.3913 5.01228 13.6534C5.01456 13.9156 5.11972 14.1665 5.30513 14.3519C5.49054 14.5373 5.74135 14.6424 6.00355 14.6447C6.26575 14.647 6.51835 14.5462 6.70695 14.364L12.364 8.70705C12.5514 8.51952 12.6567 8.26521 12.6567 8.00005C12.6567 7.73488 12.5514 7.48058 12.364 7.29305L6.70695 1.63605C6.51942 1.44858 6.26512 1.34326 5.99995 1.34326C5.73479 1.34326 5.48048 1.44858 5.29295 1.63605Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const ChevronRightIcon = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$8]]);
 const findParent = (el, callback) => {
   if (callback(el)) return el;
   if (!el.parentElement) return null;
@@ -162,7 +259,8 @@ const useDraggableItem = () => {
         clonedItem = null;
         (_a = options.onEnd) == null ? void 0 : _a.call(options, e2);
       },
-      type: "absolute"
+      type: "absolute",
+      prevent: false
     });
   };
   return drag;
@@ -216,16 +314,160 @@ class MultiMap {
     this._map.clear();
   }
 }
+class PairMap {
+  constructor() {
+    this._map = /* @__PURE__ */ new Map();
+  }
+  set(keyA, keyB, value) {
+    const map = this._map.get(keyA);
+    if (map) {
+      map.set(keyB, value);
+      return;
+    }
+    this._map.set(keyA, /* @__PURE__ */ new Map([[keyB, value]]));
+  }
+  get(keyA, keyB) {
+    const map = this._map.get(keyA);
+    if (!map) return null;
+    return map.get(keyB) ?? null;
+  }
+  deletePair(keyA) {
+    this._map.delete(keyA);
+  }
+  delete(keyA, keyB) {
+    const map = this._map.get(keyA);
+    if (!map) return;
+    map.delete(keyB);
+    if (map.size === 0) {
+      this.deletePair(keyA);
+    }
+  }
+  clear() {
+    this._map.clear();
+  }
+}
+const dataMap = new PairMap();
+const events = new MultiMap();
+const getArgKey = (args) => {
+  return args.length === 0 ? "_default" : JSON.stringify(args);
+};
+const getEntryOrCreate = (request, args, defaultValue) => {
+  const argKey = getArgKey(args);
+  const existsValue = dataMap.get(request, argKey);
+  if (existsValue) return existsValue;
+  dataMap.set(request, argKey, defaultValue);
+  return defaultValue;
+};
+const useRequest = (request, ...args) => {
+  const defaultValue = dataMap.get(request, getArgKey(args));
+  const pending = shallowRef(defaultValue === null);
+  const data = shallowRef((defaultValue == null ? void 0 : defaultValue.data) ?? null);
+  const error = shallowRef(null);
+  let lastArgs = [];
+  const mutate = async (...args2) => {
+    error.value = null;
+    const returnDataValue = returnDataCallback == null ? void 0 : returnDataCallback(...args2);
+    if (returnDataValue !== void 0) {
+      data.value = returnDataValue;
+      return;
+    }
+    const entry = getEntryOrCreate(request, args2, { data: null, lastUpdate: -1 });
+    data.value = entry.data;
+    pending.value = entry === null;
+    lastArgs = args2;
+    try {
+      data.value = await makeRequestWithoutCache(entry, request, ...args2);
+    } catch (e) {
+      error.value = e;
+    } finally {
+      delete entry.promise;
+      pending.value = false;
+    }
+  };
+  const lazyMutate = async (...args2) => {
+    const entry = dataMap.get(request, getArgKey(args2));
+    if (entry !== null && entry.lastUpdate > 0 && Date.now() < entry.lastUpdate + 1e3 * 30) {
+      data.value = entry.data;
+      lastArgs = args2;
+      return;
+    }
+    mutate(...args2);
+  };
+  let returnDataCallback;
+  const setReturnData = (callback) => {
+    returnDataCallback = callback;
+  };
+  const mutateWithLastArgs = () => mutate(...lastArgs);
+  onMounted(() => {
+    lazyMutate(...args);
+  });
+  onMounted(() => {
+    events.add(request, mutateWithLastArgs);
+  });
+  onBeforeUnmount(() => {
+    events.remove(request, mutateWithLastArgs);
+  });
+  return { data, error, pending, mutate, lazyMutate, setReturnData };
+};
+const makeRequestWithoutCache = async (entry, request, ...args) => {
+  if (!entry.promise) {
+    const promise = (async () => {
+      const resp = await request(...args);
+      entry.data = resp;
+      entry.lastUpdate = Date.now();
+      delete entry.promise;
+    })();
+    entry.promise = promise;
+  }
+  await entry.promise;
+  return entry.data;
+};
+const getSearchFeed = (str, dotToSpace = true) => {
+  const reg = dotToSpace ? /[_\-,()]/g : /[_\-.,()]/g;
+  const arr = str.toLowerCase().replace(reg, " ").split(" ").filter((a) => a.length > 0);
+  return arr;
+};
+const compareSearchFeed = (source, target) => {
+  for (const str2 of target) {
+    let find = false;
+    for (const str of source) {
+      if (str.startsWith(str2)) {
+        find = true;
+      }
+    }
+    if (!find) return false;
+  }
+  return true;
+};
+const findByKeys = (source, keys, target) => {
+  return source.filter((_, index) => compareSearchFeed(keys[index], target));
+};
+const getValue = (item) => {
+  return typeof item === "function" ? item() : item.value;
+};
+const useSearch = (searchValue, data, keyExtractor) => {
+  const searchKeys = computed(() => {
+    var _a;
+    return ((_a = getValue(data)) == null ? void 0 : _a.map((item) => getSearchFeed(keyExtractor(item)))) ?? [];
+  });
+  const dataSearched = computed(() => {
+    const searchFeed = getSearchFeed(searchValue.value);
+    const currentData = getValue(data);
+    if (searchFeed.length === 0 || !currentData) return currentData;
+    return findByKeys(currentData, searchKeys.value, searchFeed);
+  });
+  return dataSearched;
+};
 const listeners = new MultiMap();
 let hasEvent = false;
+const handleKeyDownLayer = (e) => {
+  if (!listeners.has(e.code)) return;
+  const _listeners = listeners.get(e.code);
+  e.preventDefault();
+  const callback = _listeners[_listeners.length - 1];
+  callback(e);
+};
 const useKeyDownLayer = (key, watcher, callback) => {
-  const onKeyDown = (e) => {
-    if (!listeners.has(e.code)) return;
-    const _listeners = listeners.get(e.code);
-    e.preventDefault();
-    const callback2 = _listeners[_listeners.length - 1];
-    callback2(e);
-  };
   watch(watcher, (value) => {
     if (value) {
       listeners.add(key, callback);
@@ -233,11 +475,11 @@ const useKeyDownLayer = (key, watcher, callback) => {
       listeners.remove(key, callback);
     }
     if (listeners.size > 0 && !hasEvent) {
-      document.addEventListener("keydown", onKeyDown);
+      document.addEventListener("keydown", handleKeyDownLayer);
       hasEvent = true;
     }
     if (listeners.size === 0) {
-      document.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("keydown", handleKeyDownLayer);
       hasEvent = false;
     }
   }, { immediate: true });
@@ -250,300 +492,108 @@ class BlockDropEvent extends Event {
     this.content = content;
   }
 }
-const _hoisted_1$g = { class: "blocks-list" };
-const _hoisted_2$5 = { class: "page-editor-blocks__group" };
-const _hoisted_3$4 = { class: "title" };
-const _hoisted_4$4 = { class: "blocks-list__blocks" };
-const _hoisted_5$2 = ["onMousedown"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
-  __name: "BlocksList",
+const _hoisted_1$o = {
+  key: 0,
+  class: "v-form-control__label"
+};
+const _hoisted_2$9 = {
+  key: 0,
+  class: "v-form-control__required-marker"
+};
+const _hoisted_3$7 = {
+  key: 1,
+  class: "v-form-control__outline"
+};
+const _hoisted_4$4 = {
+  key: 3,
+  class: "v-form-control__actions"
+};
+const _hoisted_5$2 = {
+  key: 0,
+  class: "v-form-control__error"
+};
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  __name: "VFormControl",
   props: {
-    blocks: {}
+    error: {},
+    label: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    outline: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
-    const groupBlocks = computed(() => {
-      const groups = new MultiMap();
-      for (let block of props.blocks) {
-        if (block.hidden || block.isDev) continue;
-        groups.add(block.group ?? "default", block);
-      }
-      const output = [];
-      for (let [groupName, blocks] of groups._map) {
-        blocks.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-        output.push({ name: groupName, blocks });
+    const error = computed(() => {
+      if (!props.error) return "";
+      const code = props.error["code"];
+      if (code) {
+        return props.error.message ?? "";
       }
-      return output;
+      return props.error.message ?? "Произошла ошибка";
     });
-    const groupNames = {
-      default: "Доступные блоки",
-      layout: "Макет"
-    };
-    const drag = useDraggableItem();
-    const dragMode = inject("dragMode");
-    const onItemMouseDown = (e, item) => {
-      drag(e, {
-        onStart(item2) {
-          item2.classList.add("drag");
-          document.body.classList.add("mousedrag");
-          dragMode.value = true;
-        },
-        onEnd(e2) {
-          var _a;
-          document.body.classList.remove("mousedrag");
-          (_a = e2.target) == null ? void 0 : _a.dispatchEvent(new BlockDropEvent(item));
-          dragMode.value = false;
-        }
-      });
-    };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(groupBlocks.value, (group) => {
-          return openBlock(), createElementBlock("div", _hoisted_2$5, [
-            createElementVNode("div", _hoisted_3$4, toDisplayString(groupNames[group.name] ?? group.name), 1),
-            createElementVNode("div", _hoisted_4$4, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(group.blocks, (item) => {
-                return openBlock(), createElementBlock("button", {
-                  class: "blocks-list__block editor-component",
-                  key: item.id,
-                  onMousedown: ($event) => onItemMouseDown($event, item)
-                }, toDisplayString(item.name), 41, _hoisted_5$2);
-              }), 128))
-            ])
-          ]);
-        }), 256))
-      ]);
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["v-form-control", { error: !!props.error, disabled: props.disabled }])
+      }, [
+        !!props.label ? (openBlock(), createElementBlock("label", _hoisted_1$o, [
+          createTextVNode(toDisplayString(props.label), 1),
+          props.required ? (openBlock(), createElementBlock("span", _hoisted_2$9, "*")) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        props.outline ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
+          renderSlot(_ctx.$slots, "default")
+        ])) : renderSlot(_ctx.$slots, "default", { key: 2 }),
+        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
+          renderSlot(_ctx.$slots, "actions")
+        ])) : createCommentVNode("", true),
+        createVNode(Transition, null, {
+          default: withCtx(() => [
+            !!props.error ? (openBlock(), createElementBlock("div", _hoisted_5$2, toDisplayString(error.value), 1)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 2);
     };
   }
 });
-const defaultImageSrc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAUVBMVEUAAADy8vLy8vLy8vLy8vLv7+/v7+/x8fHz8/Py8vJtbW2fn5/h4eGvr6+wsLDq6uqoqKh+fn7Jycm4uLiOjo51dXWGhoaWlpbZ2dnAwMDY2NgSuPoLAAAACXRSTlMA38+/XyAQgH+A/hFhAAABBUlEQVRIx+3X3YqDMBCG4ala3XwxJv5E273/C90RlLAodBxPWup7IFF80BwYCRGVP7k5XFbQ3P1mVN3ujNkqdUmFUVdRpsc5mRNd+MLfhDu7LTxF2A/YbfQCbIHBbpqAIMBAb3ZyiP4lroF6I5frn4DrE9jBqXEPwCnxA2hZq3DdovUNawX2bPnOVff9ETwBD2NW7fgoxxbgZ626A+fEGGh4sOqIsWEtxlM6DZinz9oKcevT6YjIZtZC/Pvvwd3y/oc/DJemHyTYx7RkdEhjBwhWkpCWoQjYpYGHAuxH7DZ40dL7DHZb9/Z/jAtf+F1wrrcZVXpcUKnfGp3clHFFdpzmVUn0B/oSge0dVY8uAAAAAElFTkSuQmCC";
-const getDefaultValue = (schema) => {
-  if (schema.default) return schema.default;
-  if (schema.nullable) return null;
-  if (schema.type === "object" && schema.format === "image") {
-    return { src: defaultImageSrc, previewSrc: defaultImageSrc };
+function tryOnScopeDispose(fn) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn);
+    return true;
   }
-  if (schema.type === "number" || schema.type === "integer") return 0;
-  if (schema.type === "object") return {};
-  if (schema.type === "array") return [];
-  if (schema.type === "boolean") return false;
-  return "";
-};
-const passDefaultValue = (state, schema) => {
-  if (!schema) return state;
-  if (schema.type === "object" && state) {
-    for (let key in schema.properties) {
-      if (!(key in state) && !schema.required.includes(key)) continue;
-      state[key] = passDefaultValue(state[key], schema.properties[key]);
-    }
-  }
-  return state ?? getDefaultValue(schema);
-};
-const walkTree = (blocks, callback) => {
-  for (let block of blocks) {
-    callback(block);
-    if (!block.children) continue;
-    if (Array.isArray(block.children)) {
-      walkTree(block.children, callback);
-    } else {
-      for (let value of Object.values(block.children)) {
-        walkTree(value, callback);
-      }
-    }
-  }
-};
-const walkSchema = (obj, schema, callback) => {
-  if (schema.type === "object") {
-    if (!obj) {
-      return;
-    }
-    for (let [key, value] of Object.entries(obj)) {
-      const childSchema = schema.properties[key];
-      if (!childSchema) continue;
-      const isRequired = schema.required.includes(key);
-      callback(value, childSchema, key, obj, isRequired);
-      if (childSchema.type === "array" || childSchema.type === "object") {
-        walkSchema(value, childSchema, callback);
-      }
-    }
-  }
-  if (schema.type === "array" && schema.items) {
-    for (let value of obj) {
-      callback(value, schema.items);
-      if (schema.items.type === "array" || schema.items.type === "object") {
-        walkSchema(value, schema.items, callback);
-      }
-    }
-  }
-};
-const findBlock = (blocks, callback) => {
-  for (let block of blocks) {
-    if (callback(block)) {
-      return block;
-    }
-    if (!block.children) continue;
-    if (Array.isArray(block.children)) {
-      const result = findBlock(block.children, callback);
-      if (result) return result;
-    } else {
-      for (let value of Object.values(block.children)) {
-        const result = findBlock(value, callback);
-        if (result) return result;
-      }
-    }
-  }
-  return null;
-};
-const hasSlots = (block) => {
-  return !!block.slots && Object.keys(block.slots).length > 0;
-};
-const hasMultipleSlots = (block) => {
-  if (!block.slots || Object.keys(block.slots).length === 0) return false;
-  return Object.keys(block.slots).length > 1 || Object.keys(block.slots)[0] !== "default";
-};
-const forEachChildren = (block, content, callback) => {
-  if (!hasSlots(block)) {
-    if (content.children) {
-      delete content.children;
-    }
-    return;
-  }
-  if (hasMultipleSlots(block)) {
-    if (!content.children) content.children = {};
-    if (Array.isArray(content.children)) content.children = { default: content.children };
-    for (let key in block.slots) {
-      if (!content.children[key]) content.children[key] = [];
-      callback(content.children[key]);
-    }
-  } else {
-    if (!content.children) content.children = [];
-    if (!Array.isArray(content.children)) content.children = content.children.default ?? [];
-    callback(content.children);
-  }
-};
-const deleteBlock = (blocks, target) => {
-  let isDeleted = false;
-  walkTree(blocks, (block) => {
-    if (!block.children) return;
-    if (Array.isArray(block.children)) {
-      if (deleteFromArray(block.children, target)) {
-        isDeleted = true;
-      }
-    } else {
-      for (let children of Object.values(block.children)) {
-        if (deleteFromArray(children, target)) {
-          isDeleted = true;
-        }
-      }
-    }
-  });
-  if (!isDeleted) {
-    deleteFromArray(blocks, target);
-  }
-};
-const createContentBlockChild = (blocksMap2, contentBlock, parent, index = -1) => {
-  const parentBlock = blocksMap2.get(parent.blockId);
-  if (!parentBlock.slots) return;
-  if (Object.keys(parentBlock.slots).length === 1 && Object.keys(parentBlock.slots)[0] === "default") {
-    if (!parent.children) parent.children = [];
-    if (!Array.isArray(parent.children)) parent.children = parent.children.default ?? [];
-    if (index < 0) {
-      parent.children.push(contentBlock);
-    } else {
-      parent.children.splice(index, 0, contentBlock);
-    }
-  } else {
-    if (!parent.children || Array.isArray(parent.children)) parent.children = {};
-    if (index < 0) {
-      const key = "default" in parentBlock.slots ? "default" : Object.keys(parentBlock.slots)[0];
-      if (!parent.children[key]) parent.children[key] = [];
-      parent.children[key].push(contentBlock);
-    } else {
-      let startIndex = 0;
-      for (let children of Object.values(parent.children)) {
-        if (index - startIndex <= children.length) {
-          children.splice(index - startIndex, 0, contentBlock);
-        }
-        startIndex += children.length;
-      }
-    }
-  }
-};
-const getBlockIndex = (parent, target) => {
-  if (!parent.children) return -1;
-  if (Array.isArray(parent.children)) {
-    return parent.children.indexOf(target);
-  } else {
-    let startIndex = 0;
-    for (let children of Object.values(parent.children)) {
-      const index = children.indexOf(target);
-      if (index >= 0) {
-        return startIndex + index;
-      }
-      startIndex += children.length;
-    }
-    return -1;
-  }
-};
-const createContentBlock = (block) => {
-  const id = uid();
-  return {
-    id,
-    blockId: block.id,
-    data: {
-      ...passDefaultValue({}, block.props),
-      "data-block-id": id
-    }
-  };
-};
-const deleteFromArray = (arr, item) => {
-  const index = arr.indexOf(item);
-  if (index < 0) return false;
-  arr.splice(index, 1);
-  return true;
-};
-const uid = () => {
-  return Math.trunc(Math.random() * 1e5).toString(16);
-};
-function tryOnScopeDispose(fn) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn);
-    return true;
-  }
-  return false;
-}
-function createEventHook() {
-  const fns = /* @__PURE__ */ new Set();
-  const off = (fn) => {
-    fns.delete(fn);
-  };
-  const clear = () => {
-    fns.clear();
-  };
-  const on = (fn) => {
-    fns.add(fn);
-    const offFn = () => off(fn);
-    tryOnScopeDispose(offFn);
-    return {
-      off: offFn
-    };
-  };
-  const trigger = (...args) => {
-    return Promise.all(Array.from(fns).map((fn) => fn(...args)));
-  };
-  return {
-    on,
-    off,
-    trigger,
-    clear
-  };
-}
-const isClient = typeof window !== "undefined" && typeof document !== "undefined";
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-const isDef = (val) => typeof val !== "undefined";
-const toString = Object.prototype.toString;
-const isObject = (val) => toString.call(val) === "[object Object]";
-const noop = () => {
+  return false;
+}
+function createEventHook() {
+  const fns = /* @__PURE__ */ new Set();
+  const off = (fn) => {
+    fns.delete(fn);
+  };
+  const clear = () => {
+    fns.clear();
+  };
+  const on = (fn) => {
+    fns.add(fn);
+    const offFn = () => off(fn);
+    tryOnScopeDispose(offFn);
+    return {
+      off: offFn
+    };
+  };
+  const trigger = (...args) => {
+    return Promise.all(Array.from(fns).map((fn) => fn(...args)));
+  };
+  return {
+    on,
+    off,
+    trigger,
+    clear
+  };
+}
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const isDef = (val) => typeof val !== "undefined";
+const toString = Object.prototype.toString;
+const isObject = (val) => toString.call(val) === "[object Object]";
+const noop = () => {
 };
 const hasOwn = (val, key) => Object.prototype.hasOwnProperty.call(val, key);
 function createFilterWrapper(filter, fn) {
@@ -645,18 +695,18 @@ function unrefElement(elRef) {
 }
 function useEventListener(...args) {
   let target;
-  let events;
+  let events2;
   let listeners2;
   let options;
   if (typeof args[0] === "string" || Array.isArray(args[0])) {
-    [events, listeners2, options] = args;
+    [events2, listeners2, options] = args;
     target = defaultWindow;
   } else {
-    [target, events, listeners2, options] = args;
+    [target, events2, listeners2, options] = args;
   }
   if (!target)
     return noop;
-  events = toArray(events);
+  events2 = toArray(events2);
   listeners2 = toArray(listeners2);
   const cleanups = [];
   const cleanup = () => {
@@ -675,7 +725,7 @@ function useEventListener(...args) {
         return;
       const optionsClone = isObject(options2) ? { ...options2 } : options2;
       cleanups.push(
-        ...events.flatMap((event) => {
+        ...events2.flatMap((event) => {
           return listeners2.map((listener) => register(el, event, listener, optionsClone));
         })
       );
@@ -863,7 +913,7 @@ function useVModel(props, key, emit, options = {}) {
   }
   event = event || `update:${key.toString()}`;
   const cloneFn = (val) => !clone ? val : typeof clone === "function" ? clone(val) : cloneFnJSON(val);
-  const getValue = () => isDef(props[key]) ? cloneFn(props[key]) : defaultValue;
+  const getValue2 = () => isDef(props[key]) ? cloneFn(props[key]) : defaultValue;
   const triggerEmit = (value) => {
     if (shouldEmit) {
       if (shouldEmit(value))
@@ -873,7 +923,7 @@ function useVModel(props, key, emit, options = {}) {
     }
   };
   if (passive) {
-    const initialValue = getValue();
+    const initialValue = getValue2();
     const proxy = ref(initialValue);
     let isUpdating = false;
     watch(
@@ -898,7 +948,7 @@ function useVModel(props, key, emit, options = {}) {
   } else {
     return computed({
       get() {
-        return getValue();
+        return getValue2();
       },
       set(value) {
         triggerEmit(value);
@@ -906,1306 +956,2284 @@ function useVModel(props, key, emit, options = {}) {
     });
   }
 }
-const margin = 8;
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "VPopover",
+const _hoisted_1$n = {
+  key: 0,
+  class: "v-input__start-adornment"
+};
+const _hoisted_2$8 = ["placeholder", "rows", "name"];
+const _hoisted_3$6 = ["placeholder", "type", "name"];
+const _hoisted_4$3 = {
+  key: 3,
+  class: "v-input__max-length"
+};
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  __name: "VInput",
   props: {
-    open: { type: Boolean },
-    element: {},
-    placement: {},
-    offset: {},
-    fitAnchor: { type: Boolean },
-    class: {},
-    anchorPosition: {}
+    modelValue: {},
+    multiline: { type: Boolean },
+    autofocus: { type: Boolean },
+    rows: {},
+    placeholder: {},
+    type: {},
+    name: {},
+    large: { type: Boolean },
+    maxLength: {},
+    prefix: {},
+    validator: { type: Function },
+    error: {},
+    label: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean }
   },
-  emits: ["update:open"],
+  emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const popoverRef = ref();
-    const position = ref({ top: 0, left: 0 });
-    const origin = ref("center");
-    const open = useVModel(props, "open", emit, { passive: true });
-    const activatorElement = ref();
-    const clamp = (value, min, max) => {
-      if (value < min) return min;
-      if (value > max) return max;
+    const parse = (value) => {
+      if (props.validator) {
+        return props.validator(value);
+      }
+      if (props.type === "number") {
+        const val = parseFloat(value);
+        if (isNaN(val)) return null;
+        return val;
+      }
+      if (props.type === "integer") {
+        const val = parseInt(value);
+        if (isNaN(val)) return null;
+        return val;
+      }
       return value;
     };
-    const calcPrimary = (pos, start, end, size, min, max) => {
-      const fitStart = start - size >= min;
-      const fitEnd = end + size <= max;
-      if ((!fitEnd || pos === "start") && fitStart) return start - size;
-      if ((!fitStart || pos === "end") && fitEnd) return end;
-      return pos === "start" ? min : max - size;
-    };
-    const calcSub = (pos, start, end, size, min, max) => {
-      if (pos === "start") return clamp(start, min, max - size);
-      if (pos === "end") return clamp(end - size, min, max - size);
-      return clamp((start + end) / 2 - size / 2, min, max - size);
-    };
-    const calcOrigin = (start, end, point) => {
-      return clamp(Math.round((point - start) / (end - start) * 100), 0, 100) + "%";
-    };
-    const getRect = () => {
-      if (props.anchorPosition) {
-        return {
-          top: props.anchorPosition.y,
-          bottom: props.anchorPosition.y,
-          left: props.anchorPosition.x,
-          right: props.anchorPosition.x,
-          width: 0,
-          height: 0
-        };
-      }
-      const element = props.element ?? activatorElement.value;
-      if (!element) return null;
-      return element.getBoundingClientRect();
-    };
-    const isHorizontal = computed(() => props.placement.startsWith("left") || props.placement.startsWith("right"));
-    const calcPosition = () => {
-      if (!popoverRef.value) return;
-      const rect = getRect();
-      if (!rect) return;
-      const placement = props.placement.split("-");
-      const offset = props.offset ?? 0;
-      const width = popoverRef.value.clientWidth;
-      const height = popoverRef.value.clientHeight;
-      if (placement[0] === "top" || placement[0] === "bottom") {
-        const top = calcPrimary(placement[0] === "top" ? "start" : "end", rect.top - offset, rect.bottom + offset, height, margin, window.innerHeight - margin);
-        if (props.fitAnchor) {
-          position.value = {
-            top,
-            left: calcSub("start", rect.left, rect.right, rect.width, margin, window.innerWidth - margin),
-            width: rect.width
-          };
-        } else {
-          position.value = { top, left: calcSub(placement[1], rect.left, rect.right, width, margin, window.innerWidth - margin) };
-        }
-      } else {
-        const left = calcPrimary(placement[0] === "left" ? "start" : "end", rect.left - offset, rect.right + offset, width, margin, window.innerWidth - margin);
-        if (props.fitAnchor) {
-          position.value = {
-            left,
-            top: calcSub("start", rect.top, rect.bottom, rect.height, margin, window.innerHeight - margin),
-            height: rect.height
-          };
-        } else {
-          position.value = { left, top: calcSub(placement[1], rect.top, rect.bottom, height, margin, window.innerHeight - margin) };
-        }
-      }
-      origin.value = calcOrigin(position.value.left, position.value.left + width, rect.left + rect.width / 2) + calcOrigin(position.value.top, position.value.top + height, rect.top + rect.height / 2);
-    };
-    watch([() => props.element, () => props.anchorPosition], () => {
-      calcPosition();
+    let lastValue = "";
+    const model = ref("");
+    watch(() => props.modelValue, (value) => {
+      if (value === lastValue) return;
+      model.value = (value ?? "").toString();
+    }, { immediate: true });
+    watch(() => model.value, (modelValue) => {
+      const val = parse(modelValue);
+      lastValue = val;
+      emit("update:modelValue", val);
     });
-    useResizeObserver(popoverRef, calcPosition);
-    useEventListener(window, "resize", calcPosition);
-    const close = () => {
-      open.value = false;
-    };
-    const closeDelayed = () => {
-      setTimeout(close, 0);
-    };
-    useKeyDownLayer("Escape", open, close);
-    useMouseDownOutside(open, closeDelayed, popoverRef);
-    watch(open, (open2) => {
-      if (!props.element) return;
-      if (open2) {
-        props.element.classList.add("popoverHover");
-      } else {
-        props.element.classList.remove("popoverHover");
+    const error = computed(() => {
+      if ((props.type === "number" || props.type === "integer") && model.value && props.modelValue === null) {
+        return { message: "Введите числовое значение" };
       }
+      return props.error;
     });
-    const activatorProps = {
-      onMousedown: (e) => {
-        open.value = !open.value;
-        if (open.value) {
-          activatorElement.value = e.currentTarget;
-        }
-      },
-      onTouchstart: (e) => {
-        open.value = !open.value;
-        if (open.value) {
-          activatorElement.value = e.currentTarget;
-        }
+    const inputType = computed(() => {
+      if (props.type !== "phone" && props.type !== "number" && props.type !== "integer") return props.type;
+      return void 0;
+    });
+    const inputRef = ref();
+    onMounted(() => {
+      var _a;
+      if (props.autofocus || props.error) {
+        (_a = inputRef.value) == null ? void 0 : _a.focus();
       }
-    };
-    const style = computed(() => {
-      return {
-        left: position.value.left + "px",
-        top: position.value.top + "px",
-        width: position.value.width ? position.value.width + "px" : void 0,
-        height: position.value.height ? position.value.height + "px" : void 0,
-        transformOrigin: origin.value
-      };
     });
+    if (props.multiline) {
+      useTextareaAutosize({ element: inputRef, input: model });
+    }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        (openBlock(), createBlock(Teleport, { to: "body" }, [
-          createVNode(Transition, null, {
-            default: withCtx(() => [
-              unref(open) ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
-                class: ["v-popover editor-component", [isHorizontal.value ? "horizontal" : "vertical", props.fitAnchor && "fit-anchor", props.class]],
-                style: style.value,
-                ref_key: "popoverRef",
-                ref: popoverRef,
-                onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
-                }, ["stop"]))
-              }), [
-                renderSlot(_ctx.$slots, "default")
-              ], 16)) : createCommentVNode("", true)
-            ]),
-            _: 3
-          })
-        ])),
-        renderSlot(_ctx.$slots, "activator", { props: activatorProps })
-      ], 64);
+      return openBlock(), createBlock(_sfc_main$v, {
+        class: normalizeClass(["v-input", { large: _ctx.large, multiline: _ctx.multiline }]),
+        error: error.value,
+        label: _ctx.label,
+        required: _ctx.required,
+        disabled: _ctx.disabled,
+        outline: ""
+      }, createSlots({
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "start-adornment"),
+          props.prefix ? (openBlock(), createElementBlock("div", _hoisted_1$n, toDisplayString(props.prefix), 1)) : createCommentVNode("", true),
+          props.multiline ? withDirectives((openBlock(), createElementBlock("textarea", {
+            key: 1,
+            ref_key: "inputRef",
+            ref: inputRef,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+            placeholder: props.placeholder,
+            rows: props.rows,
+            class: "scroll",
+            name: props.name
+          }, null, 8, _hoisted_2$8)), [
+            [vModelText, model.value]
+          ]) : withDirectives((openBlock(), createElementBlock("input", {
+            key: 2,
+            ref_key: "inputRef",
+            ref: inputRef,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => model.value = $event),
+            placeholder: props.placeholder,
+            type: inputType.value,
+            name: props.name
+          }, null, 8, _hoisted_3$6)), [
+            [vModelDynamic, model.value]
+          ]),
+          props.maxLength ? (openBlock(), createElementBlock("div", _hoisted_4$3, toDisplayString(model.value.length) + " / " + toDisplayString(props.maxLength), 1)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "end-adornment")
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.actions ? {
+          name: "actions",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "actions")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["error", "label", "required", "disabled", "class"]);
     };
   }
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
-  __name: "VButton",
+const _hoisted_1$m = { class: "blocks-list" };
+const _hoisted_2$7 = { class: "page-editor-blocks__group" };
+const _hoisted_3$5 = { class: "title" };
+const _hoisted_4$2 = { class: "blocks-list__blocks" };
+const _hoisted_5$1 = ["onMousedown"];
+const _hoisted_6$1 = {
+  key: 0,
+  class: "page-editor__nothing-found"
+};
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  __name: "BlocksList",
   props: {
-    component: {},
-    disabled: { type: Boolean },
-    flat: { type: Boolean },
-    outline: { type: Boolean },
-    large: { type: Boolean }
+    blocks: {}
   },
   setup(__props) {
+    const props = __props;
+    const searchValue = ref("");
+    const filteredBlocks = useSearch(searchValue, () => props.blocks, (item) => item.name + " " + item.id);
+    const groupBlocks = computed(() => {
+      const groups = new MultiMap();
+      for (let block of filteredBlocks.value) {
+        if (block.hidden || block.isDev) continue;
+        groups.add(block.group ?? "default", block);
+      }
+      const output = [];
+      for (let [groupName, blocks] of groups._map) {
+        blocks.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+        output.push({ name: groupName, blocks });
+      }
+      return output;
+    });
+    const groupNames = {
+      default: "Доступные блоки",
+      layout: "Макет"
+    };
+    const drag = useDraggableItem();
+    const dragMode = inject("dragMode");
+    const onItemMouseDown = (e, item) => {
+      drag(e, {
+        onStart(item2) {
+          item2.classList.add("drag");
+          document.body.classList.add("mousedrag");
+          dragMode.value = true;
+        },
+        onEnd(e2) {
+          var _a;
+          document.body.classList.remove("mousedrag");
+          (_a = e2.target) == null ? void 0 : _a.dispatchEvent(new BlockDropEvent(item));
+          dragMode.value = false;
+        }
+      });
+    };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.component ?? "button"), {
-        class: normalizeClass(["v-button", { disabled: _ctx.disabled, flat: _ctx.flat, outline: _ctx.outline, large: _ctx.large }])
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class"]);
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+        createVNode(_sfc_main$u, {
+          modelValue: searchValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchValue.value = $event),
+          placeholder: "Поиск...",
+          class: "page-editor-blocks__search"
+        }, null, 8, ["modelValue"]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(groupBlocks.value, (group) => {
+          return openBlock(), createElementBlock("div", _hoisted_2$7, [
+            createElementVNode("div", _hoisted_3$5, toDisplayString(groupNames[group.name] ?? group.name), 1),
+            createElementVNode("div", _hoisted_4$2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(group.blocks, (item) => {
+                return openBlock(), createElementBlock("button", {
+                  class: "blocks-list__block editor-component",
+                  key: item.id,
+                  onMousedown: ($event) => onItemMouseDown($event, item)
+                }, toDisplayString(item.name), 41, _hoisted_5$1);
+              }), 128))
+            ])
+          ]);
+        }), 256)),
+        unref(filteredBlocks).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6$1, "Блоки не найдены")) : createCommentVNode("", true)
+      ]);
     };
   }
 });
-const useContextMenu = (creator) => {
-  let target = null;
-  const props = reactive({
-    items: [],
-    open: false,
-    anchorPosition: { x: 0, y: 0 },
-    "onUpdate:open": (value) => {
-      if (value === false && target !== null) {
-        target.removeAttribute("data-popover-target");
-        target = null;
+const defaultImageSrc = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSIjRjJGMkYyIiByeD0iOCIvPjxwYXRoIGZpbGw9IiM2RDZENkQiIGQ9Ik00MS42IDE5LjZIMjIuNEE0LjQgNC40IDAgMCAwIDE4IDI0djE2YTQuNCA0LjQgMCAwIDAgNC40IDQuNGgxOS4yQTQuNCA0LjQgMCAwIDAgNDYgNDBWMjRhNC40IDQuNCAwIDAgMC00LjQtNC40TTIyLjQgMjJoMTkuMmEyIDIgMCAwIDEgMiAydjEzLjEwNGwtNC4zNTItNC4zNTJhMS4xMiAxLjEyIDAgMCAwLS44OTYtLjM1MiAxLjI4IDEuMjggMCAwIDAtLjg4LjQzMmwtMi4wNjQgMi40OC03LjM2LTcuMzZhMS4xMiAxLjEyIDAgMCAwLS44NDgtLjM1MiAxLjI4IDEuMjggMCAwIDAtLjg4LjQzMmwtNS45MiA3LjA1NlYyNGEyIDIgMCAwIDEgMi0ybS0yIDE4di0xLjE2OGw2Ljg4LTguMjU2IDYuNTkyIDYuNTkyLTQuMDMyIDQuOEgyMi40YTIgMiAwIDAgMS0yLTEuOTY4bTIxLjIgMmgtOC42NGw1LjUyLTYuNjI0IDUuMDQgNS4wNEExLjk3IDEuOTcgMCAwIDEgNDEuNiA0MiIvPjwvc3ZnPg==";
+const getDefaultValue = (schema) => {
+  if (schema.default) return schema.default;
+  if (schema.nullable) return null;
+  if (schema.type === "object" && schema.format === "image") {
+    return { src: defaultImageSrc, previewSrc: defaultImageSrc };
+  }
+  if (schema.type === "number" || schema.type === "integer") return 0;
+  if (schema.type === "object") {
+    if (!schema.properties) return {};
+    return Object.fromEntries(Object.entries(schema.properties).map(([key, value]) => {
+      var _a;
+      if (!((_a = schema.required) == null ? void 0 : _a.includes(key))) {
+        return [key, void 0];
       }
-      props.open = value;
+      return [key, getDefaultValue(value)];
+    }));
+  }
+  if (schema.type === "array") return [];
+  if (schema.type === "boolean") return false;
+  return "";
+};
+const processBlock = (contentBlock, schema) => {
+  if (!contentBlock.id) {
+    contentBlock.id = uid();
+  }
+  if (!contentBlock.data) {
+    contentBlock.data = {};
+  }
+  contentBlock.data["data-block-id"] = contentBlock.id;
+  if (schema) {
+    walkSchema(contentBlock.data, schema.props, (value, schema2, key, parent, isRequired) => {
+      if (key && isRequired && !schema2.nullable && (value === null || value === void 0)) {
+        parent[key] = getDefaultValue(schema2);
+      }
+    });
+    if (schema.slots) {
+      if (Object.keys(schema.slots).join() === "default") {
+        contentBlock.children = [];
+      } else {
+        contentBlock.children = Object.fromEntries(Object.keys(schema.slots).map((key) => [key, []]));
+      }
+      onUpdateBlockChildren(contentBlock);
+    }
+  }
+  return contentBlock;
+};
+const saveBlock = (contentBlock, schema) => {
+  if (contentBlock.children) {
+    if (Array.isArray(contentBlock.children)) {
+      contentBlock.children = contentBlock.children.filter((item) => !item.blockId.startsWith("__dev"));
+    } else {
+      for (let key in contentBlock.children) {
+        contentBlock.children[key] = contentBlock.children[key].filter((item) => !item.blockId.startsWith("__dev"));
+      }
+    }
+  }
+  if (!contentBlock.data) return;
+  delete contentBlock.data["data-block-id"];
+  if (!schema) return;
+  walkSchema(contentBlock.data, schema.props, (value, schema2, key, parent) => {
+    if (schema2.type === "object" && schema2.format === "image" && value.src === defaultImageSrc && key && parent) {
+      parent[key] = null;
     }
   });
-  const open = (e, ...args) => {
-    e.preventDefault();
-    props.items = creator(...args);
-    props.anchorPosition = { x: e.clientX, y: e.clientY };
-    props.open = true;
-    if (target !== null) {
-      target.removeAttribute("data-popover-target");
-      target = null;
+};
+const processBlocks = (state, blocksMap2) => {
+  walkTree(state, (block) => {
+    processBlock(block, blocksMap2.get(block.blockId));
+  });
+  return state;
+};
+const saveBlocks = (state, blocksMap2) => {
+  walkTree(state, (block) => {
+    saveBlock(block, blocksMap2.get(block.blockId));
+  });
+  return state;
+};
+const splitData = (data, scopes) => {
+  const groupedData = { "site": {}, "folder": {}, "page": {} };
+  for (let [key, scope] of Object.entries(scopes)) {
+    groupedData[scope][key] = data[key];
+  }
+  return groupedData;
+};
+const walkTree = (blocks, callback) => {
+  for (let block of blocks) {
+    callback(block);
+    if (!block.children) continue;
+    if (Array.isArray(block.children)) {
+      walkTree(block.children, callback);
+    } else {
+      for (let value of Object.values(block.children)) {
+        walkTree(value, callback);
+      }
     }
-    target = e.currentTarget;
-    target.setAttribute("data-popover-target", "true");
-  };
-  return {
-    props,
-    open
-  };
+  }
 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  __name: "VContextMenu",
+const walkSchema = (obj, schema, callback) => {
+  if (schema.type === "object") {
+    if (!obj) {
+      return;
+    }
+    for (let [key, childSchema] of Object.entries(schema.properties)) {
+      const isRequired = schema.required.includes(key);
+      callback(obj[key], childSchema, key, obj, isRequired);
+      if (childSchema.type === "array" || childSchema.type === "object") {
+        walkSchema(obj[key], childSchema, callback);
+      }
+    }
+  }
+  if (schema.type === "array" && schema.items) {
+    for (let value of obj) {
+      callback(value, schema.items);
+      if (schema.items.type === "array" || schema.items.type === "object") {
+        walkSchema(value, schema.items, callback);
+      }
+    }
+  }
+};
+const findBlock = (blocks, callback) => {
+  for (let block of blocks) {
+    if (callback(block)) {
+      return block;
+    }
+    if (!block.children) continue;
+    if (Array.isArray(block.children)) {
+      const result = findBlock(block.children, callback);
+      if (result) return result;
+    } else {
+      for (let value of Object.values(block.children)) {
+        const result = findBlock(value, callback);
+        if (result) return result;
+      }
+    }
+  }
+  return null;
+};
+const hasSlots = (block) => {
+  return !!block.slots && Object.keys(block.slots).length > 0;
+};
+const hasMultipleSlots = (block) => {
+  if (!block.slots || Object.keys(block.slots).length === 0) return false;
+  return Object.keys(block.slots).join() !== "default";
+};
+const forEachChildren = (block, content, callback) => {
+  if (!hasSlots(block)) {
+    if (content.children) {
+      delete content.children;
+    }
+    return;
+  }
+  if (hasMultipleSlots(block)) {
+    if (!content.children) content.children = {};
+    if (Array.isArray(content.children)) content.children = { default: content.children };
+    for (let key in block.slots) {
+      if (!content.children[key]) content.children[key] = [];
+      callback(content.children[key]);
+    }
+  } else {
+    if (!content.children) content.children = [];
+    if (!Array.isArray(content.children)) content.children = content.children.default ?? [];
+    callback(content.children);
+  }
+};
+const deleteBlock = (blocks, target) => {
+  let isDeleted = false;
+  walkTree(blocks, (block) => {
+    if (!block.children) return;
+    if (Array.isArray(block.children)) {
+      if (deleteFromArray(block.children, target)) {
+        isDeleted = true;
+        onUpdateBlockChildren(block);
+      }
+    } else {
+      for (let children of Object.values(block.children)) {
+        if (deleteFromArray(children, target)) {
+          isDeleted = true;
+          onUpdateBlockChildren(block);
+        }
+      }
+    }
+  });
+  if (!isDeleted) {
+    deleteFromArray(blocks, target);
+  }
+};
+const createContentBlockChild = (blocksMap2, contentBlock, parent, index = -1) => {
+  const parentBlock = blocksMap2.get(parent.blockId);
+  if (!parentBlock.slots) return;
+  if (Object.keys(parentBlock.slots).join() === "default") {
+    if (!parent.children) parent.children = [];
+    if (!Array.isArray(parent.children)) parent.children = parent.children.default ?? [];
+    if (index < 0) {
+      parent.children.push(contentBlock);
+    } else {
+      parent.children.splice(index, 0, contentBlock);
+    }
+  } else {
+    if (!parent.children || Array.isArray(parent.children)) parent.children = {};
+    if (index < 0) {
+      const key = "default" in parentBlock.slots ? "default" : Object.keys(parentBlock.slots)[0];
+      if (!parent.children[key]) parent.children[key] = [];
+      parent.children[key].push(contentBlock);
+    } else {
+      let startIndex = 0;
+      for (let children of Object.values(parent.children)) {
+        if (index - startIndex <= children.length) {
+          children.splice(index - startIndex, 0, contentBlock);
+        }
+        startIndex += children.length;
+      }
+    }
+  }
+  onUpdateBlockChildren(parent);
+};
+const getBlockIndex = (parent, target) => {
+  if (!parent.children) return -1;
+  if (Array.isArray(parent.children)) {
+    return parent.children.indexOf(target);
+  } else {
+    let startIndex = 0;
+    for (let children of Object.values(parent.children)) {
+      const index = children.indexOf(target);
+      if (index >= 0) {
+        return startIndex + index;
+      }
+      startIndex += children.length;
+    }
+    return -1;
+  }
+};
+const createContentBlock = (block) => {
+  const id = uid();
+  return processBlock({ id, blockId: block.id, data: {} }, block);
+};
+const insertBlockBefore = (block, contentBlocks, prependBlockId) => {
+  const contentBlock = createContentBlock(block);
+  if (!prependBlockId) {
+    contentBlocks.push(contentBlock);
+  } else {
+    const index = contentBlocks.findIndex((item) => item.id === prependBlockId);
+    if (index < 0) {
+      contentBlocks.push(contentBlock);
+    } else {
+      contentBlocks.splice(index, 0, contentBlock);
+    }
+  }
+  return contentBlock;
+};
+const _onUpdateBlockChildren = (children) => {
+  if (children.length === 0) {
+    children.push(createDevBlock());
+  } else {
+    const index = children.findIndex((item) => item.blockId === "__dev-block");
+    if (index >= 0) {
+      children.splice(index, 1);
+    }
+  }
+};
+const onUpdateBlockChildren = (block) => {
+  if (!block.children) return;
+  if (Array.isArray(block.children)) {
+    _onUpdateBlockChildren(block.children);
+  } else {
+    for (let children of Object.values(block.children)) {
+      _onUpdateBlockChildren(children);
+    }
+  }
+};
+const changeBlockId = (content, schema) => {
+  content.id = uid();
+  processBlock(content);
+  forEachChildren(schema, content, (contents) => {
+    for (let content2 of contents) {
+      content2.id = uid();
+      processBlock(content2);
+    }
+  });
+};
+const createDevBlock = () => {
+  const id = uid();
+  const style = `
+  min-width: 60px;
+  min-height: 60px;
+  background-color: #0073E920;
+  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%230073E9FF' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
+  border-radius: 4px;
+`;
+  return { id, data: {}, blockId: "__dev-block", vnode: h("div", { class: "dev-empty-slot-block", style }) };
+};
+const deleteFromArray = (arr, item) => {
+  const index = arr.indexOf(item);
+  if (index < 0) return false;
+  arr.splice(index, 1);
+  return true;
+};
+const uid = () => {
+  return Math.trunc(Math.random() * 1e5).toString(16);
+};
+const _hoisted_1$l = ["onClick"];
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
+  __name: "VTabs",
   props: {
-    open: { type: Boolean },
-    placement: {},
-    anchorPosition: {},
-    offset: {},
-    items: { type: [Array, Function] }
+    items: {},
+    modelValue: {}
   },
-  emits: ["update:open"],
+  emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
-    const activatorElement = ref();
     const emit = __emit;
-    const open = useVModel(props, "open", emit, { passive: true });
-    const items = shallowRef([]);
-    watch(open, (open2) => {
-      if (!open2) return;
-      const _items = typeof props.items === "function" ? props.items() : props.items;
-      items.value = _items.filter((item) => !!item);
-    });
-    const activatorProps = {
-      onClick: (e) => {
-        open.value = true;
-        activatorElement.value = e.currentTarget;
+    const model = useVModel(props, "modelValue", emit, { passive: true });
+    watch(() => props.items, (items) => {
+      if ((model.value === void 0 || model.value === null) && items.length > 0) {
+        model.value = items[0].id;
       }
-    };
-    const onItemClick = (item) => {
-      var _a, _b;
-      if (item.onClick) {
-        item.onClick();
-        open.value = false;
+    }, { immediate: true });
+    const tabsRef = ref();
+    const markerStyle = ref({});
+    const placeMarker = () => {
+      const id = model.value;
+      if (!tabsRef.value) return;
+      const index = props.items.findIndex((item) => item.id === id);
+      if (index < 0) {
+        markerStyle.value = { width: "0px" };
+        return;
       }
-      if (((_a = item.props) == null ? void 0 : _a.to) || ((_b = item.props) == null ? void 0 : _b.href)) {
-        open.value = false;
+      const child = tabsRef.value.children[index];
+      const p = 0;
+      markerStyle.value = { left: child.offsetLeft + p + "px", width: child.clientWidth - p * 2 + "px" };
+      for (let child2 of tabsRef.value.children) {
+        const item = child2;
+        item.style.left = item.offsetLeft + "px";
       }
     };
+    onMounted(() => {
+      placeMarker();
+    });
+    watch(() => props.items, () => {
+      placeMarker();
+    }, { deep: true, flush: "post" });
+    watch(model, placeMarker, { flush: "post" });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        renderSlot(_ctx.$slots, "activator", { props: activatorProps }),
-        createVNode(_sfc_main$l, {
-          open: unref(open),
-          "onUpdate:open": _cache[0] || (_cache[0] = ($event) => isRef(open) ? open.value = $event : null),
-          element: activatorElement.value,
-          anchorPosition: props.anchorPosition,
-          placement: props.placement ?? "bottom-start",
-          offset: _ctx.offset,
-          class: "v-context-menu"
-        }, {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "tabsRef",
+        ref: tabsRef,
+        class: "v-tabs"
+      }, [
+        createVNode(TransitionGroup, null, {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
-              return openBlock(), createBlock(_sfc_main$k, mergeProps({ ref_for: true }, item.props, {
-                class: "v-context-menu__item",
-                onClick: ($event) => onItemClick(item)
-              }), {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(item.title), 1)
-                ]),
-                _: 2
-              }, 1040, ["onClick"]);
-            }), 256))
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item) => {
+              return openBlock(), createElementBlock("button", {
+                key: item.id,
+                class: normalizeClass(["v-tabs__tab", { active: unref(model) === item.id }]),
+                onClick: ($event) => model.value = item.id
+              }, toDisplayString(item.title), 11, _hoisted_1$l);
+            }), 128))
           ]),
           _: 1
-        }, 8, ["open", "element", "anchorPosition", "placement", "offset"])
-      ], 64);
+        }),
+        createElementVNode("div", {
+          class: "v-tabs__marker",
+          style: normalizeStyle(markerStyle.value)
+        }, null, 4)
+      ], 512);
     };
   }
 });
-const _hoisted_1$f = ["onBlockdrop", "onMousedown", "onMouseenter", "onClick", "onContextmenu"];
-const _hoisted_2$4 = ["onBlockdrop"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "ContentHierarchy",
+const _hoisted_1$k = { class: "v-tabs-pages" };
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  __name: "VTabsPages",
   props: {
-    contentBlocks: {},
-    blocksMap: {},
-    hoverBlockId: {},
-    activeBlockId: {}
+    page: {},
+    "page:class": {}
   },
-  emits: ["update:hoverBlockId", "update:activeBlockId"],
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const transitionClass = ref("slide-right");
+    watch(() => props.page, (value, lastValue) => {
+      const keys = Object.keys(slots);
+      if (keys.indexOf(value) > keys.indexOf(lastValue)) {
+        transitionClass.value = "slide-left";
+      } else {
+        transitionClass.value = "slide-right";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+        createVNode(Transition, { name: transitionClass.value }, {
+          default: withCtx(() => [
+            (openBlock(), createElementBlock("div", {
+              key: props.page,
+              class: normalizeClass(["v-tabs-pages__page", props["page:class"]])
+            }, [
+              renderSlot(_ctx.$slots, props.page)
+            ], 2))
+          ]),
+          _: 3
+        }, 8, ["name"])
+      ]);
+    };
+  }
+});
+const _sfc_main$q = {};
+const _hoisted_1$j = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$7(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$j, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M7.5001 14.1665C7.50013 14.3313 7.54902 14.4924 7.64059 14.6294C7.73217 14.7664 7.8623 14.8732 8.01455 14.9362C8.1668 14.9993 8.33433 15.0158 8.49596 14.9836C8.65758 14.9515 8.80605 14.8722 8.9226 14.7557L13.0893 10.589C13.2455 10.4327 13.3333 10.2208 13.3333 9.99982C13.3333 9.77885 13.2455 9.56693 13.0893 9.41066L8.9226 5.24399C8.80605 5.12748 8.65758 5.04814 8.49596 5.016C8.33433 4.98386 8.1668 5.00037 8.01455 5.06342C7.8623 5.12648 7.73217 5.23327 7.6406 5.37027C7.54902 5.50728 7.50013 5.66836 7.5001 5.83316L7.5001 14.1665Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const CollapseArrowIcon = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$7]]);
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "VCollapse",
+  props: {
+    open: { type: Boolean },
+    label: {},
+    withPadding: { type: Boolean }
+  },
+  emits: ["update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const flatBlocks = computed(() => {
-      const arr = [];
-      const collectBlocks = (items, intent = 0, parent = null) => {
-        for (let i = 0; i < items.length; i++) {
-          const data = items[i];
-          const block = props.blocksMap.get(data.blockId);
-          if (!block) {
-            arr.push({
-              content: data,
-              key: data.id,
-              intent,
-              hasSlots: false,
-              hasMultipleSlots: false,
-              block: {},
-              parent
-            });
-            continue;
-          }
-          arr.push({
-            content: data,
-            key: data.id,
-            intent,
-            hasSlots: hasSlots(block),
-            hasMultipleSlots: hasMultipleSlots(block),
-            block,
-            parent
-          });
-          forEachChildren(block, data, (blocks) => {
-            collectBlocks(blocks, intent + 1, data);
-          });
-        }
-      };
-      collectBlocks(props.contentBlocks);
-      return arr;
+    const height = ref(0);
+    const open = ref(props.open ?? false);
+    const transition = ref(false);
+    const innerRef = ref();
+    let hideTimeout = null;
+    const setOpen = async (value) => {
+      open.value = value;
+      if (hideTimeout !== null) {
+        clearTimeout(hideTimeout);
+        hideTimeout = null;
+      }
+      if (open.value === false && innerRef.value) {
+        height.value = innerRef.value.clientHeight;
+      }
+      transition.value = true;
+      await nextTick();
+      await new Promise((res) => requestAnimationFrame(res));
+      if (open.value) {
+        height.value = innerRef.value.clientHeight;
+      } else {
+        height.value = 0;
+      }
+      hideTimeout = setTimeout(() => {
+        transition.value = false;
+      }, 200);
+      setTimeout(() => mouseMove = true, 0);
+      emit("update:open", open.value);
+    };
+    const onClick = async () => {
+      setOpen(!open.value);
+    };
+    watch(() => props.open, (value) => {
+      if (typeof value !== "boolean" || open.value === value) return;
+      setOpen(value);
     });
-    const drag = useDraggableItem();
-    const dragMode = inject("dragMode");
-    const onItemMouseDown = (e, item) => {
-      if (e.button !== 0) return;
-      const target = e.currentTarget;
-      drag(e, {
-        onStart(item2) {
-          target.setAttribute("data-source-drag", "");
-          item2.classList.add("drag");
-          document.body.classList.add("mousedrag");
-          dragMode.value = true;
-        },
-        onEnd(e2) {
-          var _a;
-          document.body.classList.remove("mousedrag");
-          target.removeAttribute("data-source-drag");
-          if (e2.target !== target) {
-            (_a = e2.target) == null ? void 0 : _a.dispatchEvent(new BlockDropEvent(item.block, item.content));
-          }
-          dragMode.value = false;
-        }
-      });
+    let mouseMove = false;
+    useEventListener("mousedown", () => mouseMove = false);
+    const onMouseEnter = (e) => {
+      if (e.buttons > 0 && !mouseMove && !document.body.classList.contains("mousedrag")) {
+        mouseMove = true;
+        onClick();
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["v-collapse", { open: open.value }])
+      }, [
+        renderSlot(_ctx.$slots, "activator", {
+          props: { onClick, open: open.value }
+        }, () => [
+          createElementVNode("div", {
+            class: normalizeClass(["v-collapse__activator", { open: open.value }]),
+            onMousedown: onClick,
+            onMouseenter: onMouseEnter
+          }, [
+            createVNode(CollapseArrowIcon),
+            createElementVNode("div", null, toDisplayString(props.label), 1)
+          ], 34)
+        ]),
+        createElementVNode("div", {
+          class: normalizeClass(["v-collapse__content", { "v-transition": transition.value, withPadding: props.withPadding }]),
+          style: normalizeStyle(transition.value ? { height: `${height.value}px` } : void 0)
+        }, [
+          transition.value || open.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "innerRef",
+            ref: innerRef,
+            class: "v-collapse__content-inner"
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 512)) : createCommentVNode("", true)
+        ], 6)
+      ], 2);
     };
-    const containerRef = ref();
-    const places = shallowReactive([]);
-    watch(dragMode, (dragMode2) => {
-      if (!dragMode2 || !containerRef.value) {
-        places.length = 0;
-        return;
+  }
+});
+const margin = 8;
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "VPopover",
+  props: {
+    open: { type: Boolean },
+    element: {},
+    placement: {},
+    offset: {},
+    fitAnchor: { type: Boolean },
+    class: {},
+    anchorPosition: {}
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const popoverRef = ref();
+    const position = ref({ top: 0, left: 0 });
+    const origin = ref("center");
+    const open = useVModel(props, "open", emit, { passive: true });
+    const activatorElement = ref();
+    const clamp = (value, min, max) => {
+      if (value < min) return min;
+      if (value > max) return max;
+      return value;
+    };
+    const calcPrimary = (pos, start, end, size, min, max) => {
+      const fitStart = start - size >= min;
+      const fitEnd = end + size <= max;
+      if ((!fitEnd || pos === "start") && fitStart) return start - size;
+      if ((!fitStart || pos === "end") && fitEnd) return end;
+      return pos === "start" ? min : max - size;
+    };
+    const calcSub = (pos, start, end, size, min, max) => {
+      if (pos === "start") return clamp(start, min, max - size);
+      if (pos === "end") return clamp(end - size, min, max - size);
+      return clamp((start + end) / 2 - size / 2, min, max - size);
+    };
+    const calcOrigin = (start, end, point) => {
+      return clamp(Math.round((point - start) / (end - start) * 100), 0, 100) + "%";
+    };
+    const getRect = () => {
+      if (props.anchorPosition) {
+        return {
+          top: props.anchorPosition.y,
+          bottom: props.anchorPosition.y,
+          left: props.anchorPosition.x,
+          right: props.anchorPosition.x,
+          width: 0,
+          height: 0
+        };
       }
-      const containerRect = containerRef.value.getBoundingClientRect();
-      places.length = 0;
-      const children = Array.from(containerRef.value.children).filter((child) => child.classList.contains("page-editor-hierarchy__item"));
-      let lastRectHeight = 0;
-      let lastRectBottom = containerRect.top;
-      for (let i = 0; i < children.length + 1; i++) {
-        const child = children[i];
-        const rect = i === children.length ? { top: lastRectBottom, height: containerRect.bottom - lastRectBottom, bottom: 0 } : child.getBoundingClientRect();
-        let top = lastRectHeight * 0.2;
-        let bottom = rect.height * 0.2;
-        if (i > 0 && !flatBlocks.value[i - 1].hasSlots) {
-          top = lastRectHeight * 0.5;
+      const element = props.element ?? activatorElement.value;
+      if (!element) return null;
+      return element.getBoundingClientRect();
+    };
+    const isHorizontal = computed(() => props.placement.startsWith("left") || props.placement.startsWith("right"));
+    const calcPosition = () => {
+      if (!popoverRef.value) return;
+      const rect = getRect();
+      if (!rect) return;
+      const placement = props.placement.split("-");
+      const offset = props.offset ?? 0;
+      const width = popoverRef.value.clientWidth;
+      const height = popoverRef.value.clientHeight;
+      if (placement[0] === "top" || placement[0] === "bottom") {
+        const top = calcPrimary(placement[0] === "top" ? "start" : "end", rect.top - offset, rect.bottom + offset, height, margin, window.innerHeight - margin);
+        if (props.fitAnchor) {
+          position.value = {
+            top,
+            left: calcSub("start", rect.left, rect.right, rect.width, margin, window.innerWidth - margin),
+            width: rect.width
+          };
+        } else {
+          position.value = { top, left: calcSub(placement[1], rect.left, rect.right, width, margin, window.innerWidth - margin) };
         }
-        if (i === children.length) {
-          bottom = rect.height;
-        } else if (!flatBlocks.value[i].hasSlots) {
-          bottom = rect.height * 0.5;
+      } else {
+        const left = calcPrimary(placement[0] === "left" ? "start" : "end", rect.left - offset, rect.right + offset, width, margin, window.innerWidth - margin);
+        if (props.fitAnchor) {
+          position.value = {
+            left,
+            top: calcSub("start", rect.top, rect.bottom, rect.height, margin, window.innerHeight - margin),
+            height: rect.height
+          };
+        } else {
+          position.value = { left, top: calcSub(placement[1], rect.top, rect.bottom, height, margin, window.innerHeight - margin) };
         }
-        places.push({
-          index: i,
-          style: {
-            top: rect.top - containerRect.top + containerRef.value.scrollTop - top + "px",
-            paddingTop: top - 1 + "px",
-            height: top + bottom + "px"
-          }
-        });
-        lastRectHeight = rect.height;
-        lastRectBottom = rect.bottom;
       }
+      origin.value = calcOrigin(position.value.left, position.value.left + width, rect.left + rect.width / 2) + calcOrigin(position.value.top, position.value.top + height, rect.top + rect.height / 2);
+    };
+    watch([() => props.element, () => props.anchorPosition], () => {
+      calcPosition();
     });
-    const onItemBlockDrop = (e, item) => {
-      if (e.content) {
-        deleteBlock(props.contentBlocks, e.content);
-      }
-      if (item.hasSlots) {
-        const contentBlock = e.content ?? { id: uid(), blockId: e.block.id, data: {} };
-        createContentBlockChild(props.blocksMap, contentBlock, item.content, -1);
-      }
+    useResizeObserver(popoverRef, calcPosition);
+    useEventListener(window, "resize", calcPosition);
+    const close = () => {
+      open.value = false;
     };
-    const onPlaceBlockDrop = (e, _index, dublicate = false) => {
-      e.stopPropagation();
-      let index = _index;
-      let content = e.content;
-      if (content && !dublicate) {
-        const sourceIndex = flatBlocks.value.findIndex((item) => item.content === content);
-        if (sourceIndex === index || sourceIndex === index - 1) return;
-        if (index > sourceIndex && sourceIndex !== -1) index--;
-        deleteBlock(props.contentBlocks, content);
+    const closeDelayed = () => {
+      setTimeout(close, 0);
+    };
+    useKeyDownLayer("Escape", open, close);
+    useMouseDownOutside(open, closeDelayed, popoverRef);
+    watch(open, (open2) => {
+      if (!props.element) return;
+      if (open2) {
+        props.element.classList.add("popoverHover");
+      } else {
+        props.element.classList.remove("popoverHover");
       }
-      if (content && dublicate) {
-        content = cloneDeep(content);
-        content.id = uid();
-        content.data["data-block-id"] = content.id;
-        forEachChildren(e.block, content, (contents) => {
-          for (let content2 of contents) {
-            content2.id = uid();
+    });
+    const activatorProps = {
+      onMousedown: (e) => {
+        open.value = !open.value;
+        if (open.value) {
+          activatorElement.value = e.currentTarget;
+        }
+      },
+      // onTouchstart: (e: TouchEvent) => {
+      //   open.value = !open.value
+      //   if (open.value) {
+      //     activatorElement.value = e.currentTarget as HTMLElement
+      //   }
+      // },
+      onKeydown(e) {
+        if (e.code === "Enter") {
+          open.value = !open.value;
+          if (open.value) {
+            activatorElement.value = e.currentTarget;
           }
-        });
-      }
-      const contentBlock = content ?? createContentBlock(e.block);
-      if (index >= flatBlocks.value.length) {
-        props.contentBlocks.push(contentBlock);
-      } else {
-        const blockEntry = flatBlocks.value[index];
-        if (blockEntry.parent === null) {
-          const index2 = props.contentBlocks.indexOf(blockEntry.content);
-          props.contentBlocks.splice(index2, 0, contentBlock);
-        } else {
-          const index2 = getBlockIndex(blockEntry.parent, blockEntry.content);
-          createContentBlockChild(props.blocksMap, contentBlock, blockEntry.parent, index2);
         }
       }
     };
-    const contextMenu = useContextMenu((content) => [
-      content !== null && { title: "Дублировать блок", onClick() {
-        const index = flatBlocks.value.findIndex((item) => item.content === content);
-        const block = props.blocksMap.get(content.blockId);
-        onPlaceBlockDrop(new BlockDropEvent(block, content), index, true);
-      } },
-      content !== null && { title: "Копировать блок", async onClick() {
-        const blob = new Blob([JSON.stringify(content)], { type: "text/plain" });
-        await navigator.clipboard.write([
-          new ClipboardItem({ "text/plain": blob })
-        ]);
-      } },
-      {
-        title: "Вставить блок",
-        onClick: () => placeBlockFromClipboard(content)
-      },
-      content !== null && {
-        title: "Удалить блок",
-        onClick: () => deleteBlock(props.contentBlocks, content)
-      }
-    ]);
-    const placeBlockFromClipboard = async (content) => {
-      const resp = await navigator.clipboard.read();
-      if (!resp[0].types.includes("text/plain")) return;
-      const entry = await resp[0].getType("text/plain");
-      const text = await entry.text();
-      if (!text.startsWith("{")) return;
-      try {
-        const contentData = JSON.parse(text);
-        contentData.id = uid();
-        const block = props.blocksMap.get(contentData.blockId);
-        if (!block) return;
-        if (content !== null) {
-          const index = flatBlocks.value.findIndex((item) => item.content === content);
-          if (flatBlocks.value[index].hasSlots) {
-            onItemBlockDrop(new BlockDropEvent(block, contentData), flatBlocks.value[index]);
-          } else {
-            onPlaceBlockDrop(new BlockDropEvent(block, contentData), index);
-          }
-        } else {
-          onPlaceBlockDrop(new BlockDropEvent(block, contentData), flatBlocks.value.length);
-        }
-      } catch (e) {
-        console.warn(e);
-      }
+    const style = computed(() => {
+      return {
+        left: position.value.left + "px",
+        top: position.value.top + "px",
+        width: position.value.width ? position.value.width + "px" : void 0,
+        height: position.value.height ? position.value.height + "px" : void 0,
+        transformOrigin: origin.value
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          createVNode(Transition, null, {
+            default: withCtx(() => [
+              unref(open) ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
+                class: ["v-popover editor-component", [isHorizontal.value ? "horizontal" : "vertical", props.fitAnchor && "fit-anchor", props.class]],
+                style: style.value,
+                ref_key: "popoverRef",
+                ref: popoverRef,
+                onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }), [
+                renderSlot(_ctx.$slots, "default")
+              ], 16)) : createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ])),
+        renderSlot(_ctx.$slots, "activator", { props: activatorProps })
+      ], 64);
+    };
+  }
+});
+const _sfc_main$n = {};
+const _hoisted_1$i = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$i, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M14.364 5.293C14.1764 5.10553 13.9221 5.00021 13.657 5.00021C13.3918 5.00021 13.1375 5.10553 12.95 5.293L7.99995 10.243L3.04995 5.293C2.86135 5.11084 2.60875 5.01005 2.34655 5.01232C2.08435 5.0146 1.83354 5.11977 1.64813 5.30518C1.46272 5.49059 1.35756 5.7414 1.35528 6.0036C1.353 6.26579 1.45379 6.5184 1.63595 6.707L7.29295 12.364C7.48048 12.5515 7.73479 12.6568 7.99995 12.6568C8.26512 12.6568 8.51942 12.5515 8.70695 12.364L14.364 6.707C14.5514 6.51947 14.6567 6.26516 14.6567 6C14.6567 5.73483 14.5514 5.48053 14.364 5.293Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const ArrowDownIcon = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$6]]);
+const _sfc_main$m = {};
+const _hoisted_1$h = { class: "v-icon-button" };
+function _sfc_render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("button", _hoisted_1$h, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+const VIconButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$5]]);
+const _sfc_main$l = {};
+const _hoisted_1$g = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$g, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M9.31382 7.9L12.8488 4.364C12.9443 4.27176 13.0205 4.16141 13.0729 4.03941C13.1253 3.9174 13.1529 3.78618 13.1541 3.6534C13.1552 3.52062 13.1299 3.38894 13.0796 3.26605C13.0294 3.14315 12.9551 3.0315 12.8612 2.93761C12.7673 2.84371 12.6557 2.76946 12.5328 2.71918C12.4099 2.6689 12.2782 2.6436 12.1454 2.64475C12.0126 2.64591 11.8814 2.67349 11.7594 2.7259C11.6374 2.77831 11.5271 2.85449 11.4348 2.95L7.89882 6.485L4.36382 2.95C4.27157 2.85449 4.16123 2.77831 4.03922 2.7259C3.91722 2.67349 3.786 2.64591 3.65322 2.64475C3.52044 2.6436 3.38876 2.6689 3.26587 2.71918C3.14297 2.76946 3.03132 2.84371 2.93742 2.93761C2.84353 3.0315 2.76928 3.14315 2.719 3.26605C2.66872 3.38894 2.64342 3.52062 2.64457 3.6534C2.64572 3.78618 2.67331 3.9174 2.72572 4.03941C2.77813 4.16141 2.85431 4.27176 2.94982 4.364L6.48482 7.899L2.94982 11.435C2.85431 11.5273 2.77813 11.6376 2.72572 11.7596C2.67331 11.8816 2.64572 12.0128 2.64457 12.1456C2.64342 12.2784 2.66872 12.4101 2.719 12.533C2.76928 12.6559 2.84353 12.7675 2.93742 12.8614C3.03132 12.9553 3.14297 13.0295 3.26587 13.0798C3.38876 13.1301 3.52044 13.1554 3.65322 13.1543C3.786 13.1531 3.91722 13.1255 4.03922 13.0731C4.16123 13.0207 4.27157 12.9445 4.36382 12.849L7.89882 9.314L11.4348 12.849C11.5271 12.9445 11.6374 13.0207 11.7594 13.0731C11.8814 13.1255 12.0126 13.1531 12.1454 13.1543C12.2782 13.1554 12.4099 13.1301 12.5328 13.0798C12.6557 13.0295 12.7673 12.9553 12.8612 12.8614C12.9551 12.7675 13.0294 12.6559 13.0796 12.533C13.1299 12.4101 13.1552 12.2784 13.1541 12.1456C13.1529 12.0128 13.1253 11.8816 13.0729 11.7596C13.0205 11.6376 12.9443 11.5273 12.8488 11.435L9.31382 7.9Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const CloseMinIcon = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$4]]);
+const _hoisted_1$f = { key: 0 };
+const _hoisted_2$6 = {
+  key: 1,
+  class: "v-select__placeholder"
+};
+const _hoisted_3$4 = { class: "v-select__actions" };
+const _hoisted_4$1 = { class: "v-select__menu" };
+const _hoisted_5 = {
+  key: 0,
+  class: "v-select__divider"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "group-title"
+};
+const _hoisted_7 = ["onClick"];
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  __name: "VSelect",
+  props: {
+    items: {},
+    modelValue: {},
+    placeholder: {},
+    nullable: { type: Boolean },
+    visualValue: {},
+    error: {},
+    label: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const model = useVModel(props, "modelValue", emit, { passive: true, defaultValue: null });
+    const currentItem = computed(() => {
+      if (model.value === null) return null;
+      return props.items.find((item) => typeof item !== "string" && item.id === model.value) ?? null;
+    });
+    const items = computed(() => {
+      return props.items;
+    });
+    const opened = ref(false);
+    const onItemClick = (item) => {
+      model.value = item.id;
+      opened.value = false;
+    };
+    const resetValue = () => {
+      model.value = null;
+      opened.value = false;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "containerRef",
-        ref: containerRef,
-        class: "page-editor-hierarchy",
-        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("update:activeBlockId", null), ["self"]))
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(flatBlocks.value, (item) => {
-          return openBlock(), createElementBlock("div", {
-            class: normalizeClass(["page-editor-hierarchy__item", { active: props.activeBlockId === item.content.id, hover: props.hoverBlockId === item.content.id }]),
-            style: normalizeStyle({ paddingLeft: `${16 + item.intent * 16}px` }),
-            onBlockdrop: ($event) => onItemBlockDrop($event, item),
-            onMousedown: ($event) => onItemMouseDown($event, item),
-            onMouseenter: ($event) => emit("update:hoverBlockId", item.content.id),
-            onMouseleave: _cache[0] || (_cache[0] = ($event) => emit("update:hoverBlockId", null)),
-            onClick: ($event) => emit("update:activeBlockId", item.content.id),
-            onContextmenu: withModifiers(($event) => unref(contextMenu).open($event, item.content), ["stop"])
-          }, toDisplayString(item.block.name), 47, _hoisted_1$f);
-        }), 256)),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(places), (item) => {
-          return openBlock(), createElementBlock("div", {
-            class: "page-editor-hierarhy__place",
-            style: normalizeStyle(item.style),
-            onBlockdrop: ($event) => onPlaceBlockDrop($event, item.index)
-          }, null, 44, _hoisted_2$4);
-        }), 256)),
-        createVNode(_sfc_main$j, normalizeProps(guardReactiveProps(unref(contextMenu).props)), null, 16)
-      ], 512);
+      return openBlock(), createBlock(_sfc_main$v, {
+        outline: "",
+        class: "v-select",
+        label: props.label,
+        error: props.error,
+        disabled: props.disabled,
+        required: props.required
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$o, {
+            open: opened.value,
+            "onUpdate:open": _cache[0] || (_cache[0] = ($event) => opened.value = $event),
+            placement: "bottom",
+            "fit-anchor": "",
+            offset: 8
+          }, {
+            activator: withCtx(({ props: activatorProps }) => [
+              createElementVNode("button", mergeProps({
+                class: ["v-select__activator", { opened: opened.value }]
+              }, activatorProps), [
+                currentItem.value ? (openBlock(), createElementBlock("div", _hoisted_1$f, toDisplayString(currentItem.value.title), 1)) : (openBlock(), createElementBlock("div", _hoisted_2$6, toDisplayString(props.placeholder ?? "Выберите значение"), 1)),
+                createVNode(ArrowDownIcon)
+              ], 16),
+              createElementVNode("div", _hoisted_3$4, [
+                renderSlot(_ctx.$slots, "default"),
+                _ctx.nullable && unref(model) ? (openBlock(), createBlock(VIconButton, {
+                  key: 0,
+                  title: "Очистить значение",
+                  class: "v-select__delete-button",
+                  onClick: resetValue
+                }, {
+                  default: withCtx(() => [
+                    createVNode(CloseMinIcon)
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true)
+              ])
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_4$1, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
+                  return openBlock(), createElementBlock(Fragment, null, [
+                    item === "" ? (openBlock(), createElementBlock("div", _hoisted_5)) : typeof item === "string" ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(item), 1)) : (openBlock(), createElementBlock("button", {
+                      key: 2,
+                      class: normalizeClass({ active: item.id === unref(model) }),
+                      onClick: ($event) => onItemClick(item)
+                    }, [
+                      renderSlot(_ctx.$slots, "item", { item }, () => [
+                        createTextVNode(toDisplayString(item.title), 1)
+                      ])
+                    ], 10, _hoisted_7))
+                  ], 64);
+                }), 256))
+              ])
+            ]),
+            _: 3
+          }, 8, ["open"])
+        ]),
+        _: 3
+      }, 8, ["label", "error", "disabled", "required"]);
     };
   }
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  __name: "HoverFrame",
+const _hoisted_1$e = { class: "json-editor__array" };
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "JsonEditorArray",
   props: {
-    element: {},
-    resizable: { type: Boolean }
+    label: {},
+    schema: {},
+    modelValue: {},
+    expanded: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    var _a;
     const props = __props;
-    const style = ref({ display: "none" });
-    const updateStyle = () => {
-      if (props.element) {
-        const rect = props.element.getBoundingClientRect();
-        style.value = {
-          top: rect.top + document.documentElement.scrollTop + "px",
-          left: rect.left + document.documentElement.scrollLeft + "px",
-          width: rect.width + "px",
-          height: rect.height + "px"
-        };
-      } else {
-        style.value = { display: "none" };
-      }
-    };
-    const resizeObserver = new ResizeObserver(updateStyle);
-    watch(() => props.element, (element, lastElement) => {
-      updateStyle();
-      if (element) {
-        resizeObserver.observe(element);
-      } else if (lastElement) {
-        resizeObserver.unobserve(lastElement);
+    const emit = __emit;
+    const childExpanded = ((_a = props.schema.items) == null ? void 0 : _a.type) === "object" && Object.keys(props.schema.items.properties).length < 2;
+    const length = ref(0);
+    const tempArray = ref([]);
+    if (props.schema.type === "array" && props.modelValue) {
+      length.value = props.modelValue.length ?? 0;
+      tempArray.value = [...props.modelValue];
+    }
+    watch(tempArray, () => {
+      emit("update:modelValue", tempArray.value.slice(0, length.value));
+    }, { deep: true });
+    watch(length, (length2) => {
+      for (let i = tempArray.value.length; i < length2; i++) {
+        tempArray.value[i] = props.schema.items ? getDefaultValue(props.schema.items) : null;
       }
-    }, { immediate: true });
+      emit("update:modelValue", tempArray.value.slice(0, length2));
+    });
+    const label = computed(() => {
+      return `${props.label} (${length.value})`;
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "editor-component editor-hover-frame",
-        style: normalizeStyle(style.value)
-      }, null, 4);
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+        createVNode(_sfc_main$p, {
+          label: label.value,
+          open: props.expanded
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$u, {
+              label: "Количество элементов",
+              modelValue: length.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => length.value = $event),
+              type: "number"
+            }, null, 8, ["modelValue"]),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(length.value, (index) => {
+              return openBlock(), createBlock(_sfc_main$6, {
+                key: index,
+                schema: props.schema.items,
+                name: `${props.schema.itemName ?? "Элемент"} ${index}`,
+                modelValue: tempArray.value[index - 1],
+                "onUpdate:modelValue": ($event) => tempArray.value[index - 1] = $event,
+                expanded: unref(childExpanded)
+              }, null, 8, ["schema", "name", "modelValue", "onUpdate:modelValue", "expanded"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["label", "open"])
+      ]);
     };
   }
 });
-const _hoisted_1$e = ["onClick"];
+const _sfc_main$i = {};
+const _hoisted_1$d = {
+  width: "46",
+  height: "28",
+  viewBox: "0 0 46 28",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$d, _cache[0] || (_cache[0] = [
+    createStaticVNode('<mask id="mask0_1044_6" style="mask-type:luminance;" maskUnits="userSpaceOnUse" x="0" y="0" width="46" height="28"><path d="M45.5 0H0.5V28H45.5V0Z" fill="white"></path></mask><g mask="url(#mask0_1044_6)"><path d="M23.5 27.8537C35.9264 27.8537 46 25.6664 46 22.9683C46 20.2702 35.9264 18.083 23.5 18.083C11.0736 18.083 1 20.2702 1 22.9683C1 25.6664 11.0736 27.8537 23.5 27.8537Z" fill="#D7D7D7"></path><path d="M39.6719 9.5459L32.538 1.51859C32.1955 0.971432 31.6956 0.640625 31.169 0.640625H15.831C15.3044 0.640625 14.8045 0.971432 14.462 1.51789L7.32812 9.5466V15.9946H39.6719V9.5459Z" stroke="#A0A0A0" stroke-width="0.703125"></path><path d="M30.2591 11.7594C30.2591 10.6393 30.958 9.71457 31.825 9.71387H39.6719V22.3718C39.6719 23.8534 38.7437 25.0678 37.5977 25.0678H9.40234C8.25625 25.0678 7.32812 23.8527 7.32812 22.3718V9.71387H15.175C16.042 9.71387 16.7409 10.6372 16.7409 11.7573V11.7727C16.7409 12.8928 17.4475 13.7973 18.3138 13.7973H28.6862C29.5525 13.7973 30.2591 12.8845 30.2591 11.7643V11.7594Z" fill="#FAFAFA" stroke="#A0A0A0" stroke-width="0.703125"></path></g>', 2)
+  ]));
+}
+const EmptyFileIcon = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$3]]);
+const _sfc_main$h = {};
+const _hoisted_1$c = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$c, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M14 18C14 18.5304 13.7893 19.0391 13.4142 19.4142C13.0391 19.7893 12.5304 20 12 20C11.4696 20 10.9609 19.7893 10.5858 19.4142C10.2107 19.0391 10 18.5304 10 18C10 17.4696 10.2107 16.9609 10.5858 16.5858C10.9609 16.2107 11.4696 16 12 16C12.5304 16 13.0391 16.2107 13.4142 16.5858C13.7893 16.9609 14 17.4696 14 18ZM14 12C14 12.5304 13.7893 13.0391 13.4142 13.4142C13.0391 13.7893 12.5304 14 12 14C11.4696 14 10.9609 13.7893 10.5858 13.4142C10.2107 13.0391 10 12.5304 10 12C10 11.4696 10.2107 10.9609 10.5858 10.5858C10.9609 10.2107 11.4696 10 12 10C12.5304 10 13.0391 10.2107 13.4142 10.5858C13.7893 10.9609 14 11.4696 14 12ZM12 8C12.5304 8 13.0391 7.78929 13.4142 7.41421C13.7893 7.03914 14 6.53043 14 6C14 5.46957 13.7893 4.96086 13.4142 4.58579C13.0391 4.21071 12.5304 4 12 4C11.4696 4 10.9609 4.21071 10.5858 4.58579C10.2107 4.96086 10 5.46957 10 6C10 6.53043 10.2107 7.03914 10.5858 7.41421C10.9609 7.78929 11.4696 8 12 8Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const MoreIcon = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$2]]);
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "VTabs",
+  __name: "VButton",
+  props: {
+    component: {},
+    disabled: { type: Boolean },
+    flat: { type: Boolean },
+    outline: { type: Boolean },
+    large: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.component ?? "button"), {
+        class: normalizeClass(["v-button", { disabled: _ctx.disabled, flat: _ctx.flat, outline: _ctx.outline, large: _ctx.large }])
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+const useContextMenu = (creator) => {
+  let target = null;
+  const props = reactive({
+    items: [],
+    open: false,
+    anchorPosition: { x: 0, y: 0 },
+    "onUpdate:open": (value) => {
+      if (value === false && target !== null) {
+        target.removeAttribute("data-popover-target");
+        target = null;
+      }
+      props.open = value;
+    }
+  });
+  const open = (e, ...args) => {
+    e.preventDefault();
+    props.items = creator(...args);
+    props.anchorPosition = { x: e.clientX, y: e.clientY };
+    props.open = true;
+    if (target !== null) {
+      target.removeAttribute("data-popover-target");
+      target = null;
+    }
+    target = e.currentTarget;
+    target.setAttribute("data-popover-target", "true");
+  };
+  return {
+    props,
+    open
+  };
+};
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "VContextMenu",
   props: {
-    items: {},
-    modelValue: {}
+    open: { type: Boolean },
+    placement: {},
+    anchorPosition: {},
+    offset: {},
+    items: { type: [Array, Function] }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:open"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const activatorElement = ref();
     const emit = __emit;
-    const model = useVModel(props, "modelValue", emit, { passive: true });
-    watch(() => props.items, (items) => {
-      if ((model.value === void 0 || model.value === null) && items.length > 0) {
-        model.value = items[0].id;
+    const open = useVModel(props, "open", emit, { passive: true });
+    const items = shallowRef([]);
+    watch(open, (open2) => {
+      if (!open2) return;
+      const _items = typeof props.items === "function" ? props.items() : props.items;
+      items.value = _items.filter((item) => !!item);
+    });
+    const activatorProps = {
+      onClick: (e) => {
+        open.value = true;
+        activatorElement.value = e.currentTarget;
       }
-    }, { immediate: true });
-    const tabsRef = ref();
-    const markerStyle = ref({});
-    const placeMarker = () => {
-      const id = model.value;
-      if (!tabsRef.value) return;
-      const index = props.items.findIndex((item) => item.id === id);
-      if (index < 0) {
-        markerStyle.value = { width: "0px" };
-        return;
+    };
+    const onItemClick = (item) => {
+      var _a, _b;
+      if (item.onClick) {
+        item.onClick();
+        open.value = false;
       }
-      const child = tabsRef.value.children[index];
-      const p = 8;
-      markerStyle.value = { left: child.offsetLeft + p + "px", width: child.clientWidth - p * 2 + "px" };
-      for (let child2 of tabsRef.value.children) {
-        const item = child2;
-        item.style.left = item.offsetLeft + "px";
+      if (((_a = item.props) == null ? void 0 : _a.to) || ((_b = item.props) == null ? void 0 : _b.href)) {
+        open.value = false;
       }
     };
-    onMounted(() => {
-      placeMarker();
-    });
-    watch(() => props.items, () => {
-      placeMarker();
-    }, { deep: true, flush: "post" });
-    watch(model, placeMarker, { flush: "post" });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "tabsRef",
-        ref: tabsRef,
-        class: "v-tabs"
-      }, [
-        createVNode(TransitionGroup, null, {
+      return openBlock(), createElementBlock(Fragment, null, [
+        renderSlot(_ctx.$slots, "activator", { props: activatorProps }),
+        createVNode(_sfc_main$o, {
+          open: unref(open),
+          "onUpdate:open": _cache[0] || (_cache[0] = ($event) => isRef(open) ? open.value = $event : null),
+          element: activatorElement.value,
+          anchorPosition: props.anchorPosition,
+          placement: props.placement ?? "bottom-start",
+          offset: _ctx.offset,
+          class: "v-context-menu"
+        }, {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item) => {
-              return openBlock(), createElementBlock("button", {
-                key: item.id,
-                class: normalizeClass(["v-tabs__tab", { active: unref(model) === item.id }]),
-                onClick: ($event) => model.value = item.id
-              }, toDisplayString(item.title), 11, _hoisted_1$e);
-            }), 128))
+            (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
+              return openBlock(), createBlock(_sfc_main$g, mergeProps({ ref_for: true }, item.props, {
+                class: "v-context-menu__item",
+                onClick: ($event) => onItemClick(item)
+              }), {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(item.title), 1)
+                ]),
+                _: 2
+              }, 1040, ["onClick"]);
+            }), 256))
           ]),
           _: 1
-        }),
-        createElementVNode("div", {
-          class: "v-tabs__marker",
-          style: normalizeStyle(markerStyle.value)
-        }, null, 4)
-      ], 512);
+        }, 8, ["open", "element", "anchorPosition", "placement", "offset"])
+      ], 64);
     };
   }
 });
-const _hoisted_1$d = { class: "v-tabs-pages" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  __name: "VTabsPages",
-  props: {
-    page: {},
-    "page:class": {}
-  },
+const createDialogSystem = () => {
+  return {
+    install: (app) => {
+      const dialogHistory = shallowReactive([]);
+      const open = (dialog2, props) => {
+        dialogHistory.push({ dialog: dialog2, props });
+      };
+      const close = () => {
+        dialogHistory.length = 0;
+      };
+      const back = () => {
+        if (dialogHistory.length === 0) return;
+        dialogHistory.pop();
+      };
+      const dialog = computed(() => {
+        if (dialogHistory.length === 0) return { dialog: null, props: {} };
+        return dialogHistory[dialogHistory.length - 1];
+      });
+      const isOpen = computed(() => dialogHistory.length > 0);
+      app.provide("dialogStore", { open, close, back, dialogHistory, dialog, isOpen });
+    }
+  };
+};
+const useDialog = () => inject("dialogStore");
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "VDialogProvider",
   setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const transitionClass = ref("slide-right");
-    watch(() => props.page, (value, lastValue) => {
-      const keys = Object.keys(slots);
-      if (keys.indexOf(value) > keys.indexOf(lastValue)) {
-        transitionClass.value = "slide-left";
+    const dialogStore = inject("dialogStore");
+    let mouseDown = false;
+    const onMouseDown = (e) => {
+      mouseDown = e.target === e.currentTarget;
+    };
+    const onMouseUp = (e) => {
+      if (!mouseDown || e.target !== e.currentTarget) {
+        mouseDown = false;
+        return;
+      }
+      dialogStore.back();
+    };
+    useKeyDownLayer("Escape", dialogStore.isOpen, () => {
+      dialogStore.back();
+    });
+    watch(dialogStore.isOpen, (isOpen) => {
+      var _a, _b;
+      if (isOpen) {
+        const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+        document.body.style.overflowY = "hidden";
+        document.body.style.paddingRight = scrollbarWidth + "px";
+        (_a = document.getElementById("app")) == null ? void 0 : _a.setAttribute("inert", "");
       } else {
-        transitionClass.value = "slide-right";
+        document.body.style.paddingRight = "";
+        document.body.style.overflowY = "auto";
+        (_b = document.getElementById("app")) == null ? void 0 : _b.removeAttribute("inert");
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
-        createVNode(Transition, { name: transitionClass.value }, {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, null, {
           default: withCtx(() => [
-            (openBlock(), createElementBlock("div", {
-              key: props.page,
-              class: normalizeClass(["v-tabs-pages__page", props["page:class"]])
+            unref(dialogStore).isOpen.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "v-dialog-backdrop",
+              onMousedown: onMouseDown,
+              onMouseup: onMouseUp
             }, [
-              renderSlot(_ctx.$slots, props.page)
-            ], 2))
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dialogStore).dialogHistory, (dialog, index) => {
+                return withDirectives((openBlock(), createBlock(resolveDynamicComponent(dialog.dialog), mergeProps({
+                  class: "bd-scale scroll",
+                  role: "dialog",
+                  ref_for: true
+                }, dialog.props), null, 16)), [
+                  [vShow, index === unref(dialogStore).dialogHistory.length - 1]
+                ]);
+              }), 256))
+            ], 32)) : createCommentVNode("", true)
           ]),
-          _: 3
-        }, 8, ["name"])
+          _: 1
+        })
       ]);
     };
   }
 });
-const _hoisted_1$c = {
-  key: 0,
-  class: "v-form-control__label"
+const _hoisted_1$b = {
+  class: "v-dialog scroll editor-component",
+  role: "dialog"
 };
-const _hoisted_2$3 = {
+const _hoisted_2$5 = {
   key: 0,
-  class: "v-form-control__required-marker"
+  class: "v-dialog__header heading"
 };
 const _hoisted_3$3 = {
   key: 1,
-  class: "v-form-control__outline"
-};
-const _hoisted_4$3 = {
-  key: 3,
-  class: "v-form-control__actions"
-};
-const _hoisted_5$1 = {
-  key: 0,
-  class: "v-form-control__error"
+  class: "v-dialog__actions"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "VFormControl",
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "VDialog",
   props: {
-    error: {},
-    label: {},
-    required: { type: Boolean },
-    disabled: { type: Boolean },
-    outline: { type: Boolean }
+    "content:class": {}
   },
   setup(__props) {
+    const slots = useSlots();
     const props = __props;
-    const error = computed(() => {
-      if (!props.error) return "";
-      const code = props.error["code"];
-      if (code) {
-        return props.error.message ?? "";
-      }
-      return props.error.message ?? "Произошла ошибка";
-    });
+    const dialog = useDialog();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["v-form-control", { error: !!props.error, disabled: props.disabled }])
-      }, [
-        !!props.label ? (openBlock(), createElementBlock("label", _hoisted_1$c, [
-          createTextVNode(toDisplayString(props.label), 1),
-          props.required ? (openBlock(), createElementBlock("span", _hoisted_2$3, "*")) : createCommentVNode("", true)
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        unref(slots).header ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+          renderSlot(_ctx.$slots, "header"),
+          createVNode(VIconButton, {
+            class: "close-icon",
+            onClick: unref(dialog).close
+          }, {
+            default: withCtx(() => [
+              createVNode(CloseMinIcon)
+            ]),
+            _: 1
+          }, 8, ["onClick"])
         ])) : createCommentVNode("", true),
-        props.outline ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+        createElementVNode("div", {
+          class: normalizeClass(["v-dialog__content", [props["content:class"], unref(slots).actions ? "" : "bottom-padding"]])
+        }, [
           renderSlot(_ctx.$slots, "default")
-        ])) : renderSlot(_ctx.$slots, "default", { key: 2 }),
-        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+        ], 2),
+        unref(slots).actions ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
           renderSlot(_ctx.$slots, "actions")
-        ])) : createCommentVNode("", true),
-        createVNode(Transition, null, {
-          default: withCtx(() => [
-            !!props.error ? (openBlock(), createElementBlock("div", _hoisted_5$1, toDisplayString(error.value), 1)) : createCommentVNode("", true)
-          ]),
-          _: 1
-        })
-      ], 2);
+        ])) : createCommentVNode("", true)
+      ]);
     };
   }
 });
-const _hoisted_1$b = {
+const _hoisted_1$a = {
   key: 0,
-  class: "v-input__start-adornment"
+  class: "project-images__grid"
 };
-const _hoisted_2$2 = ["placeholder", "rows", "name"];
-const _hoisted_3$2 = ["placeholder", "type", "name"];
-const _hoisted_4$2 = {
-  key: 3,
-  class: "v-input__max-length"
+const _hoisted_2$4 = ["onClick"];
+const _hoisted_3$2 = ["src"];
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "ProjectImagesDialog",
+  props: {
+    fileRequest: { type: Function },
+    onOpenImage: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const { data } = useRequest(props.fileRequest);
+    const dialog = useDialog();
+    const openImage = (item) => {
+      props.onOpenImage(item);
+      dialog.back();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$d, { style: { "width": "900px" } }, {
+        header: withCtx(() => _cache[0] || (_cache[0] = [
+          createTextVNode("Изображения проекта")
+        ])),
+        default: withCtx(() => [
+          unref(data) ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(data), (item) => {
+              return openBlock(), createElementBlock("button", {
+                onClick: ($event) => openImage(item)
+              }, [
+                createElementVNode("img", {
+                  src: item.previewSrc ?? item.src
+                }, null, 8, _hoisted_3$2)
+              ], 8, _hoisted_2$4);
+            }), 256))
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const _hoisted_1$9 = {
+  key: 0,
+  class: "v-image-uploader__drag-label"
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "VInput",
+const _hoisted_2$3 = { class: "v-image-uploader__image-preview" };
+const _hoisted_3$1 = ["src"];
+const _hoisted_4 = { class: "v-image-uploader__image-info" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "VImageUploader",
   props: {
+    accept: {},
+    schema: {},
     modelValue: {},
-    multiline: { type: Boolean },
-    autofocus: { type: Boolean },
-    rows: {},
-    placeholder: {},
-    type: {},
-    name: {},
-    large: { type: Boolean },
-    maxLength: {},
-    validator: { type: Function },
     error: {},
     label: {},
     required: { type: Boolean },
     disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const parse = (value) => {
-      if (props.validator) {
-        return props.validator(value);
-      }
-      if (props.type === "number") {
-        const val = parseFloat(value);
-        if (isNaN(val)) return null;
-        return val;
-      }
-      if (props.type === "integer") {
-        const val = parseInt(value);
-        if (isNaN(val)) return null;
-        return val;
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const fileUploader = inject("fileUploader");
+    const fileRequest = inject("fileRequest", null);
+    const addFile = async (file) => {
+      emit("update:modelValue", { src: URL.createObjectURL(file), file, name: file.name });
+      if (fileUploader) {
+        const resp = await fileUploader(file);
+        emit("update:modelValue", { src: resp.src, previewSrc: resp.previewSrc, name: resp.name });
       }
-      return value;
     };
-    let lastValue = "";
-    const model = ref("");
-    watch(() => props.modelValue, (value) => {
-      if (value === lastValue) return;
-      model.value = (value ?? "").toString();
-    }, { immediate: true });
-    watch(() => model.value, (modelValue) => {
-      const val = parse(modelValue);
-      lastValue = val;
-      emit("update:modelValue", val);
-    });
-    const error = computed(() => {
-      if ((props.type === "number" || props.type === "integer") && model.value && props.modelValue === null) {
-        return { message: "Введите числовое значение" };
+    const drag = ref(false);
+    const onDragOver = (e) => {
+      var _a, _b, _c;
+      if ((_c = (_b = (_a = e.dataTransfer) == null ? void 0 : _a.types) == null ? void 0 : _b[0]) == null ? void 0 : _c.startsWith("text")) return;
+      e.preventDefault();
+      drag.value = true;
+    };
+    const onDragLeave = (e) => {
+      var _a;
+      if (e.relatedTarget === e.currentTarget || ((_a = e.relatedTarget) == null ? void 0 : _a.parentElement) === e.currentTarget) return;
+      drag.value = false;
+    };
+    const onDrop = (e) => {
+      e.preventDefault();
+      drag.value = false;
+      for (const item of e.dataTransfer.items) {
+        if (item.kind !== "file") continue;
+        const file = item.getAsFile();
+        if (!file) continue;
+        addFile(file);
       }
-      return props.error;
-    });
-    const inputType = computed(() => {
-      if (props.type !== "phone" && props.type !== "number" && props.type !== "integer") return props.type;
-      return void 0;
+    };
+    const fileDialog = useFileDialog({
+      accept: props.accept ?? "image/*",
+      multiple: false
     });
-    const inputRef = ref();
-    onMounted(() => {
-      var _a;
-      if (props.autofocus || props.error) {
-        (_a = inputRef.value) == null ? void 0 : _a.focus();
+    fileDialog.onChange((files) => {
+      if (!files || files.length === 0) return;
+      for (const file of files) {
+        addFile(file);
       }
+      fileDialog.reset();
     });
-    if (props.multiline) {
-      useTextareaAutosize({ element: inputRef, input: model });
+    const removeImage = () => {
+      emit("update:modelValue", getDefaultValue(props.schema));
+    };
+    const dialog = useDialog();
+    const contextMenuItems = [];
+    const onOpenImage = (image) => {
+      emit("update:modelValue", image);
+    };
+    if (fileRequest) {
+      contextMenuItems.push({ title: "Выбрать из файлов проекта", onClick: () => dialog.open(_sfc_main$c, { fileRequest, onOpenImage }) });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$e, {
-        class: normalizeClass(["v-input", { large: _ctx.large, multiline: _ctx.multiline }]),
-        error: error.value,
+      return openBlock(), createBlock(_sfc_main$v, {
+        class: normalizeClass(["v-image-uploader", { drag: drag.value }]),
+        error: _ctx.error,
         label: _ctx.label,
         required: _ctx.required,
         disabled: _ctx.disabled,
-        outline: ""
-      }, createSlots({
+        outline: "",
+        onDrop,
+        onDragover: onDragOver,
+        onDragleave: onDragLeave
+      }, {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "start-adornment"),
-          _ctx.type === "phone" ? (openBlock(), createElementBlock("div", _hoisted_1$b, "+7")) : createCommentVNode("", true),
-          props.multiline ? withDirectives((openBlock(), createElementBlock("textarea", {
-            key: 1,
-            ref_key: "inputRef",
-            ref: inputRef,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-            placeholder: props.placeholder,
-            rows: props.rows,
-            class: "scroll",
-            name: props.name
-          }, null, 8, _hoisted_2$2)), [
-            [vModelText, model.value]
-          ]) : withDirectives((openBlock(), createElementBlock("input", {
-            key: 2,
-            ref_key: "inputRef",
-            ref: inputRef,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => model.value = $event),
-            placeholder: props.placeholder,
-            type: inputType.value,
-            name: props.name
-          }, null, 8, _hoisted_3$2)), [
-            [vModelDynamic, model.value]
-          ]),
-          props.maxLength ? (openBlock(), createElementBlock("div", _hoisted_4$2, toDisplayString(model.value.length) + " / " + toDisplayString(props.maxLength), 1)) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "end-adornment")
+          drag.value ? (openBlock(), createElementBlock("div", _hoisted_1$9, "Отпустите файл здесь")) : !props.modelValue || props.modelValue.src === unref(defaultImageSrc) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createVNode(EmptyFileIcon),
+            createElementVNode("div", null, [
+              createElementVNode("a", {
+                onClick: _cache[0] || (_cache[0] = ($event) => unref(fileDialog).open())
+              }, "Загрузите изображение"),
+              _cache[1] || (_cache[1] = createElementVNode("br", null, null, -1)),
+              _cache[2] || (_cache[2] = createTextVNode("или перетащите сюда ")),
+              contextMenuItems.length > 0 ? (openBlock(), createBlock(_sfc_main$f, {
+                key: 0,
+                items: contextMenuItems,
+                placement: "bottom-end"
+              }, {
+                activator: withCtx(({ props: props2 }) => [
+                  createVNode(VIconButton, mergeProps(props2, { class: "v-image-uploader__more-button" }), {
+                    default: withCtx(() => [
+                      createVNode(MoreIcon)
+                    ]),
+                    _: 2
+                  }, 1040)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ])
+          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+            createElementVNode("div", _hoisted_2$3, [
+              createElementVNode("img", {
+                src: props.modelValue.previewSrc ?? props.modelValue.src,
+                alt: "Preview Image"
+              }, null, 8, _hoisted_3$1),
+              createVNode(VIconButton, {
+                class: "v-image-uploader__delete-button",
+                onClick: removeImage
+              }, {
+                default: withCtx(() => [
+                  createVNode(CloseMinIcon)
+                ]),
+                _: 1
+              })
+            ]),
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", null, toDisplayString(props.modelValue.name), 1)
+            ])
+          ], 64))
         ]),
-        _: 2
-      }, [
-        _ctx.$slots.actions ? {
-          name: "actions",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "actions")
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["error", "label", "required", "disabled", "class"]);
+        _: 1
+      }, 8, ["class", "error", "label", "required", "disabled"]);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _sfc_main$c = {};
-const _hoisted_1$a = {
-  width: "20",
-  height: "20",
-  viewBox: "0 0 20 20",
+const _sfc_main$a = {};
+const _hoisted_1$8 = {
+  width: "18",
+  height: "18",
+  viewBox: "0 0 18 18",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$a, _cache[0] || (_cache[0] = [
+function _sfc_render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      "fill-rule": "evenodd",
-      "clip-rule": "evenodd",
-      d: "M7.5001 14.1665C7.50013 14.3313 7.54902 14.4924 7.64059 14.6294C7.73217 14.7664 7.8623 14.8732 8.01455 14.9362C8.1668 14.9993 8.33433 15.0158 8.49596 14.9836C8.65758 14.9515 8.80605 14.8722 8.9226 14.7557L13.0893 10.589C13.2455 10.4327 13.3333 10.2208 13.3333 9.99982C13.3333 9.77885 13.2455 9.56693 13.0893 9.41066L8.9226 5.24399C8.80605 5.12748 8.65758 5.04814 8.49596 5.016C8.33433 4.98386 8.1668 5.00037 8.01455 5.06342C7.8623 5.12648 7.73217 5.23327 7.6406 5.37027C7.54902 5.50728 7.50013 5.66836 7.5001 5.83316L7.5001 14.1665Z",
+      d: "M14.0326 5.40749C13.9629 5.33719 13.8799 5.28139 13.7885 5.24332C13.6971 5.20524 13.5991 5.18564 13.5001 5.18564C13.4011 5.18564 13.303 5.20524 13.2117 5.24332C13.1203 5.28139 13.0373 5.33719 12.9676 5.40749L7.38008 11.0025L5.03258 8.64749C4.96019 8.57756 4.87474 8.52257 4.7811 8.48567C4.68745 8.44877 4.58746 8.43067 4.48683 8.43241C4.38619 8.43415 4.28688 8.4557 4.19457 8.49582C4.10227 8.53594 4.01876 8.59385 3.94883 8.66624C3.87891 8.73863 3.82392 8.82408 3.78702 8.91773C3.75011 9.01137 3.73202 9.11136 3.73376 9.212C3.7355 9.31263 3.75704 9.41194 3.79716 9.50425C3.83728 9.59656 3.89519 9.68006 3.96758 9.74999L6.84758 12.63C6.91731 12.7003 7.00026 12.7561 7.09165 12.7942C7.18305 12.8322 7.28108 12.8518 7.38008 12.8518C7.47909 12.8518 7.57712 12.8322 7.66852 12.7942C7.75991 12.7561 7.84286 12.7003 7.91258 12.63L14.0326 6.50999C14.1087 6.43976 14.1695 6.35452 14.211 6.25964C14.2526 6.16477 14.274 6.06231 14.274 5.95874C14.274 5.85516 14.2526 5.75271 14.211 5.65783C14.1695 5.56296 14.1087 5.47772 14.0326 5.40749Z",
       fill: "currentColor"
     }, null, -1)
   ]));
 }
-const CollapseArrowIcon = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$5]]);
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  __name: "VCollapse",
-  props: {
-    open: { type: Boolean },
+const CheckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$1]]);
+const _hoisted_1$7 = {
+  key: 0,
+  class: "v-checkbox__label left"
+};
+const _hoisted_2$2 = ["name"];
+const _hoisted_3 = {
+  key: 1,
+  class: "v-checkbox__label"
+};
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "VCheckbox",
+  props: /* @__PURE__ */ mergeModels({
     label: {},
-    withPadding: { type: Boolean }
-  },
-  emits: ["update:open"],
-  setup(__props, { emit: __emit }) {
+    name: {},
+    labelPosition: {}
+  }, {
+    "modelValue": { type: Boolean },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
-    const height = ref(0);
-    const open = ref(props.open ?? false);
-    const transition = ref(false);
-    const innerRef = ref();
-    let hideTimeout = null;
-    const setOpen = async (value) => {
-      open.value = value;
-      if (hideTimeout !== null) {
-        clearTimeout(hideTimeout);
-        hideTimeout = null;
-      }
-      if (open.value === false && innerRef.value) {
-        height.value = innerRef.value.clientHeight;
-      }
-      transition.value = true;
-      await nextTick();
-      await new Promise((res) => requestAnimationFrame(res));
-      if (open.value) {
-        height.value = innerRef.value.clientHeight;
-      } else {
-        height.value = 0;
-      }
-      hideTimeout = setTimeout(() => {
-        transition.value = false;
-      }, 200);
-      setTimeout(() => mouseMove = true, 0);
-      emit("update:open", open.value);
-    };
-    const onClick = async () => {
-      setOpen(!open.value);
+    const model = useModel(__props, "modelValue");
+    const onClick = (e) => {
+      var _a;
+      if (e instanceof KeyboardEvent && e.code !== "Enter") return;
+      (_a = e.currentTarget.querySelector("input")) == null ? void 0 : _a.click();
     };
-    watch(() => props.open, (value) => {
-      if (typeof value !== "boolean" || open.value === value) return;
-      setOpen(value);
+    const slots = useSlots();
+    const labelPosition = computed(() => {
+      if (!props.label && !slots.label) return "none";
+      if (props.labelPosition === "left") return "left";
+      return "right";
     });
-    let mouseMove = false;
-    useEventListener("mousedown", () => mouseMove = false);
-    const onMouseEnter = (e) => {
-      if (e.buttons > 0 && !mouseMove && !document.body.classList.contains("mousedrag")) {
-        mouseMove = true;
-        onClick();
-      }
-    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["v-collapse", { open: open.value }])
+        class: normalizeClass(["v-checkbox", { active: model.value }]),
+        role: "checkbox",
+        onClick,
+        onKeydown: onClick
       }, [
-        renderSlot(_ctx.$slots, "activator", {
-          props: { onClick, open: open.value }
-        }, () => [
-          createElementVNode("div", {
-            class: normalizeClass(["v-collapse__activator", { open: open.value }]),
-            onMousedown: onClick,
-            onMouseenter: onMouseEnter
-          }, [
-            createVNode(CollapseArrowIcon),
-            createElementVNode("div", null, toDisplayString(props.label), 1)
-          ], 34)
-        ]),
+        labelPosition.value === "left" ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
+          renderSlot(_ctx.$slots, "label", {}, () => [
+            createTextVNode(toDisplayString(props.label), 1)
+          ])
+        ])) : createCommentVNode("", true),
         createElementVNode("div", {
-          class: normalizeClass(["v-collapse__content", { "v-transition": transition.value, withPadding: props.withPadding }]),
-          style: normalizeStyle(transition.value ? { height: `${height.value}px` } : void 0)
+          class: normalizeClass(["v-checkbox__icon", { active: model.value }])
         }, [
-          transition.value || open.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            ref_key: "innerRef",
-            ref: innerRef,
-            class: "v-collapse__content-inner"
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 512)) : createCommentVNode("", true)
-        ], 6)
-      ], 2);
+          createVNode(CheckIcon)
+        ], 2),
+        withDirectives(createElementVNode("input", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+          type: "checkbox",
+          name: props.name
+        }, null, 8, _hoisted_2$2), [
+          [vModelCheckbox, model.value]
+        ]),
+        labelPosition.value === "right" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "label", {}, () => [
+            createTextVNode(toDisplayString(props.label), 1)
+          ])
+        ])) : createCommentVNode("", true)
+      ], 34);
     };
   }
 });
-const _sfc_main$a = {};
-const _hoisted_1$9 = {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
+const getBlockName = (path) => {
+  if (!path) return void 0;
+  const str = path.split("/").at(-1);
+  return (str == null ? void 0 : str.split(".", 1)[0].replace(/([A-Z])/g, " $1").trimStart()) ?? "Unnamed block";
+};
+const capitalize = (text) => {
+  return text[0].toUpperCase() + text.slice(1);
+};
+const spaceCamelCase = (str) => {
+  return capitalize(str.replace(/([A-Z])/g, " $1").trimStart());
+};
+const _sfc_main$8 = {};
+const _hoisted_1$6 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$9, _cache[0] || (_cache[0] = [
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      d: "M14.364 5.293C14.1764 5.10553 13.9221 5.00021 13.657 5.00021C13.3918 5.00021 13.1375 5.10553 12.95 5.293L7.99995 10.243L3.04995 5.293C2.86135 5.11084 2.60875 5.01005 2.34655 5.01232C2.08435 5.0146 1.83354 5.11977 1.64813 5.30518C1.46272 5.49059 1.35756 5.7414 1.35528 6.0036C1.353 6.26579 1.45379 6.5184 1.63595 6.707L7.29295 12.364C7.48048 12.5515 7.73479 12.6568 7.99995 12.6568C8.26512 12.6568 8.51942 12.5515 8.70695 12.364L14.364 6.707C14.5514 6.51947 14.6567 6.26516 14.6567 6C14.6567 5.73483 14.5514 5.48053 14.364 5.293Z",
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M13.8961 3.02922C14.25 2.67528 14.7238 2.4669 15.2238 2.44523C15.7239 2.42357 16.2139 2.5902 16.5971 2.91222L16.7241 3.02922L20.9671 7.27222C21.3208 7.62608 21.529 8.09964 21.5506 8.59947C21.5723 9.0993 21.4058 9.5891 21.0841 9.97222L20.9671 10.1002L10.6531 20.4142C10.3211 20.7462 9.88282 20.9509 9.41509 20.9922L9.23909 20.9992H4.00609C3.75727 20.9992 3.5172 20.9074 3.33192 20.7413C3.14664 20.5752 3.02919 20.3466 3.00209 20.0992L2.99609 19.9892V14.7562C2.99621 14.2867 3.16153 13.8321 3.46309 13.4722L3.58309 13.3422L13.8961 3.02922ZM12.1701 7.58322L4.99609 14.7572V18.9992H9.24009L16.4141 11.8252L12.1711 7.58222L12.1701 7.58322ZM15.3101 4.44322L13.5841 6.16922L17.8271 10.4122L19.5531 8.68622L15.3101 4.44322Z",
       fill: "currentColor"
     }, null, -1)
   ]));
 }
-const ArrowDownIcon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$4]]);
-const _hoisted_1$8 = { key: 0 };
-const _hoisted_2$1 = {
-  key: 1,
-  class: "v-select__placeholder"
-};
-const _hoisted_3$1 = { class: "v-select__menu" };
-const _hoisted_4$1 = {
-  key: 0,
-  class: "group-title"
-};
-const _hoisted_5 = ["onClick"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "VSelect",
-  props: {
-    items: {},
-    modelValue: {},
-    placeholder: {},
-    nullable: { type: Boolean },
-    error: {},
-    label: {},
-    required: { type: Boolean },
-    disabled: { type: Boolean }
-  },
+const EditIcon = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render]]);
+const _hoisted_1$5 = { class: "v-link-editor__custom" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "VLinkEditor",
+  props: /* @__PURE__ */ mergeModels({
+    nullable: { type: Boolean }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
   emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
-    const model = useVModel(props, "modelValue", emit, { passive: true, defaultValue: null });
-    const currentItem = computed(() => {
-      if (model.value === null) return null;
-      return props.items.find((item) => typeof item !== "string" && item.id === model.value) ?? null;
+    const model = useModel(__props, "modelValue");
+    const pagesRequest = inject("pagesRequest");
+    const { data } = useRequest(pagesRequest);
+    const linkType = ref();
+    if (model.value && model.value.id) {
+      linkType.value = model.value.id;
+    }
+    const current = getCurrentInstance();
+    watch(linkType, (type) => {
+      if (type === "_external") return;
+      if (type === null) {
+        if (props.nullable) {
+          model.value = null;
+        } else {
+          model.value = { id: "", title: "" };
+        }
+        return;
+      }
+      if (type === "_externalNew") {
+        model.value = { id: "_external", url: "", title: "" };
+        nextTick(() => {
+          const editButton = (current == null ? void 0 : current.vnode.el).querySelector(".edit-button");
+          editButton == null ? void 0 : editButton.dispatchEvent(new MouseEvent("mousedown"));
+          linkType.value = "_external";
+        });
+      } else {
+        const page = data.value.find((item) => item.id === type);
+        model.value = { ...page };
+      }
     });
-    const items = computed(() => {
-      return props.items;
+    const linkTypes = computed(() => {
+      const arr = [
+        { id: "_externalNew", title: "Внешняя страница..." }
+      ];
+      if (model.value && model.value.id === "_external") {
+        arr.push({ id: "_external", title: model.value.title ? `${model.value.title} [${model.value.url}]` : model.value.url || "Внешняя страница" });
+      }
+      if (data.value) {
+        arr.push("");
+        arr.push(...data.value);
+      }
+      return arr;
     });
-    const opened = ref(false);
-    const onItemClick = (item) => {
-      model.value = item.id;
-      opened.value = false;
-    };
-    const resetValue = () => {
-      model.value = null;
-      opened.value = false;
-    };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$e, {
-        outline: "",
-        class: "v-select",
-        label: props.label,
-        error: props.error,
-        disabled: props.disabled,
-        required: props.required
+      return openBlock(), createBlock(_sfc_main$k, {
+        class: "v-link-editor",
+        modelValue: linkType.value,
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => linkType.value = $event),
+        items: linkTypes.value,
+        nullable: props.nullable
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$l, {
-            open: opened.value,
-            "onUpdate:open": _cache[0] || (_cache[0] = ($event) => opened.value = $event),
-            placement: "bottom",
-            "fit-anchor": "",
-            offset: 8
+          model.value && model.value.id ? (openBlock(), createBlock(_sfc_main$o, {
+            key: 0,
+            offset: 4,
+            placement: "bottom-end"
           }, {
-            activator: withCtx(({ props: activatorProps }) => [
-              createElementVNode("button", mergeProps({
-                class: ["v-select__activator", { opened: opened.value }]
-              }, activatorProps), [
-                currentItem.value ? (openBlock(), createElementBlock("div", _hoisted_1$8, toDisplayString(currentItem.value.title), 1)) : (openBlock(), createElementBlock("div", _hoisted_2$1, toDisplayString(props.placeholder ?? "Выберите значение"), 1)),
-                createVNode(ArrowDownIcon)
-              ], 16)
-            ]),
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$1, [
-                props.nullable ? (openBlock(), createElementBlock("button", {
-                  key: 0,
-                  class: "nullable-item",
-                  onClick: resetValue
-                }, " Пустое значение ")) : createCommentVNode("", true),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
-                  return openBlock(), createElementBlock(Fragment, null, [
-                    typeof item === "string" ? (openBlock(), createElementBlock("div", _hoisted_4$1, toDisplayString(item), 1)) : (openBlock(), createElementBlock("button", {
-                      key: 1,
-                      onClick: ($event) => onItemClick(item)
-                    }, [
-                      renderSlot(_ctx.$slots, "item", { item }, () => [
-                        createTextVNode(toDisplayString(item.title), 1)
-                      ])
-                    ], 8, _hoisted_5))
-                  ], 64);
-                }), 256))
-              ])
+            activator: withCtx(({ props: props2 }) => [
+              createVNode(VIconButton, mergeProps(props2, { class: "edit-button" }), {
+                default: withCtx(() => [
+                  createVNode(EditIcon)
+                ]),
+                _: 2
+              }, 1040)
             ]),
-            _: 3
-          }, 8, ["open"])
+            default: withCtx(() => {
+              var _a;
+              return [
+                createElementVNode("div", _hoisted_1$5, [
+                  model.value.id === "_external" ? (openBlock(), createBlock(_sfc_main$u, {
+                    key: 0,
+                    modelValue: model.value.url,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value.url = $event),
+                    label: "URL ссылки",
+                    autofocus: ""
+                  }, null, 8, ["modelValue"])) : createCommentVNode("", true),
+                  model.value.id !== "_external" ? (openBlock(), createBlock(_sfc_main$u, {
+                    key: 1,
+                    modelValue: model.value.query,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => model.value.query = $event),
+                    label: "Якорь",
+                    prefix: (_a = model.value) == null ? void 0 : _a.url
+                  }, null, 8, ["modelValue", "prefix"])) : createCommentVNode("", true),
+                  createVNode(_sfc_main$u, {
+                    modelValue: model.value.title,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => model.value.title = $event),
+                    label: "Заголовок"
+                  }, null, 8, ["modelValue"]),
+                  createVNode(_sfc_main$9, {
+                    modelValue: model.value.openNewTab,
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => model.value.openNewTab = $event),
+                    label: "Открывать в новой вкладке"
+                  }, null, 8, ["modelValue"])
+                ])
+              ];
+            }),
+            _: 1
+          })) : createCommentVNode("", true)
         ]),
-        _: 3
-      }, 8, ["label", "error", "disabled", "required"]);
+        _: 1
+      }, 8, ["modelValue", "items", "nullable"]);
     };
   }
 });
-const _hoisted_1$7 = { class: "json-editor__array" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "JsonEditorArray",
-  props: {
-    label: {},
+const _hoisted_1$4 = {
+  key: 2,
+  class: "json-editor__object"
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "JsonEditor",
+  props: /* @__PURE__ */ mergeModels({
     schema: {},
-    modelValue: {},
-    expanded: { type: Boolean }
-  },
+    name: {},
+    flat: { type: Boolean },
+    expanded: { type: Boolean },
+    nullable: { type: Boolean }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
   emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    var _a;
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
-    const childExpanded = ((_a = props.schema.items) == null ? void 0 : _a.type) === "object" && Object.keys(props.schema.items.properties).length < 2;
-    const length = ref(0);
-    const tempArray = ref([]);
-    if (props.schema.type === "array" && props.modelValue) {
-      length.value = props.modelValue.length ?? 0;
-      tempArray.value = [...props.modelValue];
-    }
-    watch(tempArray, () => {
-      var _a2;
-      if (((_a2 = props.schema.items) == null ? void 0 : _a2.type) === "object" && props.modelValue[0] === tempArray.value[0]) return;
-      emit("update:modelValue", tempArray.value.slice(0, length.value));
-    }, { deep: true });
-    watch(length, (length2) => {
-      for (let i = tempArray.value.length; i < length2; i++) {
-        tempArray.value[i] = props.schema.items ? getDefaultValue(props.schema.items) : null;
+    const childExpanded = props.schema.type === "object" && Object.keys(props.schema.properties).length < 2;
+    const vModel = useModel(__props, "modelValue");
+    if (vModel.value !== null && vModel.value !== void 0) {
+      if (props.schema.type === "object" && typeof vModel.value !== "object") {
+        vModel.value = getDefaultValue(props.schema);
       }
-      emit("update:modelValue", tempArray.value.slice(0, length2));
-    });
-    const label = computed(() => {
-      return `${props.label} (${length.value})`;
-    });
+    }
+    const getItems = (schema) => {
+      return schema.enum.map((item, index) => {
+        var _a;
+        return {
+          id: item,
+          title: ((_a = schema.enumAlias) == null ? void 0 : _a[index]) ?? spaceCamelCase(item)
+        };
+      });
+    };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        createVNode(_sfc_main$b, {
-          label: label.value,
+      const _component_JsonEditor = resolveComponent("JsonEditor", true);
+      return props.schema.type === "object" && props.schema.format === "image" ? (openBlock(), createBlock(_sfc_main$b, {
+        key: 0,
+        modelValue: vModel.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vModel.value = $event),
+        label: props.schema.name ?? props.name,
+        schema: props.schema
+      }, null, 8, ["modelValue", "label", "schema"])) : props.schema.type === "object" && props.schema.format === "link" ? (openBlock(), createBlock(_sfc_main$7, {
+        key: 1,
+        modelValue: vModel.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vModel.value = $event),
+        label: props.schema.name ?? props.name,
+        schema: props.schema,
+        nullable: props.schema.nullable || props.nullable
+      }, null, 8, ["modelValue", "label", "schema", "nullable"])) : props.schema.type === "object" ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+        props.flat ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.schema.properties, (item, key) => {
+          var _a;
+          return openBlock(), createBlock(_component_JsonEditor, {
+            modelValue: vModel.value[key],
+            "onUpdate:modelValue": ($event) => vModel.value[key] = $event,
+            key,
+            schema: item,
+            expanded: unref(childExpanded),
+            name: unref(spaceCamelCase)(key),
+            nullable: !((_a = props.schema.required) == null ? void 0 : _a.includes(key))
+          }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "expanded", "name", "nullable"]);
+        }), 128)) : (openBlock(), createBlock(_sfc_main$p, {
+          key: 1,
+          label: props.schema.name ?? props.name,
           open: props.expanded
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$d, {
-              label: "Количество элементов",
-              modelValue: length.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => length.value = $event),
-              type: "number"
-            }, null, 8, ["modelValue"]),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(length.value, (index) => {
-              return openBlock(), createBlock(_sfc_main$4, {
-                key: index,
-                schema: props.schema.items,
-                name: `${props.schema.itemName ?? "Элемент"} ${index}`,
-                modelValue: tempArray.value[index - 1],
-                "onUpdate:modelValue": ($event) => tempArray.value[index - 1] = $event,
-                expanded: unref(childExpanded)
-              }, null, 8, ["schema", "name", "modelValue", "onUpdate:modelValue", "expanded"]);
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.schema.properties, (item, key) => {
+              var _a;
+              return openBlock(), createBlock(_component_JsonEditor, {
+                modelValue: vModel.value[key],
+                "onUpdate:modelValue": ($event) => vModel.value[key] = $event,
+                key,
+                schema: item,
+                expanded: unref(childExpanded),
+                name: unref(spaceCamelCase)(key),
+                nullable: !((_a = props.schema.required) == null ? void 0 : _a.includes(key))
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "expanded", "name", "nullable"]);
             }), 128))
           ]),
           _: 1
-        }, 8, ["label", "open"])
-      ]);
+        }, 8, ["label", "open"]))
+      ])) : props.schema.type === "array" ? (openBlock(), createBlock(_sfc_main$j, {
+        key: 3,
+        modelValue: vModel.value,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vModel.value = $event),
+        schema: props.schema,
+        label: props.schema.name ?? props.name,
+        expanded: props.expanded
+      }, null, 8, ["modelValue", "schema", "label", "expanded"])) : props.schema.type === "string" && props.schema.enum ? (openBlock(), createBlock(_sfc_main$k, {
+        key: 4,
+        nullable: props.schema.nullable || props.nullable,
+        items: getItems(props.schema),
+        modelValue: vModel.value,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vModel.value = $event),
+        label: props.schema.name ?? props.name
+      }, null, 8, ["nullable", "items", "modelValue", "label"])) : props.schema.type === "boolean" ? (openBlock(), createBlock(_sfc_main$9, {
+        key: 5,
+        modelValue: vModel.value,
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vModel.value = $event),
+        label: props.schema.name ?? props.name
+      }, null, 8, ["modelValue", "label"])) : (openBlock(), createBlock(_sfc_main$u, {
+        key: 6,
+        modelValue: vModel.value,
+        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vModel.value = $event),
+        label: props.schema.name ?? props.name,
+        multiline: props.schema.multiline
+      }, null, 8, ["modelValue", "label", "multiline"]));
+    };
+  }
+});
+const _hoisted_1$3 = { key: 2 };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "BlocksEditor",
+  props: {
+    blocksList: {},
+    blocksMap: {},
+    dataEntries: {},
+    dataEntryScopes: {},
+    activeBlockId: {},
+    state: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const currentTab = ref("blocks");
+    const currentContentBlock = computed(() => {
+      if (!props.activeBlockId) return null;
+      return findBlock(props.state.content, (block) => block.id === props.activeBlockId);
+    });
+    const currentBlock = computed(() => {
+      if (!currentContentBlock.value) return null;
+      return props.blocksMap.get(currentContentBlock.value.blockId);
+    });
+    const currentDataEntry = computed(() => {
+      var _a;
+      if ((_a = props.activeBlockId) == null ? void 0 : _a.startsWith("data:")) {
+        const id = props.activeBlockId.slice(5);
+        return props.dataEntries.find((item) => item.id === id);
+      }
+      return null;
+    });
+    const tabs = computed(() => {
+      var _a, _b;
+      const arr = [
+        { id: "blocks", title: "Блоки" }
+      ];
+      if (currentBlock.value) {
+        arr.push({
+          id: "blockEdit",
+          title: ((_a = currentBlock.value) == null ? void 0 : _a.name) ?? "Unknown Block"
+        });
+      }
+      if (currentDataEntry.value) {
+        arr.push({
+          id: "blockEdit",
+          title: ((_b = currentDataEntry.value) == null ? void 0 : _b.title) ?? "Settings"
+        });
+      }
+      return arr;
+    });
+    watch(() => props.activeBlockId, (blockId, oldBlockId) => {
+      if (blockId && blockId !== oldBlockId) {
+        currentTab.value = "blockEdit";
+      }
+      if (!blockId && (currentTab.value === "blockEdit" || currentTab.value === "settingEdit")) {
+        currentTab.value = "blocks";
+      }
+      if (currentTab.value === "blockEdit" && currentDataEntry.value && props.dataEntryScopes && !props.dataEntryScopes[currentDataEntry.value.id]) {
+        props.dataEntryScopes[currentDataEntry.value.id] = "site";
+      }
+    }, { immediate: true });
+    const settingSelectItems = [
+      { id: "site", title: "Для всего сайта" },
+      { id: "page", title: "Только для этой страницы" }
+    ];
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "editor-blocks-sidebar",
+        onBlockdrop: _cache[4] || (_cache[4] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        createVNode(_sfc_main$s, {
+          modelValue: currentTab.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentTab.value = $event),
+          items: tabs.value
+        }, null, 8, ["modelValue", "items"]),
+        createVNode(_sfc_main$r, { page: currentTab.value }, {
+          blocks: withCtx(() => [
+            createVNode(_sfc_main$t, { blocks: _ctx.blocksList }, null, 8, ["blocks"])
+          ]),
+          blockEdit: withCtx(() => [
+            currentBlock.value && currentContentBlock.value ? (openBlock(), createBlock(_sfc_main$6, {
+              key: currentContentBlock.value.id,
+              schema: currentBlock.value.props,
+              modelValue: currentContentBlock.value.data,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => currentContentBlock.value.data = $event),
+              flat: ""
+            }, null, 8, ["schema", "modelValue"])) : currentDataEntry.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              props.dataEntryScopes ? (openBlock(), createBlock(_sfc_main$k, {
+                key: 0,
+                modelValue: props.dataEntryScopes[currentDataEntry.value.id],
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => props.dataEntryScopes[currentDataEntry.value.id] = $event),
+                style: { "margin-bottom": "8px" },
+                label: "Применить настройки",
+                items: settingSelectItems
+              }, null, 8, ["modelValue"])) : createCommentVNode("", true),
+              (openBlock(), createBlock(_sfc_main$6, {
+                key: currentDataEntry.value.id,
+                schema: currentDataEntry.value.props,
+                modelValue: _ctx.state.data[currentDataEntry.value.id],
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.state.data[currentDataEntry.value.id] = $event),
+                flat: ""
+              }, null, 8, ["schema", "modelValue"]))
+            ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$3, "Схема для блока не найдена"))
+          ]),
+          _: 1
+        }, 8, ["page"])
+      ], 32);
     };
   }
 });
-const _sfc_main$7 = {};
-const _hoisted_1$6 = {
-  width: "46",
-  height: "28",
-  viewBox: "0 0 46 28",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function _sfc_render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, _cache[0] || (_cache[0] = [
-    createStaticVNode('<mask id="mask0_1044_6" style="mask-type:luminance;" maskUnits="userSpaceOnUse" x="0" y="0" width="46" height="28"><path d="M45.5 0H0.5V28H45.5V0Z" fill="white"></path></mask><g mask="url(#mask0_1044_6)"><path d="M23.5 27.8537C35.9264 27.8537 46 25.6664 46 22.9683C46 20.2702 35.9264 18.083 23.5 18.083C11.0736 18.083 1 20.2702 1 22.9683C1 25.6664 11.0736 27.8537 23.5 27.8537Z" fill="#D7D7D7"></path><path d="M39.6719 9.5459L32.538 1.51859C32.1955 0.971432 31.6956 0.640625 31.169 0.640625H15.831C15.3044 0.640625 14.8045 0.971432 14.462 1.51789L7.32812 9.5466V15.9946H39.6719V9.5459Z" stroke="#A0A0A0" stroke-width="0.703125"></path><path d="M30.2591 11.7594C30.2591 10.6393 30.958 9.71457 31.825 9.71387H39.6719V22.3718C39.6719 23.8534 38.7437 25.0678 37.5977 25.0678H9.40234C8.25625 25.0678 7.32812 23.8527 7.32812 22.3718V9.71387H15.175C16.042 9.71387 16.7409 10.6372 16.7409 11.7573V11.7727C16.7409 12.8928 17.4475 13.7973 18.3138 13.7973H28.6862C29.5525 13.7973 30.2591 12.8845 30.2591 11.7643V11.7594Z" fill="#FAFAFA" stroke="#A0A0A0" stroke-width="0.703125"></path></g>', 2)
-  ]));
-}
-const EmptyFileIcon = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3]]);
-const _sfc_main$6 = {};
-const _hoisted_1$5 = {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      d: "M9.31382 7.9L12.8488 4.364C12.9443 4.27176 13.0205 4.16141 13.0729 4.03941C13.1253 3.9174 13.1529 3.78618 13.1541 3.6534C13.1552 3.52062 13.1299 3.38894 13.0796 3.26605C13.0294 3.14315 12.9551 3.0315 12.8612 2.93761C12.7673 2.84371 12.6557 2.76946 12.5328 2.71918C12.4099 2.6689 12.2782 2.6436 12.1454 2.64475C12.0126 2.64591 11.8814 2.67349 11.7594 2.7259C11.6374 2.77831 11.5271 2.85449 11.4348 2.95L7.89882 6.485L4.36382 2.95C4.27157 2.85449 4.16123 2.77831 4.03922 2.7259C3.91722 2.67349 3.786 2.64591 3.65322 2.64475C3.52044 2.6436 3.38876 2.6689 3.26587 2.71918C3.14297 2.76946 3.03132 2.84371 2.93742 2.93761C2.84353 3.0315 2.76928 3.14315 2.719 3.26605C2.66872 3.38894 2.64342 3.52062 2.64457 3.6534C2.64572 3.78618 2.67331 3.9174 2.72572 4.03941C2.77813 4.16141 2.85431 4.27176 2.94982 4.364L6.48482 7.899L2.94982 11.435C2.85431 11.5273 2.77813 11.6376 2.72572 11.7596C2.67331 11.8816 2.64572 12.0128 2.64457 12.1456C2.64342 12.2784 2.66872 12.4101 2.719 12.533C2.76928 12.6559 2.84353 12.7675 2.93742 12.8614C3.03132 12.9553 3.14297 13.0295 3.26587 13.0798C3.38876 13.1301 3.52044 13.1554 3.65322 13.1543C3.786 13.1531 3.91722 13.1255 4.03922 13.0731C4.16123 13.0207 4.27157 12.9445 4.36382 12.849L7.89882 9.314L11.4348 12.849C11.5271 12.9445 11.6374 13.0207 11.7594 13.0731C11.8814 13.1255 12.0126 13.1531 12.1454 13.1543C12.2782 13.1554 12.4099 13.1301 12.5328 13.0798C12.6557 13.0295 12.7673 12.9553 12.8612 12.8614C12.9551 12.7675 13.0294 12.6559 13.0796 12.533C13.1299 12.4101 13.1552 12.2784 13.1541 12.1456C13.1529 12.0128 13.1253 11.8816 13.0729 11.7596C13.0205 11.6376 12.9443 11.5273 12.8488 11.435L9.31382 7.9Z",
-      fill: "currentColor"
-    }, null, -1)
-  ]));
-}
-const CloseMinIcon = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2]]);
-const _hoisted_1$4 = {
-  key: 0,
-  class: "v-image-uploader__drag-label"
-};
-const _hoisted_2 = { class: "v-image-uploader__image-preview" };
-const _hoisted_3 = ["src"];
-const _hoisted_4 = { class: "v-image-uploader__image-info" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "VImageUploader",
+const _hoisted_1$2 = ["onBlockdrop", "onMousedown", "onMouseenter", "onClick", "onContextmenu"];
+const _hoisted_2$1 = ["onBlockdrop"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "ContentHierarchy",
   props: {
-    accept: {},
-    schema: {},
-    modelValue: {},
-    error: {},
-    label: {},
-    required: { type: Boolean },
-    disabled: { type: Boolean }
+    contentBlocks: {},
+    blocksMap: {},
+    hoverBlockId: {},
+    activeBlockId: {}
   },
-  emits: ["update:modelValue"],
+  emits: ["update:hoverBlockId", "update:activeBlockId"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const fileUploader = inject("fileUploader");
-    const addFile = async (file) => {
-      emit("update:modelValue", { src: URL.createObjectURL(file), file, name: file.name });
-      if (fileUploader) {
-        const resp = await fileUploader(file);
-        emit("update:modelValue", { src: resp.src, previewSrc: resp.previewSrc, name: resp.name });
-      }
-    };
-    const drag = ref(false);
-    const onDragOver = (e) => {
-      var _a, _b, _c;
-      if ((_c = (_b = (_a = e.dataTransfer) == null ? void 0 : _a.types) == null ? void 0 : _b[0]) == null ? void 0 : _c.startsWith("text")) return;
-      e.preventDefault();
-      drag.value = true;
-    };
-    const onDragLeave = (e) => {
-      var _a;
-      if (e.relatedTarget === e.currentTarget || ((_a = e.relatedTarget) == null ? void 0 : _a.parentElement) === e.currentTarget) return;
-      drag.value = false;
+    const flatBlocks = computed(() => {
+      const arr = [];
+      const collectBlocks = (items, intent = 0, parent = null) => {
+        for (let i = 0; i < items.length; i++) {
+          const data = items[i];
+          if (data.blockId.startsWith("__dev")) continue;
+          const block = props.blocksMap.get(data.blockId);
+          if (!block) {
+            arr.push({
+              content: data,
+              key: data.id,
+              intent,
+              hasSlots: false,
+              hasMultipleSlots: false,
+              block: {},
+              parent
+            });
+            continue;
+          }
+          arr.push({
+            content: data,
+            key: data.id,
+            intent,
+            hasSlots: hasSlots(block),
+            hasMultipleSlots: hasMultipleSlots(block),
+            block,
+            parent
+          });
+          forEachChildren(block, data, (blocks) => {
+            collectBlocks(blocks, intent + 1, data);
+          });
+        }
+      };
+      collectBlocks(props.contentBlocks);
+      return arr;
+    });
+    const drag = useDraggableItem();
+    const dragMode = inject("dragMode");
+    const onItemMouseDown = (e, item) => {
+      if (e.button !== 0) return;
+      const target = e.currentTarget;
+      drag(e, {
+        onStart(item2) {
+          target.setAttribute("data-source-drag", "");
+          item2.classList.add("drag");
+          document.body.classList.add("mousedrag");
+          dragMode.value = true;
+        },
+        onEnd(e2) {
+          var _a;
+          document.body.classList.remove("mousedrag");
+          target.removeAttribute("data-source-drag");
+          if (e2.target !== target) {
+            (_a = e2.target) == null ? void 0 : _a.dispatchEvent(new BlockDropEvent(item.block, item.content));
+          }
+          dragMode.value = false;
+        }
+      });
     };
-    const onDrop = (e) => {
-      e.preventDefault();
-      drag.value = false;
-      for (const item of e.dataTransfer.items) {
-        if (item.kind !== "file") continue;
-        const file = item.getAsFile();
-        if (!file) continue;
-        addFile(file);
+    const containerRef = ref();
+    const places = shallowReactive([]);
+    watch(dragMode, (dragMode2) => {
+      if (!dragMode2 || !containerRef.value) {
+        places.length = 0;
+        return;
       }
-    };
-    const fileDialog = useFileDialog({
-      accept: props.accept ?? "image/*",
-      multiple: false
-    });
-    fileDialog.onChange((files) => {
-      if (!files || files.length === 0) return;
-      for (const file of files) {
-        addFile(file);
+      const containerRect = containerRef.value.getBoundingClientRect();
+      places.length = 0;
+      const children = Array.from(containerRef.value.children).filter((child) => child.classList.contains("page-editor-hierarchy__item"));
+      let lastRectHeight = 0;
+      let lastRectBottom = containerRect.top;
+      for (let i = 0; i < children.length + 1; i++) {
+        const child = children[i];
+        const rect = i === children.length ? { top: lastRectBottom, height: containerRect.bottom - lastRectBottom, bottom: 0 } : child.getBoundingClientRect();
+        let top = lastRectHeight * 0.2;
+        let bottom = rect.height * 0.2;
+        if (i > 0 && !flatBlocks.value[i - 1].hasSlots) {
+          top = lastRectHeight * 0.5;
+        }
+        if (i === children.length) {
+          bottom = rect.height;
+        } else if (!flatBlocks.value[i].hasSlots) {
+          bottom = rect.height * 0.5;
+        }
+        places.push({
+          index: i,
+          style: {
+            top: rect.top - containerRect.top + containerRef.value.scrollTop - top + "px",
+            paddingTop: top - 1 + "px",
+            height: top + bottom + "px"
+          }
+        });
+        lastRectHeight = rect.height;
+        lastRectBottom = rect.bottom;
       }
-      fileDialog.reset();
     });
-    const removeImage = () => {
-      emit("update:modelValue", getDefaultValue(props.schema));
+    const onItemBlockDrop = (e, item) => {
+      if (e.content) {
+        deleteBlock(props.contentBlocks, e.content);
+      }
+      if (item.hasSlots) {
+        const contentBlock = e.content ?? createContentBlock(e.block);
+        createContentBlockChild(props.blocksMap, contentBlock, item.content, -1);
+      }
     };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$e, {
-        class: normalizeClass(["v-image-uploader", { drag: drag.value }]),
-        error: _ctx.error,
-        label: _ctx.label,
-        required: _ctx.required,
-        disabled: _ctx.disabled,
-        outline: "",
-        onDrop,
-        onDragover: onDragOver,
-        onDragleave: onDragLeave
-      }, {
-        default: withCtx(() => [
-          drag.value ? (openBlock(), createElementBlock("div", _hoisted_1$4, "Отпустите файл здесь")) : !props.modelValue || props.modelValue.src === unref(defaultImageSrc) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createVNode(EmptyFileIcon),
-            createElementVNode("div", null, [
-              createElementVNode("a", {
-                onClick: _cache[0] || (_cache[0] = ($event) => unref(fileDialog).open())
-              }, "Загрузите изображение"),
-              _cache[1] || (_cache[1] = createElementVNode("br", null, null, -1)),
-              _cache[2] || (_cache[2] = createTextVNode("или перетащите сюда "))
-            ])
-          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            createElementVNode("div", _hoisted_2, [
-              createElementVNode("img", {
-                src: props.modelValue.previewSrc ?? props.modelValue.src,
-                alt: "Preview Image"
-              }, null, 8, _hoisted_3),
-              createElementVNode("button", { onClick: removeImage }, [
-                createVNode(CloseMinIcon)
-              ])
-            ]),
-            createElementVNode("div", _hoisted_4, [
-              createElementVNode("div", null, toDisplayString(props.modelValue.name), 1)
-            ])
-          ], 64))
-        ]),
-        _: 1
-      }, 8, ["class", "error", "label", "required", "disabled"]);
+    const onPlaceBlockDrop = (e, _index, dublicate = false) => {
+      e.stopPropagation();
+      let index = _index;
+      let content = e.content;
+      if (content && !dublicate) {
+        const sourceIndex = flatBlocks.value.findIndex((item) => item.content === content);
+        if (sourceIndex === index || sourceIndex === index - 1) return;
+        if (index > sourceIndex && sourceIndex !== -1) index--;
+        deleteBlock(props.contentBlocks, content);
+      }
+      if (content && dublicate) {
+        content = cloneDeep(content);
+        changeBlockId(content, e.block);
+      }
+      const contentBlock = content ?? createContentBlock(e.block);
+      if (index >= flatBlocks.value.length) {
+        props.contentBlocks.push(contentBlock);
+      } else {
+        const blockEntry = flatBlocks.value[index];
+        if (blockEntry.parent === null) {
+          const index2 = props.contentBlocks.indexOf(blockEntry.content);
+          props.contentBlocks.splice(index2, 0, contentBlock);
+        } else {
+          const index2 = getBlockIndex(blockEntry.parent, blockEntry.content);
+          createContentBlockChild(props.blocksMap, contentBlock, blockEntry.parent, index2);
+        }
+      }
+    };
+    const contextMenu = useContextMenu((content) => {
+      var _a;
+      return [
+        content !== null && { title: "Дублировать блок", onClick() {
+          const index = flatBlocks.value.findIndex((item) => item.content === content);
+          const block = props.blocksMap.get(content.blockId);
+          onPlaceBlockDrop(new BlockDropEvent(block, content), index, true);
+        } },
+        content !== null && { title: "Копировать блок", async onClick() {
+          const blob = new Blob([JSON.stringify(content)], { type: "text/plain" });
+          await navigator.clipboard.write([
+            new ClipboardItem({ "text/plain": blob })
+          ]);
+        } },
+        content && ((_a = props.blocksMap.get(content.blockId)) == null ? void 0 : _a.slots) && {
+          title: `Вставить блок как дочерний`,
+          onClick: () => placeBlockFromClipboard(content)
+        },
+        {
+          title: "Вставить блок ниже",
+          onClick: async () => {
+            const index = flatBlocks.value.findIndex((item) => item.content === content);
+            const [contentData, block] = await getBlockFromClipboard();
+            if (!contentData || !block) return;
+            onPlaceBlockDrop(new BlockDropEvent(block, contentData), index + 1, false);
+          }
+        },
+        content !== null && {
+          title: "Удалить блок",
+          onClick: () => {
+            deleteBlock(props.contentBlocks, content);
+            if (props.activeBlockId === content.id) {
+              emit("update:activeBlockId", null);
+            }
+            if (props.hoverBlockId === content.id) {
+              emit("update:hoverBlockId", null);
+            }
+          }
+        }
+      ];
+    });
+    const getBlockFromClipboard = async () => {
+      const resp = await navigator.clipboard.read();
+      if (!resp[0].types.includes("text/plain")) return [null, null];
+      const entry = await resp[0].getType("text/plain");
+      const text = await entry.text();
+      if (!text.startsWith("{")) return [null, null];
+      const contentData = JSON.parse(text);
+      const block = props.blocksMap.get(contentData.blockId) ?? null;
+      if (block) {
+        changeBlockId(contentData, block);
+      }
+      return [contentData, block];
+    };
+    const placeBlockFromClipboard = async (content) => {
+      const [contentData, block] = await getBlockFromClipboard();
+      if (!contentData || !block) return;
+      try {
+        if (content !== null) {
+          const index = flatBlocks.value.findIndex((item) => item.content === content);
+          if (flatBlocks.value[index].hasSlots) {
+            onItemBlockDrop(new BlockDropEvent(block, contentData), flatBlocks.value[index]);
+          } else {
+            onPlaceBlockDrop(new BlockDropEvent(block, contentData), index);
+          }
+        } else {
+          onPlaceBlockDrop(new BlockDropEvent(block, contentData), flatBlocks.value.length);
+        }
+      } catch (e) {
+        console.warn(e);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: "page-editor-hierarchy",
+        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => emit("update:activeBlockId", null), ["self"]))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(flatBlocks.value, (item) => {
+          return openBlock(), createElementBlock("div", {
+            class: normalizeClass(["page-editor-hierarchy__item", { active: props.activeBlockId === item.content.id, hover: props.hoverBlockId === item.content.id }]),
+            style: normalizeStyle({ paddingLeft: `${16 + item.intent * 16}px` }),
+            onBlockdrop: ($event) => onItemBlockDrop($event, item),
+            onMousedown: ($event) => onItemMouseDown($event, item),
+            onMouseenter: ($event) => emit("update:hoverBlockId", item.content.id),
+            onMouseleave: _cache[0] || (_cache[0] = ($event) => emit("update:hoverBlockId", null)),
+            onClick: ($event) => emit("update:activeBlockId", item.content.id),
+            onContextmenu: withModifiers(($event) => unref(contextMenu).open($event, item.content), ["stop"])
+          }, toDisplayString(item.block.name), 47, _hoisted_1$2);
+        }), 256)),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(places), (item) => {
+          return openBlock(), createElementBlock("div", {
+            class: "page-editor-hierarhy__place",
+            style: normalizeStyle(item.style),
+            onBlockdrop: ($event) => onPlaceBlockDrop($event, item.index)
+          }, null, 44, _hoisted_2$1);
+        }), 256)),
+        createVNode(_sfc_main$f, normalizeProps(guardReactiveProps(unref(contextMenu).props)), null, 16)
+      ], 512);
     };
   }
 });
-const getBlockName = (path) => {
-  if (!path) return void 0;
-  const str = path.split("/").at(-1);
-  return (str == null ? void 0 : str.split(".", 1)[0].replace(/([A-Z])/g, " $1").trimStart()) ?? "Unnamed block";
-};
-const capitalize = (text) => {
-  return text[0].toUpperCase() + text.slice(1);
-};
-const spaceCamelCase = (str) => {
-  return capitalize(str.replace(/([A-Z])/g, " $1").trimStart());
-};
-const _hoisted_1$3 = {
-  key: 1,
-  class: "json-editor__object"
-};
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "JsonEditor",
+const _hoisted_1$1 = { key: 0 };
+const _hoisted_2 = ["onClick"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "ContentSettings",
   props: /* @__PURE__ */ mergeModels({
-    schema: {},
-    name: {},
-    flat: { type: Boolean },
-    expanded: { type: Boolean }
+    dataEntries: {}
   }, {
     "modelValue": {},
     "modelModifiers": {}
@@ -2213,112 +3241,58 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue"],
   setup(__props) {
     const props = __props;
-    const childExpanded = props.schema.type === "object" && Object.keys(props.schema.properties).length < 2;
-    const vModel = useModel(__props, "modelValue");
-    const getItems = (schema) => {
-      return schema.enum.map((item, index) => {
-        var _a;
-        return {
-          id: item,
-          title: ((_a = schema.enumAlias) == null ? void 0 : _a[index]) ?? spaceCamelCase(item)
-        };
-      });
+    const model = useModel(__props, "modelValue");
+    return (_ctx, _cache) => {
+      return props.dataEntries.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.dataEntries, (item) => {
+          var _a;
+          return openBlock(), createElementBlock("div", {
+            class: normalizeClass(["page-editor-hierarchy__item", { active: ((_a = model.value) == null ? void 0 : _a.slice(5)) === item.id }]),
+            onClick: ($event) => model.value = "data:" + item.id
+          }, toDisplayString(item.title ?? item.id), 11, _hoisted_2);
+        }), 256))
+      ])) : createCommentVNode("", true);
     };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "HierarchySidebar",
+  props: {
+    state: {},
+    blocksMap: {},
+    control: {},
+    dataEntries: {}
+  },
+  setup(__props) {
+    const props = __props;
     return (_ctx, _cache) => {
-      const _component_JsonEditor = resolveComponent("JsonEditor", true);
-      return props.schema.type === "object" && props.schema.format === "image" ? (openBlock(), createBlock(_sfc_main$5, {
-        key: 0,
-        modelValue: vModel.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vModel.value = $event),
-        label: props.schema.name ?? props.name,
-        schema: props.schema
-      }, null, 8, ["modelValue", "label", "schema"])) : props.schema.type === "object" ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
-        props.flat ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.schema.properties, (item, key) => {
-          return openBlock(), createBlock(_component_JsonEditor, {
-            modelValue: vModel.value[key],
-            "onUpdate:modelValue": ($event) => vModel.value[key] = $event,
-            key,
-            schema: item,
-            expanded: unref(childExpanded),
-            name: unref(spaceCamelCase)(key)
-          }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "expanded", "name"]);
-        }), 128)) : (openBlock(), createBlock(_sfc_main$b, {
-          key: 1,
-          label: props.schema.name ?? props.name,
-          open: props.expanded
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(props.schema.properties, (item, key) => {
-              return openBlock(), createBlock(_component_JsonEditor, {
-                modelValue: vModel.value[key],
-                "onUpdate:modelValue": ($event) => vModel.value[key] = $event,
-                key,
-                schema: item,
-                expanded: unref(childExpanded),
-                name: unref(spaceCamelCase)(key)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "expanded", "name"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["label", "open"]))
-      ])) : props.schema.type === "array" ? (openBlock(), createBlock(_sfc_main$8, {
-        key: 2,
-        modelValue: vModel.value,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vModel.value = $event),
-        schema: props.schema,
-        label: props.schema.name ?? props.name,
-        expanded: props.expanded
-      }, null, 8, ["modelValue", "schema", "label", "expanded"])) : props.schema.type === "string" && props.schema.enum ? (openBlock(), createBlock(_sfc_main$9, {
-        key: 3,
-        items: getItems(props.schema),
-        modelValue: vModel.value,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vModel.value = $event),
-        label: props.schema.name ?? props.name
-      }, null, 8, ["items", "modelValue", "label"])) : (openBlock(), createBlock(_sfc_main$d, {
-        key: 4,
-        modelValue: vModel.value,
-        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vModel.value = $event),
-        label: props.schema.name ?? props.name,
-        multiline: props.schema.multiline
-      }, null, 8, ["modelValue", "label", "multiline"]));
+      return openBlock(), createElementBlock("div", {
+        class: "editor-hierarchy",
+        onBlockdrop: _cache[3] || (_cache[3] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        _cache[4] || (_cache[4] = createElementVNode("div", { class: "title" }, "Настройки", -1)),
+        createVNode(_sfc_main$3, {
+          modelValue: props.control.activeBlockId.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => props.control.activeBlockId.value = $event),
+          dataEntries: props.dataEntries
+        }, null, 8, ["modelValue", "dataEntries"]),
+        _cache[5] || (_cache[5] = createElementVNode("div", { class: "title" }, "Блоки", -1)),
+        createVNode(_sfc_main$4, {
+          "hover-block-id": props.control.hoverBlockId.value,
+          "onUpdate:hoverBlockId": _cache[1] || (_cache[1] = ($event) => props.control.hoverBlockId.value = $event),
+          "active-block-id": props.control.activeBlockId.value,
+          "onUpdate:activeBlockId": _cache[2] || (_cache[2] = ($event) => props.control.activeBlockId.value = $event),
+          "content-blocks": props.state.content,
+          "blocks-map": props.blocksMap
+        }, null, 8, ["hover-block-id", "active-block-id", "content-blocks", "blocks-map"])
+      ], 32);
     };
   }
 });
-const _sfc_main$3 = {};
-const _hoisted_1$2 = {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$2, _cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      d: "M10.707 14.364C10.8945 14.1764 10.9998 13.9221 10.9998 13.657C10.9998 13.3918 10.8945 13.1375 10.707 12.95L5.75705 7.99995L10.707 3.04995C10.8892 2.86135 10.99 2.60875 10.9877 2.34655C10.9854 2.08435 10.8803 1.83354 10.6949 1.64813C10.5095 1.46272 10.2586 1.35756 9.99645 1.35528C9.73425 1.353 9.48165 1.45379 9.29305 1.63595L3.63605 7.29295C3.44858 7.48048 3.34326 7.73479 3.34326 7.99995C3.34326 8.26512 3.44858 8.51942 3.63605 8.70695L9.29305 14.364C9.48058 14.5514 9.73488 14.6567 10 14.6567C10.2652 14.6567 10.5195 14.5514 10.707 14.364Z",
-      fill: "currentColor"
-    }, null, -1)
-  ]));
-}
-const ChevronLeftIcon = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$1]]);
-const _sfc_main$2 = {};
-const _hoisted_1$1 = {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      d: "M5.29295 1.63605C5.10548 1.82358 5.00017 2.07788 5.00017 2.34305C5.00017 2.60821 5.10548 2.86252 5.29295 3.05005L10.243 8.00005L5.29295 12.95C5.11079 13.1387 5.01 13.3913 5.01228 13.6534C5.01456 13.9156 5.11972 14.1665 5.30513 14.3519C5.49054 14.5373 5.74135 14.6424 6.00355 14.6447C6.26575 14.647 6.51835 14.5462 6.70695 14.364L12.364 8.70705C12.5514 8.51952 12.6567 8.26521 12.6567 8.00005C12.6567 7.73488 12.5514 7.48058 12.364 7.29305L6.70695 1.63605C6.51942 1.44858 6.26512 1.34326 5.99995 1.34326C5.73479 1.34326 5.48048 1.44858 5.29295 1.63605Z",
-      fill: "currentColor"
-    }, null, -1)
-  ]));
-}
-const ChevronRightIcon = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render]]);
 const useControlComponent = (_activeBlockId) => {
+  let dragMode = false;
   let lastRoot = document.body;
   const hoverBlockId = shallowRef(null);
   const activeBlockId = shallowRef(null);
@@ -2327,6 +3301,7 @@ const useControlComponent = (_activeBlockId) => {
   let lastStateKey = "";
   let blocksHover = [];
   const onIframeBlockMouseEnter = (e) => {
+    if (dragMode) return;
     hoverBlockElement.value = e.currentTarget;
     const blockId = hoverBlockElement.value.getAttribute("data-block-id") ?? null;
     hoverBlockId.value = blockId;
@@ -2355,6 +3330,7 @@ const useControlComponent = (_activeBlockId) => {
     e.stopPropagation();
     e.preventDefault();
   };
+  const elements = shallowRef([]);
   const update = (root) => {
     lastRoot = root;
     const arr = Array.from(root.querySelectorAll("[data-block-id]"));
@@ -2366,6 +3342,7 @@ const useControlComponent = (_activeBlockId) => {
       item.addEventListener("mouseleave", onIframeBlockMouseLeave);
       item.addEventListener("click", onIframeBlockClick);
     }
+    elements.value = arr;
   };
   watch(hoverBlockId, (hoverBlockId2) => {
     var _a;
@@ -2394,13 +3371,80 @@ const useControlComponent = (_activeBlockId) => {
     if (!blockId) return;
     activeBlockElement.value = lastRoot.querySelector(`[data-block-id="${blockId}"]`) ?? null;
   };
+  let placeElements = [];
+  const insertedPlace = shallowRef(null);
+  const onMouseMove = (e) => {
+    var _a;
+    if (!dragMode) {
+      return;
+    }
+    if (e.currentTarget !== e.target && findParent(e.target, (item) => item.classList.contains("editor-component"))) {
+      insertedPlace.value = null;
+      return;
+    }
+    let index = 0;
+    for (let item of placeElements) {
+      if (e.clientY + window.scrollY < (item.top + item.bottom) * 0.5) {
+        break;
+      }
+      index++;
+    }
+    if (index === placeElements.length) {
+      insertedPlace.value = { prepentBlockId: null, top: ((_a = placeElements[index - 1]) == null ? void 0 : _a.bottom) ?? 0 };
+    } else {
+      insertedPlace.value = { prepentBlockId: placeElements[index].id, top: placeElements[index].top };
+    }
+  };
+  const onMouseLeave = () => {
+    insertedPlace.value = null;
+  };
+  const updatePlaceElements = () => {
+    placeElements = elements.value.map((item) => {
+      var _a;
+      const rect = item.getBoundingClientRect();
+      const width = ((_a = item.parentElement) == null ? void 0 : _a.scrollWidth) ?? rect.width;
+      const style = window.getComputedStyle(item);
+      const top = rect.top + window.scrollY - parseInt(style.marginTop);
+      const bottom = rect.bottom + window.scrollY;
+      return { id: item.getAttribute("data-block-id"), top, bottom, width };
+    });
+    placeElements.sort((a, b) => a.top - b.top);
+  };
+  let mouseMoveRoot = null;
+  const setDragMode = (_dragMode) => {
+    dragMode = _dragMode;
+    if (dragMode) {
+      updatePlaceElements();
+      lastRoot.addEventListener("mousemove", onMouseMove);
+      mouseMoveRoot = lastRoot;
+    } else {
+      mouseMoveRoot == null ? void 0 : mouseMoveRoot.removeEventListener("mousemove", onMouseMove);
+      insertedPlace.value = null;
+    }
+  };
+  const onScroll = () => {
+    var _a;
+    if (dragMode) {
+      updatePlaceElements();
+      if ((_a = insertedPlace.value) == null ? void 0 : _a.prepentBlockId) {
+        const index = placeElements.findIndex((item) => item.id === insertedPlace.value.prepentBlockId);
+        insertedPlace.value = { ...insertedPlace.value, top: placeElements[index].top };
+      }
+    }
+  };
   return {
     update,
     hoverBlockElement,
     activeBlockElement,
     activeBlockId,
     hoverBlockId,
-    updateActiveElement
+    updateActiveElement,
+    elements,
+    insertedPlace,
+    onMouseMove,
+    onMouseLeave,
+    setDragMode,
+    onScroll
   };
 };
 registerAlias("image", { type: "object", format: "image", properties: { src: "string", previewSrc: "string?" } });
@@ -2423,54 +3467,18 @@ addUpdateListener((module) => {
   }));
 });
 const processState = (state) => {
-  walkTree(state.content, (block) => {
-    if (block.id) {
-      block.id = uid();
-    }
-    if (!block.data) {
-      block.data = {};
-    }
-    block.data["data-block-id"] = block.id;
-    const schema = blocksMap.value.get(block.blockId);
-    if (!schema) return;
-    walkSchema(block.data, schema.props, (value, schema2, key, parent, isRequired) => {
-      if (key && isRequired && !schema2.nullable && (value === null || value === void 0)) {
-        parent[key] = getDefaultValue(schema2);
-      }
-    });
-  });
-  return state;
-};
-const saveState = (newState) => {
-  const state = cloneDeep(newState);
-  walkTree(state.content, (block) => {
-    if (!block.data) return;
-    delete block.data["data-block-id"];
-    const schema = blocksMap.value.get(block.blockId);
-    if (!schema) return;
-    walkSchema(block.data, schema.props, (value, schema2, key, parent) => {
-      if (schema2.type === "object" && schema2.format === "image" && value.src === defaultImageSrc && key && parent) {
-        parent[key] = null;
-      }
-    });
-  });
+  processBlocks(state.content, blocksMap.value);
   return state;
 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "PageSelector",
   setup(__props) {
-    const currentPage = ref(window.state.dev.currentPage);
-    const availablePages = window.state.dev.availablePages;
-    const pages = availablePages.map((item) => ({
-      id: item,
-      title: item
-    }));
-    if (!availablePages.includes(currentPage.value)) {
-      pages.push({
-        id: currentPage.value,
-        title: currentPage.value
-      });
-    }
+    const pagesRequest = inject("pagesRequest");
+    const { data } = useRequest(pagesRequest);
+    const currentPage = ref();
+    const pages = computed(() => {
+      return data.value ?? [];
+    });
     watch(currentPage, async (newPage) => {
       var _a;
       const resp = await fetch(`/${newPage}`);
@@ -2482,32 +3490,30 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       window.history.pushState({}, "", newPage === "index" ? "/" : `/${newPage}`);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$9, {
+      return openBlock(), createBlock(_sfc_main$k, {
         modelValue: currentPage.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentPage.value = $event),
-        items: unref(pages)
+        items: pages.value
       }, null, 8, ["modelValue", "items"]);
     };
   }
 });
-const _hoisted_1 = { key: 1 };
+const _hoisted_1 = { class: "editor-hierarchy__header" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EditorApp",
   setup(__props) {
     const controlsOpened = ref(true);
     const dragMode = ref(false);
     provide("dragMode", dragMode);
-    const contentBlocks = computed(() => window.state.content);
+    const state = reactive(processState(JSON.parse(JSON.stringify(window.state))));
+    const contentBlocks = computed(() => state.content);
     useEventListener(document, "blockdrop", (e) => {
-      if (e.content) {
-        return;
-      }
-      contentBlocks.value.push(createContentBlock(e.block));
+      var _a;
+      if (e.content) return;
+      insertBlockBefore(e.block, contentBlocks.value, (_a = control.insertedPlace.value) == null ? void 0 : _a.prepentBlockId);
     });
     const control = useControlComponent();
-    watch(contentBlocks, () => {
-      control.update(window.document.body);
-    }, { deep: true, flush: "post" });
+    watch(dragMode, control.setDragMode);
     watch(blocksList, () => {
       control.update(window.document.body);
       control.updateActiveElement();
@@ -2515,47 +3521,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       control.update(window.document.body);
     });
-    const currentContentBlock = computed(() => {
-      if (!control.activeBlockId.value) return null;
-      return findBlock(contentBlocks.value, (block) => block.id === control.activeBlockId.value);
-    });
-    const currentBlock = computed(() => {
-      if (!currentContentBlock.value) return null;
-      return blocksMap.value.get(currentContentBlock.value.blockId);
-    });
-    const currentTab = ref("blocks");
-    const tabs = computed(() => {
-      var _a;
-      const arr = [
-        { id: "blocks", title: "Блоки" }
-      ];
-      if (currentContentBlock.value) {
-        arr.push({
-          id: "blockEdit",
-          title: ((_a = currentBlock.value) == null ? void 0 : _a.name) ?? "Unknown Block"
-        });
-      }
-      return arr;
-    });
-    watch(currentContentBlock, (block) => {
-      if (block) {
-        currentTab.value = "blockEdit";
-      } else {
-        if (currentTab.value === "blockEdit") {
-          currentTab.value = "blocks";
-        }
-      }
-    });
-    useKeyDownLayer("Escape", () => !!control.activeBlockId.value, () => control.activeBlockId.value = null);
-    watchDebounced(window.state, (newState, oldState) => {
-      var _a, _b;
-      if (((_a = newState == null ? void 0 : newState.dev) == null ? void 0 : _a.currentPage) !== ((_b = oldState == null ? void 0 : oldState.dev) == null ? void 0 : _b.currentPage)) {
-        return;
-      }
-      const state = saveState(newState);
+    watch(state, (state2) => {
+      const val = JSON.parse(JSON.stringify(state2));
+      window.postMessage({ type: "update:state", payload: val });
+      setTimeout(() => control.update(window.document.body), 50);
+    }, { immediate: true });
+    watchDebounced(state, (newState, oldState) => {
+      const state2 = cloneDeep(newState);
+      const scopedData = splitData(state2.data, dataEntryScopes.value);
+      state2.data = scopedData["page"];
+      saveBlocks(state2.content, blocksMap.value);
       fetch("/@mechanica/save", {
         method: "POST",
-        body: JSON.stringify(state),
+        body: JSON.stringify(state2),
         headers: { "content-type": "application-json" }
       });
     }, { debounce: 500 });
@@ -2568,80 +3546,82 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const obj = await resp.json();
       return obj;
     });
+    provide("fileRequest", async () => {
+      const resp = await fetch("/@mechanica/images");
+      return await resp.json();
+    });
+    provide("pagesRequest", async () => {
+      const resp = await fetch("/@mechanica/pages");
+      return await resp.json();
+    });
+    const dataEntries2 = inject("dataEntries");
+    const dataEntryScopes = ref(state.dataEntryScopes ?? {});
+    useKeyDownLayer("Escape", () => !!control.activeBlockId.value, () => control.activeBlockId.value = null);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(Transition, null, {
           default: withCtx(() => [
-            controlsOpened.value ? (openBlock(), createElementBlock("div", {
+            controlsOpened.value ? (openBlock(), createBlock(_sfc_main$2, {
               key: 0,
-              class: "editor-sidebar-left editor-hierarchy editor-component",
-              onBlockdrop: _cache[3] || (_cache[3] = withModifiers(() => {
-              }, ["stop"]))
-            }, [
-              createVNode(_sfc_main$1),
-              _cache[10] || (_cache[10] = createElementVNode("div", { class: "title" }, "Блоки", -1)),
-              createVNode(_sfc_main$i, {
-                "hover-block-id": unref(control).hoverBlockId.value,
-                "onUpdate:hoverBlockId": _cache[0] || (_cache[0] = ($event) => unref(control).hoverBlockId.value = $event),
-                "active-block-id": unref(control).activeBlockId.value,
-                "onUpdate:activeBlockId": _cache[1] || (_cache[1] = ($event) => unref(control).activeBlockId.value = $event),
-                "content-blocks": contentBlocks.value,
-                "blocks-map": unref(blocksMap)
-              }, null, 8, ["hover-block-id", "active-block-id", "content-blocks", "blocks-map"]),
-              createElementVNode("button", {
-                class: "editor-sidebar__close-button",
-                onClick: _cache[2] || (_cache[2] = ($event) => controlsOpened.value = false)
-              }, [
-                createVNode(ChevronLeftIcon)
-              ])
-            ], 32)) : createCommentVNode("", true)
+              control: unref(control),
+              state,
+              "blocks-map": unref(blocksMap),
+              "data-entries": unref(dataEntries2),
+              class: "editor-sidebar-left editor-component"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_1, [
+                  createVNode(_sfc_main$1, { class: "pages-selector" })
+                ]),
+                createElementVNode("button", {
+                  class: "editor-sidebar__close-button",
+                  onClick: _cache[0] || (_cache[0] = ($event) => controlsOpened.value = false)
+                }, [
+                  createVNode(ChevronLeftIcon)
+                ])
+              ]),
+              _: 1
+            }, 8, ["control", "state", "blocks-map", "data-entries"])) : createCommentVNode("", true)
           ]),
           _: 1
         }),
-        controlsOpened.value ? (openBlock(), createBlock(_sfc_main$h, {
+        controlsOpened.value ? (openBlock(), createBlock(_sfc_main$z, {
           key: 0,
           element: unref(control).hoverBlockElement.value
         }, null, 8, ["element"])) : createCommentVNode("", true),
-        controlsOpened.value ? (openBlock(), createBlock(_sfc_main$h, {
+        controlsOpened.value ? (openBlock(), createBlock(_sfc_main$z, {
           key: 1,
           element: unref(control).activeBlockElement.value,
           resizable: ""
         }, null, 8, ["element"])) : createCommentVNode("", true),
+        unref(control).insertedPlace.value ? (openBlock(), createBlock(_sfc_main$y, {
+          key: 2,
+          top: unref(control).insertedPlace.value.top
+        }, null, 8, ["top"])) : createCommentVNode("", true),
         createVNode(Transition, null, {
           default: withCtx(() => [
-            controlsOpened.value ? (openBlock(), createElementBlock("div", {
+            controlsOpened.value ? (openBlock(), createBlock(_sfc_main$5, {
               key: 0,
-              class: "editor-sidebar-right editor-blocks-sidebar editor-component",
-              onBlockdrop: _cache[7] || (_cache[7] = withModifiers(() => {
-              }, ["stop"]))
-            }, [
-              createElementVNode("button", {
-                class: "editor-sidebar__close-button right",
-                onClick: _cache[4] || (_cache[4] = ($event) => controlsOpened.value = false)
-              }, [
-                createVNode(ChevronRightIcon)
+              class: "editor-sidebar-right editor-component",
+              onBlockdrop: _cache[2] || (_cache[2] = withModifiers(() => {
+              }, ["stop"])),
+              state,
+              "blocks-list": unref(blocksList),
+              "blocks-map": unref(blocksMap),
+              "active-block-id": unref(control).activeBlockId.value,
+              "data-entries": unref(dataEntries2),
+              dataEntryScopes: dataEntryScopes.value
+            }, {
+              default: withCtx(() => [
+                createElementVNode("button", {
+                  class: "editor-sidebar__close-button right",
+                  onClick: _cache[1] || (_cache[1] = ($event) => controlsOpened.value = false)
+                }, [
+                  createVNode(ChevronRightIcon)
+                ])
               ]),
-              createVNode(_sfc_main$g, {
-                modelValue: currentTab.value,
-                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => currentTab.value = $event),
-                items: tabs.value
-              }, null, 8, ["modelValue", "items"]),
-              createVNode(_sfc_main$f, { page: currentTab.value }, {
-                blocks: withCtx(() => [
-                  createVNode(_sfc_main$m, { blocks: unref(blocksList) }, null, 8, ["blocks"])
-                ]),
-                blockEdit: withCtx(() => [
-                  currentBlock.value && currentContentBlock.value ? (openBlock(), createBlock(_sfc_main$4, {
-                    key: currentContentBlock.value.id,
-                    schema: currentBlock.value.props,
-                    modelValue: currentContentBlock.value.data,
-                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => currentContentBlock.value.data = $event),
-                    flat: ""
-                  }, null, 8, ["schema", "modelValue"])) : (openBlock(), createElementBlock("div", _hoisted_1, "Схема для блока не найдена"))
-                ]),
-                _: 1
-              }, 8, ["page"])
-            ], 32)) : createCommentVNode("", true)
+              _: 1
+            }, 8, ["state", "blocks-list", "blocks-map", "active-block-id", "data-entries", "dataEntryScopes"])) : createCommentVNode("", true)
           ]),
           _: 1
         }),
@@ -2650,7 +3630,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             !controlsOpened.value ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "editor-sidebar__close-button editor-component fixed",
-              onClick: _cache[8] || (_cache[8] = ($event) => controlsOpened.value = true)
+              onClick: _cache[3] || (_cache[3] = ($event) => controlsOpened.value = true)
             }, [
               createVNode(ChevronRightIcon)
             ])) : createCommentVNode("", true)
@@ -2662,22 +3642,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             !controlsOpened.value ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "editor-sidebar__close-button editor-component right fixed",
-              onClick: _cache[9] || (_cache[9] = ($event) => controlsOpened.value = true)
+              onClick: _cache[4] || (_cache[4] = ($event) => controlsOpened.value = true)
             }, [
               createVNode(ChevronLeftIcon)
             ])) : createCommentVNode("", true)
           ]),
           _: 1
-        })
+        }),
+        createVNode(_sfc_main$e)
       ], 64);
     };
   }
 });
-window.state = reactive(processState(window.state));
 const mountDiv = document.createElement("div");
 mountDiv.id = "data-mechanics-editor";
 document.body.append(mountDiv);
+const dataEntries = reactive([]);
 document.addEventListener("DOMContentLoaded", () => {
-  createApp(_sfc_main).mount(mountDiv);
+  createApp(_sfc_main).provide("dataEntries", dataEntries).use(createDialogSystem()).mount(mountDiv);
 });
+globalThis._registerData = (dataEntry) => {
+  dataEntry.props = unfoldSchema(dataEntry.props);
+  const exists = dataEntries.find((item) => item.id === dataEntry.id);
+  if (exists) {
+    Object.assign(exists, dataEntry);
+  } else {
+    dataEntries.push(dataEntry);
+  }
+};
 //# sourceMappingURL=editor.js.map