mechanica 1.0.3 → 1.0.5-a

package/dist/editor.js

@@ -1,7 +1,8 @@
-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 { defineComponent, ref, watch, createElementBlock, openBlock, normalizeStyle, createElementVNode, shallowRef, onMounted, onBeforeUnmount, triggerRef, computed, inject, normalizeClass, createCommentVNode, renderSlot, createVNode, createTextVNode, toDisplayString, Transition, withCtx, getCurrentScope, onScopeDispose, toRef as toRef$1, readonly, customRef, toValue as toValue$1, getCurrentInstance, nextTick, unref, createBlock, createSlots, withDirectives, vModelText, vModelDynamic, Fragment, renderList, h, TransitionGroup, useSlots, Teleport, mergeProps, withModifiers, createStaticVNode, resolveDynamicComponent, isRef, reactive, vShow, shallowReactive, mergeModels, useModel, vModelCheckbox, isProxy, toRaw, resolveComponent, normalizeProps, guardReactiveProps, provide, createApp } from "vue";
+import { g as getDefaultValue, d as defaultImageSrc, r as registerAliases, p as passDefaultValue } from "./schemaAliases-jUlXWmB3.js";
 import { blocksList as blocksList$1, addUpdateListener } from "virtual:builder-blocks";
-import { registerAlias, unfoldSchema } from "compact-json-schema";
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+import { unfoldSchema } from "compact-json-schema";
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "HoverFrame",
   props: {
     element: {},
@@ -43,7 +44,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "InsertedPlace",
   props: {
     top: {}
@@ -64,48 +65,48 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$x = {};
-const _hoisted_1$q = {
+const _sfc_main$G = {};
+const _hoisted_1$z = {
   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] = [
+function _sfc_render$f(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$z, _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 = {
+const ChevronLeftIcon = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$f]]);
+const _sfc_main$F = {};
+const _hoisted_1$y = {
   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] = [
+function _sfc_render$e(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$y, _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) => {
+const ChevronRightIcon = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$e]]);
+const findParent$1 = (el, callback) => {
   if (callback(el)) return el;
   if (!el.parentElement) return null;
-  return findParent(el.parentElement, callback);
+  return findParent$1(el.parentElement, callback);
 };
 const clickOnIgnore = (target, ignoreEl) => {
   if (!ignoreEl) return false;
-  return !!findParent(target, (el) => {
+  return !!findParent$1(target, (el) => {
     if (!Array.isArray(ignoreEl)) return el === ignoreEl.value;
     for (const item of ignoreEl) {
       if (item.value === el) return true;
@@ -227,7 +228,7 @@ const useDraggableItem = () => {
     }
     const el = e.currentTarget;
     const rect = el.getBoundingClientRect();
-    const offset = { left: rect.left - e.clientX, top: rect.top - e.clientY };
+    const offset = options.offset ?? { left: rect.left - e.clientX, top: rect.top - e.clientY };
     const width = el.clientWidth;
     const onStart = () => {
       var _a;
@@ -349,34 +350,44 @@ class PairMap {
 const dataMap = new PairMap();
 const events = new MultiMap();
 const getArgKey = (args) => {
-  return args.length === 0 ? "_default" : JSON.stringify(args);
+  return args.length === 0 ? "" : JSON.stringify(args);
 };
-const getEntryOrCreate = (request, args, defaultValue) => {
-  const argKey = getArgKey(args);
+const getEntryOrCreate = (request, argKey, defaultValue) => {
   const existsValue = dataMap.get(request, argKey);
   if (existsValue) return existsValue;
   dataMap.set(request, argKey, defaultValue);
   return defaultValue;
 };
-const useRequest = (request, ...args) => {
+const useRequestExt = (options, 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 = [];
+  let currentArgKey = null;
   const mutate = async (...args2) => {
+    const argKey = getArgKey(args2);
+    currentArgKey = argKey;
     error.value = null;
     const returnDataValue = returnDataCallback == null ? void 0 : returnDataCallback(...args2);
     if (returnDataValue !== void 0) {
+      pending.value = false;
       data.value = returnDataValue;
       return;
     }
-    const entry = getEntryOrCreate(request, args2, { data: null, lastUpdate: -1 });
+    const entry = getEntryOrCreate(request, argKey, { data: null, lastUpdate: -1, updatedManually: false });
     data.value = entry.data;
-    pending.value = entry === null;
+    pending.value = entry.data === null;
     lastArgs = args2;
+    if (entry.data && entry.updatedManually) {
+      triggerRef(data);
+      return;
+    }
     try {
-      data.value = await makeRequestWithoutCache(entry, request, ...args2);
+      const resp = await makeRequestWithoutCache(entry, request, ...args2);
+      if (currentArgKey === argKey) {
+        data.value = resp;
+      }
     } catch (e) {
       error.value = e;
     } finally {
@@ -385,9 +396,12 @@ const useRequest = (request, ...args) => {
     }
   };
   const lazyMutate = async (...args2) => {
-    const entry = dataMap.get(request, getArgKey(args2));
+    const argKey = getArgKey(args2);
+    currentArgKey = argKey;
+    const entry = dataMap.get(request, argKey);
     if (entry !== null && entry.lastUpdate > 0 && Date.now() < entry.lastUpdate + 1e3 * 30) {
       data.value = entry.data;
+      error.value = null;
       lastArgs = args2;
       return;
     }
@@ -409,6 +423,7 @@ const useRequest = (request, ...args) => {
   });
   return { data, error, pending, mutate, lazyMutate, setReturnData };
 };
+const useRequest = (request, ...args) => useRequestExt({}, request, ...args);
 const makeRequestWithoutCache = async (entry, request, ...args) => {
   if (!entry.promise) {
     const promise = (async () => {
@@ -458,8 +473,7 @@ const useSearch = (searchValue, data, keyExtractor) => {
   });
   return dataSearched;
 };
-const listeners = new MultiMap();
-let hasEvent = false;
+let listeners = new MultiMap();
 const handleKeyDownLayer = (e) => {
   if (!listeners.has(e.code)) return;
   const _listeners = listeners.get(e.code);
@@ -469,6 +483,7 @@ const handleKeyDownLayer = (e) => {
 };
 const useKeyDownLayer = (key, watcher, callback) => {
   watch(watcher, (value) => {
+    const hasEvent = listeners.size > 0;
     if (value) {
       listeners.add(key, callback);
     } else {
@@ -476,11 +491,9 @@ const useKeyDownLayer = (key, watcher, callback) => {
     }
     if (listeners.size > 0 && !hasEvent) {
       document.addEventListener("keydown", handleKeyDownLayer);
-      hasEvent = true;
     }
     if (listeners.size === 0) {
       document.removeEventListener("keydown", handleKeyDownLayer);
-      hasEvent = false;
     }
   }, { immediate: true });
 };
@@ -492,11 +505,11 @@ class BlockDropEvent extends Event {
     this.content = content;
   }
 }
-const _hoisted_1$o = {
+const _hoisted_1$x = {
   key: 0,
   class: "v-form-control__label"
 };
-const _hoisted_2$9 = {
+const _hoisted_2$a = {
   key: 0,
   class: "v-form-control__required-marker"
 };
@@ -504,7 +517,7 @@ const _hoisted_3$7 = {
   key: 1,
   class: "v-form-control__outline"
 };
-const _hoisted_4$4 = {
+const _hoisted_4$5 = {
   key: 3,
   class: "v-form-control__actions"
 };
@@ -512,7 +525,7 @@ const _hoisted_5$2 = {
   key: 0,
   class: "v-form-control__error"
 };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "VFormControl",
   props: {
     error: {},
@@ -525,24 +538,26 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     const props = __props;
     const error = computed(() => {
       if (!props.error) return "";
+      if (typeof props.error === "string") return errorMap[props.error] ?? props.error;
       const code = props.error["code"];
-      if (code) {
-        return props.error.message ?? "";
+      if (code && code in errorMap) {
+        return errorMap[code] ?? "";
       }
       return props.error.message ?? "Произошла ошибка";
     });
+    const errorMap = inject("errorMap", {});
     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$o, [
+        !!props.label ? (openBlock(), createElementBlock("label", _hoisted_1$x, [
           createTextVNode(toDisplayString(props.label), 1),
-          props.required ? (openBlock(), createElementBlock("span", _hoisted_2$9, "*")) : createCommentVNode("", true)
+          props.required ? (openBlock(), createElementBlock("span", _hoisted_2$a, "*")) : 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, [
+        _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
           renderSlot(_ctx.$slots, "actions")
         ])) : createCommentVNode("", true),
         createVNode(Transition, null, {
@@ -555,7 +570,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-function tryOnScopeDispose(fn) {
+function tryOnScopeDispose$1(fn) {
   if (getCurrentScope()) {
     onScopeDispose(fn);
     return true;
@@ -573,7 +588,7 @@ function createEventHook() {
   const on = (fn) => {
     fns.add(fn);
     const offFn = () => off(fn);
-    tryOnScopeDispose(offFn);
+    tryOnScopeDispose$1(offFn);
     return {
       off: offFn
     };
@@ -588,12 +603,12 @@ function createEventHook() {
     clear
   };
 }
-const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+const isClient$1 = 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 toString$1 = Object.prototype.toString;
+const isObject$1 = (val) => toString$1.call(val) === "[object Object]";
+const noop$1 = () => {
 };
 const hasOwn = (val, key) => Object.prototype.hasOwnProperty.call(val, key);
 function createFilterWrapper(filter, fn) {
@@ -610,15 +625,16 @@ const bypassFilter = (invoke) => {
 function debounceFilter(ms, options = {}) {
   let timer;
   let maxTimer;
-  let lastRejector = noop;
+  let lastRejector = noop$1;
   const _clearTimeout = (timer2) => {
     clearTimeout(timer2);
     lastRejector();
-    lastRejector = noop;
+    lastRejector = noop$1;
   };
+  let lastInvoker;
   const filter = (invoke) => {
-    const duration = toValue(ms);
-    const maxDuration = toValue(options.maxWait);
+    const duration = toValue$1(ms);
+    const maxDuration = toValue$1(options.maxWait);
     if (timer)
       _clearTimeout(timer);
     if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
@@ -630,12 +646,13 @@ function debounceFilter(ms, options = {}) {
     }
     return new Promise((resolve, reject) => {
       lastRejector = options.rejectOnCancel ? reject : resolve;
+      lastInvoker = invoke;
       if (maxDuration && !maxTimer) {
         maxTimer = setTimeout(() => {
           if (timer)
             _clearTimeout(timer);
           maxTimer = null;
-          resolve(invoke());
+          resolve(lastInvoker());
         }, maxDuration);
       }
       timer = setTimeout(() => {
@@ -655,7 +672,7 @@ function toRef(...args) {
   if (args.length !== 1)
     return toRef$1(...args);
   const r = args[0];
-  return typeof r === "function" ? readonly(customRef(() => ({ get: r, set: noop }))) : ref(r);
+  return typeof r === "function" ? readonly(customRef(() => ({ get: r, set: noop$1 }))) : ref(r);
 }
 function watchWithFilter(source, cb, options = {}) {
   const {
@@ -686,61 +703,72 @@ function watchDebounced(source, cb, options = {}) {
     }
   );
 }
-const defaultWindow = isClient ? window : void 0;
-const defaultDocument = isClient ? window.document : void 0;
-function unrefElement(elRef) {
+function watchImmediate(source, cb, options) {
+  return watch(
+    source,
+    cb,
+    {
+      ...options,
+      immediate: true
+    }
+  );
+}
+const defaultWindow$1 = isClient$1 ? window : void 0;
+const defaultDocument = isClient$1 ? window.document : void 0;
+function unrefElement$1(elRef) {
   var _a;
-  const plain = toValue(elRef);
+  const plain = toValue$1(elRef);
   return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
 }
-function useEventListener(...args) {
-  let target;
-  let events2;
-  let listeners2;
-  let options;
-  if (typeof args[0] === "string" || Array.isArray(args[0])) {
-    [events2, listeners2, options] = args;
-    target = defaultWindow;
-  } else {
-    [target, events2, listeners2, options] = args;
-  }
-  if (!target)
-    return noop;
-  events2 = toArray(events2);
-  listeners2 = toArray(listeners2);
+function useEventListener$1(...args) {
   const cleanups = [];
   const cleanup = () => {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   };
-  const register = (el, event, listener, options2) => {
-    el.addEventListener(event, listener, options2);
-    return () => el.removeEventListener(event, listener, options2);
+  const register = (el, event, listener, options) => {
+    el.addEventListener(event, listener, options);
+    return () => el.removeEventListener(event, listener, options);
   };
-  const stopWatch = watch(
-    () => [unrefElement(target), toValue(options)],
-    ([el, options2]) => {
+  const firstParamTargets = computed(() => {
+    const test = toArray(toValue$1(args[0])).filter((e) => e != null);
+    return test.every((e) => typeof e !== "string") ? test : void 0;
+  });
+  const stopWatch = watchImmediate(
+    () => {
+      var _a, _b;
+      return [
+        (_b = (_a = firstParamTargets.value) == null ? void 0 : _a.map((e) => unrefElement$1(e))) != null ? _b : [defaultWindow$1].filter((e) => e != null),
+        toArray(toValue$1(firstParamTargets.value ? args[1] : args[0])),
+        toArray(unref(firstParamTargets.value ? args[2] : args[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        toValue$1(firstParamTargets.value ? args[3] : args[2])
+      ];
+    },
+    ([raw_targets, raw_events, raw_listeners, raw_options]) => {
       cleanup();
-      if (!el)
+      if (!(raw_targets == null ? void 0 : raw_targets.length) || !(raw_events == null ? void 0 : raw_events.length) || !(raw_listeners == null ? void 0 : raw_listeners.length))
         return;
-      const optionsClone = isObject(options2) ? { ...options2 } : options2;
+      const optionsClone = isObject$1(raw_options) ? { ...raw_options } : raw_options;
       cleanups.push(
-        ...events2.flatMap((event) => {
-          return listeners2.map((listener) => register(el, event, listener, optionsClone));
-        })
+        ...raw_targets.flatMap(
+          (el) => raw_events.flatMap(
+            (event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))
+          )
+        )
       );
     },
-    { immediate: true, flush: "post" }
+    { flush: "post" }
   );
   const stop = () => {
     stopWatch();
     cleanup();
   };
-  tryOnScopeDispose(stop);
+  tryOnScopeDispose$1(cleanup);
   return stop;
 }
 function useMounted() {
-  const isMounted = ref(false);
+  const isMounted = shallowRef(false);
   const instance = getCurrentInstance();
   if (instance) {
     onMounted(() => {
@@ -760,7 +788,7 @@ function cloneFnJSON(source) {
   return JSON.parse(JSON.stringify(source));
 }
 function useResizeObserver(target, callback, options = {}) {
-  const { window: window2 = defaultWindow, ...observerOptions } = options;
+  const { window: window2 = defaultWindow$1, ...observerOptions } = options;
   let observer;
   const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
   const cleanup = () => {
@@ -770,8 +798,8 @@ function useResizeObserver(target, callback, options = {}) {
     }
   };
   const targets = computed(() => {
-    const _targets = toValue(target);
-    return Array.isArray(_targets) ? _targets.map((el) => unrefElement(el)) : [unrefElement(_targets)];
+    const _targets = toValue$1(target);
+    return Array.isArray(_targets) ? _targets.map((el) => unrefElement$1(el)) : [unrefElement$1(_targets)];
   });
   const stopWatch = watch(
     targets,
@@ -791,7 +819,7 @@ function useResizeObserver(target, callback, options = {}) {
     cleanup();
     stopWatch();
   };
-  tryOnScopeDispose(stop);
+  tryOnScopeDispose$1(stop);
   return {
     isSupported,
     stop
@@ -803,11 +831,22 @@ const DEFAULT_OPTIONS = {
   reset: false,
   directory: false
 };
+function prepareInitialFiles(files) {
+  if (!files)
+    return null;
+  if (files instanceof FileList)
+    return files;
+  const dt = new DataTransfer();
+  for (const file of files) {
+    dt.items.add(file);
+  }
+  return dt.files;
+}
 function useFileDialog(options = {}) {
   const {
     document: document2 = defaultDocument
   } = options;
-  const files = ref(null);
+  const files = ref(prepareInitialFiles(options.initialFiles));
   const { on: onChange, trigger: changeTrigger } = createEventHook();
   const { on: onCancel, trigger: cancelTrigger } = createEventHook();
   let input;
@@ -855,13 +894,21 @@ function useFileDialog(options = {}) {
     onChange
   };
 }
-function useTextareaAutosize(options) {
+function tryRequestAnimationFrame(window2 = defaultWindow$1, fn) {
+  if (window2 && typeof window2.requestAnimationFrame === "function") {
+    window2.requestAnimationFrame(fn);
+  } else {
+    fn();
+  }
+}
+function useTextareaAutosize(options = {}) {
   var _a, _b;
+  const { window: window2 = defaultWindow$1 } = options;
   const textarea = toRef(options == null ? void 0 : options.element);
   const input = toRef((_a = options == null ? void 0 : options.input) != null ? _a : "");
   const styleProp = (_b = options == null ? void 0 : options.styleProp) != null ? _b : "height";
-  const textareaScrollHeight = ref(1);
-  const textareaOldWidth = ref(0);
+  const textareaScrollHeight = shallowRef(1);
+  const textareaOldWidth = shallowRef(0);
   function triggerResize() {
     var _a2;
     if (!textarea.value)
@@ -869,7 +916,7 @@ function useTextareaAutosize(options) {
     let height = "";
     textarea.value.style[styleProp] = "1px";
     textareaScrollHeight.value = (_a2 = textarea.value) == null ? void 0 : _a2.scrollHeight;
-    const _styleTarget = toValue(options == null ? void 0 : options.styleTarget);
+    const _styleTarget = toValue$1(options == null ? void 0 : options.styleTarget);
     if (_styleTarget)
       _styleTarget.style[styleProp] = `${textareaScrollHeight.value}px`;
     else
@@ -884,8 +931,10 @@ function useTextareaAutosize(options) {
   useResizeObserver(textarea, ([{ contentRect }]) => {
     if (textareaOldWidth.value === contentRect.width)
       return;
-    textareaOldWidth.value = contentRect.width;
-    triggerResize();
+    tryRequestAnimationFrame(window2, () => {
+      textareaOldWidth.value = contentRect.width;
+      triggerResize();
+    });
   });
   if (options == null ? void 0 : options.watch)
     watch(options.watch, triggerResize, { immediate: true, deep: true });
@@ -956,17 +1005,17 @@ function useVModel(props, key, emit, options = {}) {
     });
   }
 }
-const _hoisted_1$n = {
+const _hoisted_1$w = {
   key: 0,
   class: "v-input__start-adornment"
 };
-const _hoisted_2$8 = ["placeholder", "rows", "name"];
+const _hoisted_2$9 = ["placeholder", "rows", "name"];
 const _hoisted_3$6 = ["placeholder", "type", "name"];
-const _hoisted_4$3 = {
+const _hoisted_4$4 = {
   key: 3,
   class: "v-input__max-length"
 };
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "VInput",
   props: {
     modelValue: {},
@@ -1037,7 +1086,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       useTextareaAutosize({ element: inputRef, input: model });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$E, {
         class: normalizeClass(["v-input", { large: _ctx.large, multiline: _ctx.multiline }]),
         error: error.value,
         label: _ctx.label,
@@ -1047,7 +1096,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       }, createSlots({
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "start-adornment"),
-          props.prefix ? (openBlock(), createElementBlock("div", _hoisted_1$n, toDisplayString(props.prefix), 1)) : createCommentVNode("", true),
+          props.prefix ? (openBlock(), createElementBlock("div", _hoisted_1$w, toDisplayString(props.prefix), 1)) : createCommentVNode("", true),
           props.multiline ? withDirectives((openBlock(), createElementBlock("textarea", {
             key: 1,
             ref_key: "inputRef",
@@ -1057,7 +1106,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             rows: props.rows,
             class: "scroll",
             name: props.name
-          }, null, 8, _hoisted_2$8)), [
+          }, null, 8, _hoisted_2$9)), [
             [vModelText, model.value]
           ]) : withDirectives((openBlock(), createElementBlock("input", {
             key: 2,
@@ -1070,7 +1119,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           }, 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),
+          props.maxLength ? (openBlock(), createElementBlock("div", _hoisted_4$4, toDisplayString(model.value.length) + " / " + toDisplayString(props.maxLength), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "end-adornment")
         ]),
         _: 2
@@ -1086,16 +1135,16 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$m = { class: "blocks-list" };
-const _hoisted_2$7 = { class: "page-editor-blocks__group" };
+const _hoisted_1$v = { class: "blocks-list" };
+const _hoisted_2$8 = { class: "page-editor-blocks__group" };
 const _hoisted_3$5 = { class: "title" };
-const _hoisted_4$2 = { class: "blocks-list__blocks" };
+const _hoisted_4$3 = { 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({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "BlocksList",
   props: {
     blocks: {}
@@ -1115,6 +1164,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         blocks.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
         output.push({ name: groupName, blocks });
       }
+      output.sort((a, b) => {
+        if (a.name === "default") return 1;
+        if (b.name === "default") return -1;
+        return a.name.localeCompare(b.name);
+      });
       return output;
     });
     const groupNames = {
@@ -1139,17 +1193,17 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
-        createVNode(_sfc_main$u, {
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+        createVNode(_sfc_main$D, {
           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, [
+          return openBlock(), createElementBlock("div", _hoisted_2$8, [
             createElementVNode("div", _hoisted_3$5, toDisplayString(groupNames[group.name] ?? group.name), 1),
-            createElementVNode("div", _hoisted_4$2, [
+            createElementVNode("div", _hoisted_4$3, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(group.blocks, (item) => {
                 return openBlock(), createElementBlock("button", {
                   class: "blocks-list__block editor-component",
@@ -1165,31 +1219,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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];
-      }
-      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();
+    contentBlock.id = uid$1();
   }
   if (!contentBlock.data) {
     contentBlock.data = {};
@@ -1398,7 +1430,7 @@ const getBlockIndex = (parent, target) => {
   }
 };
 const createContentBlock = (block) => {
-  const id = uid();
+  const id = uid$1();
   return processBlock({ id, blockId: block.id, data: {} }, block);
 };
 const insertBlockBefore = (block, contentBlocks, prependBlockId) => {
@@ -1436,17 +1468,17 @@ const onUpdateBlockChildren = (block) => {
   }
 };
 const changeBlockId = (content, schema) => {
-  content.id = uid();
+  content.id = uid$1();
   processBlock(content);
   forEachChildren(schema, content, (contents) => {
     for (let content2 of contents) {
-      content2.id = uid();
+      content2.id = uid$1();
       processBlock(content2);
     }
   });
 };
 const createDevBlock = () => {
-  const id = uid();
+  const id = uid$1();
   const style = `
   min-width: 60px;
   min-height: 60px;
@@ -1462,11 +1494,11 @@ const deleteFromArray = (arr, item) => {
   arr.splice(index, 1);
   return true;
 };
-const uid = () => {
+const uid$1 = () => {
   return Math.trunc(Math.random() * 1e5).toString(16);
 };
-const _hoisted_1$l = ["onClick"];
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _hoisted_1$u = ["onClick"];
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "VTabs",
   props: {
     items: {},
@@ -1520,7 +1552,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                 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);
+              }, toDisplayString(item.title), 11, _hoisted_1$u);
             }), 128))
           ]),
           _: 1
@@ -1533,8 +1565,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$k = { class: "v-tabs-pages" };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _hoisted_1$t = { class: "v-tabs-pages" };
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "VTabsPages",
   props: {
     page: {},
@@ -1553,7 +1585,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$t, [
         createVNode(Transition, { name: transitionClass.value }, {
           default: withCtx(() => [
             (openBlock(), createElementBlock("div", {
@@ -1569,16 +1601,16 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$q = {};
-const _hoisted_1$j = {
+const _sfc_main$z = {};
+const _hoisted_1$s = {
   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] = [
+function _sfc_render$d(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$s, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -1587,8 +1619,8 @@ function _sfc_render$7(_ctx, _cache) {
     }, null, -1)
   ]));
 }
-const CollapseArrowIcon = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$7]]);
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const CollapseArrowIcon = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$d]]);
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "VCollapse",
   props: {
     open: { type: Boolean },
@@ -1635,7 +1667,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       setOpen(value);
     });
     let mouseMove = false;
-    useEventListener("mousedown", () => mouseMove = false);
+    useEventListener$1("mousedown", () => mouseMove = false);
     const onMouseEnter = (e) => {
       if (e.buttons > 0 && !mouseMove && !document.body.classList.contains("mousedrag")) {
         mouseMove = true;
@@ -1676,7 +1708,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 const margin = 8;
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1699,7 +1731,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     const origin = ref("center");
     const open = useVModel(props, "open", emit, { passive: true });
     const activatorElement = ref();
-    const clamp = (value, min, max) => {
+    const clamp2 = (value, min, max) => {
       if (value < min) return min;
       if (value > max) return max;
       return value;
@@ -1712,12 +1744,12 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       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);
+      if (pos === "start") return clamp2(start, min, max - size);
+      if (pos === "end") return clamp2(end - size, min, max - size);
+      return clamp2((start + end) / 2 - size / 2, min, max - size);
     };
     const calcOrigin = (start, end, point) => {
-      return clamp(Math.round((point - start) / (end - start) * 100), 0, 100) + "%";
+      return clamp2(Math.round((point - start) / (end - start) * 100), 0, 100) + "%";
     };
     const getRect = () => {
       if (props.anchorPosition) {
@@ -1772,7 +1804,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       calcPosition();
     });
     useResizeObserver(popoverRef, calcPosition);
-    useEventListener(window, "resize", calcPosition);
+    useEventListener$1(window, "resize", calcPosition);
     const close = () => {
       open.value = false;
     };
@@ -1844,55 +1876,55 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$n = {};
-const _hoisted_1$i = {
+const _sfc_main$w = {};
+const _hoisted_1$r = {
   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] = [
+function _sfc_render$c(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$r, _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, [
+const ArrowDownIcon = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$c]]);
+const _sfc_main$v = {};
+const _hoisted_1$q = { class: "v-icon-button" };
+function _sfc_render$b(_ctx, _cache) {
+  return openBlock(), createElementBlock("button", _hoisted_1$q, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const VIconButton = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$5]]);
-const _sfc_main$l = {};
-const _hoisted_1$g = {
+const VIconButton = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$b]]);
+const _sfc_main$u = {};
+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$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, _cache[0] || (_cache[0] = [
+function _sfc_render$a(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$p, _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 = {
+const CloseMinIcon = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$a]]);
+const _hoisted_1$o = { key: 0 };
+const _hoisted_2$7 = {
   key: 1,
   class: "v-select__placeholder"
 };
 const _hoisted_3$4 = { class: "v-select__actions" };
-const _hoisted_4$1 = { class: "v-select__menu" };
+const _hoisted_4$2 = { class: "v-select__menu" };
 const _hoisted_5 = {
   key: 0,
   class: "v-select__divider"
@@ -1902,7 +1934,7 @@ const _hoisted_6 = {
   class: "group-title"
 };
 const _hoisted_7 = ["onClick"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "VSelect",
   props: {
     items: {},
@@ -1937,7 +1969,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       opened.value = false;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$E, {
         outline: "",
         class: "v-select",
         label: props.label,
@@ -1946,7 +1978,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         required: props.required
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$o, {
+          createVNode(_sfc_main$x, {
             open: opened.value,
             "onUpdate:open": _cache[0] || (_cache[0] = ($event) => opened.value = $event),
             placement: "bottom",
@@ -1957,7 +1989,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               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)),
+                currentItem.value ? (openBlock(), createElementBlock("div", _hoisted_1$o, toDisplayString(currentItem.value.title), 1)) : (openBlock(), createElementBlock("div", _hoisted_2$7, toDisplayString(props.placeholder ?? "Выберите значение"), 1)),
                 createVNode(ArrowDownIcon)
               ], 16),
               createElementVNode("div", _hoisted_3$4, [
@@ -1976,7 +2008,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               ])
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$1, [
+              createElementVNode("div", _hoisted_4$2, [
                 (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", {
@@ -2000,8 +2032,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$e = { class: "json-editor__array" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _hoisted_1$n = { class: "json-editor__array" };
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "JsonEditorArray",
   props: {
     label: {},
@@ -2034,13 +2066,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       return `${props.label} (${length.value})`;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createVNode(_sfc_main$p, {
+      return openBlock(), createElementBlock("div", _hoisted_1$n, [
+        createVNode(_sfc_main$y, {
           label: label.value,
           open: props.expanded
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$u, {
+            createVNode(_sfc_main$D, {
               label: "Количество элементов",
               modelValue: length.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => length.value = $event),
@@ -2063,38 +2095,38 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$i = {};
-const _hoisted_1$d = {
+const _sfc_main$r = {};
+const _hoisted_1$m = {
   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] = [
+function _sfc_render$9(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$m, _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 = {
+const EmptyFileIcon = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$9]]);
+const _sfc_main$q = {};
+const _hoisted_1$l = {
   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] = [
+function _sfc_render$8(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$l, _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({
+const MoreIcon = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$8]]);
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "VButton",
   props: {
     component: {},
@@ -2147,7 +2179,7 @@ const useContextMenu = (creator) => {
     open
   };
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "VContextMenu",
   props: {
     open: { type: Boolean },
@@ -2187,7 +2219,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         renderSlot(_ctx.$slots, "activator", { props: activatorProps }),
-        createVNode(_sfc_main$o, {
+        createVNode(_sfc_main$x, {
           open: unref(open),
           "onUpdate:open": _cache[0] || (_cache[0] = ($event) => isRef(open) ? open.value = $event : null),
           element: activatorElement.value,
@@ -2198,7 +2230,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item) => {
-              return openBlock(), createBlock(_sfc_main$g, mergeProps({ ref_for: true }, item.props, {
+              return openBlock(), createBlock(_sfc_main$p, mergeProps({ ref_for: true }, item.props, {
                 class: "v-context-menu__item",
                 onClick: ($event) => onItemClick(item)
               }), {
@@ -2239,7 +2271,7 @@ const createDialogSystem = () => {
   };
 };
 const useDialog = () => inject("dialogStore");
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "VDialogProvider",
   setup(__props) {
     const dialogStore = inject("dialogStore");
@@ -2283,9 +2315,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               (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)), [
+                  role: "dialog"
+                }, { ref_for: true }, dialog.props), null, 16)), [
                   [vShow, index === unref(dialogStore).dialogHistory.length - 1]
                 ]);
               }), 256))
@@ -2297,60 +2328,64 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = {
-  class: "v-dialog scroll editor-component",
-  role: "dialog"
-};
-const _hoisted_2$5 = {
+const _hoisted_1$k = {
   key: 0,
   class: "v-dialog__header heading"
 };
-const _hoisted_3$3 = {
+const _hoisted_2$6 = {
   key: 1,
   class: "v-dialog__actions"
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "VDialog",
   props: {
-    "content:class": {}
+    "content:class": {},
+    component: {}
   },
   setup(__props) {
     const slots = useSlots();
     const props = __props;
     const dialog = useDialog();
     return (_ctx, _cache) => {
-      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),
-        createElementVNode("div", {
-          class: normalizeClass(["v-dialog__content", [props["content:class"], unref(slots).actions ? "" : "bottom-padding"]])
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2),
-        unref(slots).actions ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
-          renderSlot(_ctx.$slots, "actions")
-        ])) : createCommentVNode("", true)
-      ]);
+      return openBlock(), createBlock(resolveDynamicComponent(props.component ?? "div"), {
+        class: "v-dialog scroll editor-component",
+        role: "dialog"
+      }, {
+        default: withCtx(() => [
+          unref(slots).header ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
+            renderSlot(_ctx.$slots, "header"),
+            createVNode(VIconButton, {
+              role: "button",
+              class: "close-icon",
+              onClick: unref(dialog).close
+            }, {
+              default: withCtx(() => [
+                createVNode(CloseMinIcon)
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass(["v-dialog__content", [props["content:class"], unref(slots).actions ? "" : "bottom-padding"]])
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2),
+          unref(slots).actions ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
+            renderSlot(_ctx.$slots, "actions")
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
     };
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$j = {
   key: 0,
   class: "project-images__grid"
 };
-const _hoisted_2$4 = ["onClick"];
-const _hoisted_3$2 = ["src"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_2$5 = ["onClick"];
+const _hoisted_3$3 = ["src"];
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "ProjectImagesDialog",
   props: {
     fileRequest: { type: Function },
@@ -2365,20 +2400,20 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       dialog.back();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$d, { style: { "width": "900px" } }, {
+      return openBlock(), createBlock(_sfc_main$m, { style: { "width": "900px" } }, {
         header: withCtx(() => _cache[0] || (_cache[0] = [
           createTextVNode("Изображения проекта")
         ])),
         default: withCtx(() => [
-          unref(data) ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+          unref(data) ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
             (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);
+                }, null, 8, _hoisted_3$3)
+              ], 8, _hoisted_2$5);
             }), 256))
           ])) : createCommentVNode("", true)
         ]),
@@ -2387,14 +2422,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = {
+const _hoisted_1$i = {
   key: 0,
   class: "v-image-uploader__drag-label"
 };
-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({
+const _hoisted_2$4 = { class: "v-image-uploader__image-preview" };
+const _hoisted_3$2 = ["src"];
+const _hoisted_4$1 = { class: "v-image-uploader__image-info" };
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "VImageUploader",
   props: {
     accept: {},
@@ -2452,7 +2487,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       fileDialog.reset();
     });
     const removeImage = () => {
-      emit("update:modelValue", getDefaultValue(props.schema));
+      emit("update:modelValue", getDefaultValue(props.schema ?? { type: "object", format: "image" }));
     };
     const dialog = useDialog();
     const contextMenuItems = [];
@@ -2460,10 +2495,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", image);
     };
     if (fileRequest) {
-      contextMenuItems.push({ title: "Выбрать из файлов проекта", onClick: () => dialog.open(_sfc_main$c, { fileRequest, onOpenImage }) });
+      contextMenuItems.push({ title: "Выбрать из файлов проекта", onClick: () => dialog.open(_sfc_main$l, { fileRequest, onOpenImage }) });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$v, {
+      return openBlock(), createBlock(_sfc_main$E, {
         class: normalizeClass(["v-image-uploader", { drag: drag.value }]),
         error: _ctx.error,
         label: _ctx.label,
@@ -2475,7 +2510,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         onDragleave: onDragLeave
       }, {
         default: withCtx(() => [
-          drag.value ? (openBlock(), createElementBlock("div", _hoisted_1$9, "Отпустите файл здесь")) : !props.modelValue || props.modelValue.src === unref(defaultImageSrc) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          drag.value ? (openBlock(), createElementBlock("div", _hoisted_1$i, "Отпустите файл здесь")) : !props.modelValue || props.modelValue.src === unref(defaultImageSrc) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createVNode(EmptyFileIcon),
             createElementVNode("div", null, [
               createElementVNode("a", {
@@ -2483,7 +2518,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               }, "Загрузите изображение"),
               _cache[1] || (_cache[1] = createElementVNode("br", null, null, -1)),
               _cache[2] || (_cache[2] = createTextVNode("или перетащите сюда ")),
-              contextMenuItems.length > 0 ? (openBlock(), createBlock(_sfc_main$f, {
+              contextMenuItems.length > 0 ? (openBlock(), createBlock(_sfc_main$o, {
                 key: 0,
                 items: contextMenuItems,
                 placement: "bottom-end"
@@ -2500,11 +2535,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("", true)
             ])
           ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            createElementVNode("div", _hoisted_2$3, [
+            createElementVNode("div", _hoisted_2$4, [
               createElementVNode("img", {
                 src: props.modelValue.previewSrc ?? props.modelValue.src,
                 alt: "Preview Image"
-              }, null, 8, _hoisted_3$1),
+              }, null, 8, _hoisted_3$2),
               createVNode(VIconButton, {
                 class: "v-image-uploader__delete-button",
                 onClick: removeImage
@@ -2515,7 +2550,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ]),
-            createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_4$1, [
               createElementVNode("div", null, toDisplayString(props.modelValue.name), 1)
             ])
           ], 64))
@@ -2525,33 +2560,33 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$a = {};
-const _hoisted_1$8 = {
+const _sfc_main$j = {};
+const _hoisted_1$h = {
   width: "18",
   height: "18",
   viewBox: "0 0 18 18",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$8, _cache[0] || (_cache[0] = [
+function _sfc_render$7(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       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 CheckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$1]]);
-const _hoisted_1$7 = {
+const CheckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$7]]);
+const _hoisted_1$g = {
   key: 0,
   class: "v-checkbox__label left"
 };
-const _hoisted_2$2 = ["name"];
-const _hoisted_3 = {
+const _hoisted_2$3 = ["name"];
+const _hoisted_3$1 = {
   key: 1,
   class: "v-checkbox__label"
 };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "VCheckbox",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -2583,7 +2618,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         onClick,
         onKeydown: onClick
       }, [
-        labelPosition.value === "left" ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
+        labelPosition.value === "left" ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
           renderSlot(_ctx.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(props.label), 1)
           ])
@@ -2597,10 +2632,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
           type: "checkbox",
           name: props.name
-        }, null, 8, _hoisted_2$2), [
+        }, null, 8, _hoisted_2$3), [
           [vModelCheckbox, model.value]
         ]),
-        labelPosition.value === "right" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        labelPosition.value === "right" ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
           renderSlot(_ctx.$slots, "label", {}, () => [
             createTextVNode(toDisplayString(props.label), 1)
           ])
@@ -2620,16 +2655,16 @@ const capitalize = (text) => {
 const spaceCamelCase = (str) => {
   return capitalize(str.replace(/([A-Z])/g, " $1").trimStart());
 };
-const _sfc_main$8 = {};
-const _hoisted_1$6 = {
+const _sfc_main$h = {};
+const _hoisted_1$f = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, _cache[0] || (_cache[0] = [
+function _sfc_render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, _cache[0] || (_cache[0] = [
     createElementVNode("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -2638,9 +2673,9 @@ function _sfc_render(_ctx, _cache) {
     }, null, -1)
   ]));
 }
-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({
+const EditIcon = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$6]]);
+const _hoisted_1$e = { class: "v-link-editor__custom" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "VLinkEditor",
   props: /* @__PURE__ */ mergeModels({
     nullable: { type: Boolean }
@@ -2670,7 +2705,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         return;
       }
       if (type === "_externalNew") {
-        model.value = { id: "_external", url: "", title: "" };
+        model.value = { id: "_external", url: "", title: "", external: true };
         nextTick(() => {
           const editButton = (current == null ? void 0 : current.vnode.el).querySelector(".edit-button");
           editButton == null ? void 0 : editButton.dispatchEvent(new MouseEvent("mousedown"));
@@ -2695,7 +2730,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return arr;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$k, {
+      return openBlock(), createBlock(_sfc_main$t, {
         class: "v-link-editor",
         modelValue: linkType.value,
         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => linkType.value = $event),
@@ -2703,7 +2738,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         nullable: props.nullable
       }, {
         default: withCtx(() => [
-          model.value && model.value.id ? (openBlock(), createBlock(_sfc_main$o, {
+          model.value && model.value.id ? (openBlock(), createBlock(_sfc_main$x, {
             key: 0,
             offset: 4,
             placement: "bottom-end"
@@ -2719,27 +2754,27 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             default: withCtx(() => {
               var _a;
               return [
-                createElementVNode("div", _hoisted_1$5, [
-                  model.value.id === "_external" ? (openBlock(), createBlock(_sfc_main$u, {
+                createElementVNode("div", _hoisted_1$e, [
+                  model.value.id === "_external" ? (openBlock(), createBlock(_sfc_main$D, {
                     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, {
+                  model.value.id !== "_external" ? (openBlock(), createBlock(_sfc_main$D, {
                     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, {
+                  createVNode(_sfc_main$D, {
                     modelValue: model.value.title,
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => model.value.title = $event),
                     label: "Заголовок"
                   }, null, 8, ["modelValue"]),
-                  createVNode(_sfc_main$9, {
+                  createVNode(_sfc_main$i, {
                     modelValue: model.value.openNewTab,
                     "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => model.value.openNewTab = $event),
                     label: "Открывать в новой вкладке"
@@ -2755,57 +2790,1663 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = {
-  key: 2,
-  class: "json-editor__object"
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "JsonEditor",
-  props: /* @__PURE__ */ mergeModels({
-    schema: {},
-    name: {},
-    flat: { type: Boolean },
-    expanded: { type: Boolean },
-    nullable: { type: Boolean }
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  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");
-    if (vModel.value !== null && vModel.value !== void 0) {
-      if (props.schema.type === "object" && typeof vModel.value !== "object") {
-        vModel.value = getDefaultValue(props.schema);
-      }
+function tryOnScopeDispose(fn) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn);
+    return true;
+  }
+  return false;
+}
+function toValue(r) {
+  return typeof r === "function" ? r() : unref(r);
+}
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const toString = Object.prototype.toString;
+const isObject = (val) => toString.call(val) === "[object Object]";
+const noop = () => {
+};
+function unrefElement(elRef) {
+  var _a;
+  const plain = toValue(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+const defaultWindow = isClient ? window : void 0;
+function useEventListener(...args) {
+  let target;
+  let events2;
+  let listeners2;
+  let options;
+  if (typeof args[0] === "string" || Array.isArray(args[0])) {
+    [events2, listeners2, options] = args;
+    target = defaultWindow;
+  } else {
+    [target, events2, listeners2, options] = args;
+  }
+  if (!target)
+    return noop;
+  if (!Array.isArray(events2))
+    events2 = [events2];
+  if (!Array.isArray(listeners2))
+    listeners2 = [listeners2];
+  const cleanups = [];
+  const cleanup = () => {
+    cleanups.forEach((fn) => fn());
+    cleanups.length = 0;
+  };
+  const register = (el, event, listener, options2) => {
+    el.addEventListener(event, listener, options2);
+    return () => el.removeEventListener(event, listener, options2);
+  };
+  const stopWatch = watch(
+    () => [unrefElement(target), toValue(options)],
+    ([el, options2]) => {
+      cleanup();
+      if (!el)
+        return;
+      const optionsClone = isObject(options2) ? { ...options2 } : options2;
+      cleanups.push(
+        ...events2.flatMap((event) => {
+          return listeners2.map((listener) => register(el, event, listener, optionsClone));
+        })
+      );
+    },
+    { immediate: true, flush: "post" }
+  );
+  const stop = () => {
+    stopWatch();
+    cleanup();
+  };
+  tryOnScopeDispose(stop);
+  return stop;
+}
+const findParent = (el, callback) => {
+  if (!el)
+    return null;
+  if (el.nodeType === Node.ELEMENT_NODE) {
+    if (callback(el))
+      return el;
+  }
+  if (!el.parentElement)
+    return null;
+  return findParent(el.parentElement, callback);
+};
+const calcOffsetToNode = (parent, target) => {
+  let offset = 0;
+  for (let child of parent.childNodes) {
+    if (child.nodeName === "BR")
+      continue;
+    const ch = child.nodeType === Node.TEXT_NODE ? child : child.childNodes[0];
+    if (ch === target)
+      return offset;
+    offset += ch.length;
+  }
+  return offset;
+};
+const calcNodeByOffset = (parent, offset) => {
+  let currentOffset = offset;
+  if (offset === 0)
+    return [parent, 0];
+  for (let child of parent.childNodes) {
+    if (child.nodeName === "BR")
+      continue;
+    const ch = child.nodeType === Node.TEXT_NODE ? child : child.childNodes[0];
+    if (currentOffset - ch.length <= 0) {
+      return [ch, currentOffset];
     }
-    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)
+    currentOffset -= ch.length;
+  }
+  return [parent, 0];
+};
+const clamp = (val, min, max) => {
+  if (val > max)
+    return max;
+  if (val < min)
+    return min;
+  return val;
+};
+const isEqual = (a, b) => {
+  if (a === b)
+    return true;
+  if (typeof a !== "object" || typeof b !== "object" || a === null || b === null)
+    return false;
+  if (Array.isArray(a)) {
+    if (!Array.isArray(b) || a.length !== b.length)
+      return false;
+    for (let i = 0; i < a.length; i++) {
+      if (!isEqual(a[i], b[i]))
+        return false;
+    }
+    return true;
+  }
+  for (let key in a) {
+    if (!isEqual(a[key], b[key]))
+      return false;
+  }
+  return true;
+};
+class TextEditorHistory {
+  constructor(store) {
+    __publicField(this, "actions", []);
+    __publicField(this, "currentCursor", 0);
+    __publicField(this, "blocksIds", "");
+    __publicField(this, "cachedBlocksJson", "");
+    __publicField(this, "store");
+    __publicField(this, "tickStarted", false);
+    this.store = store;
+    window.showHistory = () => console.log(this.actions);
+  }
+  cacheBlockIds() {
+    this.blocksIds = this.store.blocks.map((item) => item.id).join(",");
+  }
+  blockIdsChanged() {
+    return this.blocksIds !== this.store.blocks.map((item) => item.id).join(",");
+  }
+  push(type) {
+    var _a;
+    if (this.currentCursor + 1 < this.actions.length) {
+      this.actions.length = this.currentCursor + 1;
+    }
+    const lastAction = this.actions.length > 0 ? this.actions[this.actions.length - 1] : null;
+    const selection = JSON.parse(JSON.stringify(this.store.selection));
+    const fullUpdate = type === "setText" || type === "addNewLine" || this.blockIdsChanged();
+    const blocksJson = JSON.stringify(this.store.blocks);
+    if (!fullUpdate && this.store.currentBlock) {
+      const currentBlock = JSON.parse(JSON.stringify(this.store.currentBlock));
+      if (lastAction && lastAction.type === type && ((_a = lastAction.blocks[0]) == null ? void 0 : _a.id) === currentBlock.id && (lastAction.type === "insertText" || lastAction.type === "deleteContentBackward" || lastAction.type === "deleteContentForward")) {
+        lastAction.blocks = [currentBlock];
+        lastAction.selection = selection;
+      } else {
+        this.actions.push({ type, blocks: [currentBlock], selection, fullUpdate });
+      }
+    } else {
+      this.actions.push({ type, blocks: JSON.parse(blocksJson), selection, fullUpdate });
+    }
+    this.currentCursor = this.actions.length - 1;
+    if (fullUpdate) {
+      if (lastAction && !lastAction.fullUpdate) {
+        lastAction.fullUpdate = true;
+        lastAction.blocks = JSON.parse(this.cachedBlocksJson);
+      }
+      this.cacheBlockIds();
+    }
+    this.cachedBlocksJson = blocksJson;
+  }
+  applyAction(action) {
+    if (action.fullUpdate) {
+      for (let i = 0; i < action.blocks.length; i++) {
+        if (i >= this.store.blocks.length) {
+          this.store.blocks.push({ ...action.blocks[i] });
+        } else {
+          Object.assign(this.store.blocks[i], action.blocks[i]);
+          this.store.blocks[i].type = action.blocks[i].type;
+        }
+      }
+      if (this.store.blocks.length > action.blocks.length) {
+        this.store.blocks.length = action.blocks.length;
+      }
+    } else {
+      for (let _block of action.blocks) {
+        const block = this.store.blocks.find((block2) => block2.id === _block.id);
+        if (block) {
+          block.text = _block.text;
+          block.styles = _block.styles;
+          block.type = _block.type;
+        }
+      }
+    }
+    Object.assign(this.store.selection, action.selection);
+    this.cacheBlockIds();
+  }
+  undo() {
+    if (this.currentCursor === 0)
+      return;
+    this.currentCursor--;
+    this.applyAction(this.actions[this.currentCursor]);
+  }
+  redo() {
+    if (this.currentCursor >= this.actions.length - 1)
+      return;
+    this.currentCursor++;
+    this.applyAction(this.actions[this.currentCursor]);
+  }
+}
+class TextEditorStore {
+  constructor() {
+    __publicField(this, "history", new TextEditorHistory(this));
+    __publicField(this, "blocks", reactive([{ id: uid(), text: "", styles: [] }]));
+    __publicField(this, "selection", reactive({
+      anchor: { blockId: this.blocks[0].id, offset: 0 },
+      focus: { blockId: this.blocks[0].id, offset: 0 }
+    }));
+    __publicField(this, "_isCollapsed", computed(() => {
+      return this.selection.anchor.blockId === this.selection.focus.blockId && this.selection.anchor.offset === this.selection.focus.offset;
+    }));
+    __publicField(this, "isFocused", ref(false));
+    __publicField(this, "_currentBlock", computed(() => {
+      if (this.selection.anchor.blockId !== this.selection.focus.blockId)
+        return null;
+      return this.blocks.find((item) => item.id === this.selection.anchor.blockId) ?? null;
+    }));
+    __publicField(this, "_selectedText", computed(() => {
+      if (this.isCollapsed)
+        return "";
+      const [start, end, startIndex, endIndex] = this.startAndEnd;
+      if (startIndex === endIndex) {
+        return this.blocks[startIndex].text.slice(start.offset, end.offset);
+      }
+      const startText = this.blocks[startIndex].text.slice(start.offset);
+      const endText = this.blocks[endIndex].text.slice(0, end.offset);
+      const arr = [startText, ...this.blocks.slice(startIndex + 1, endIndex).map((block) => block.text), endText];
+      return arr.join("\n");
+    }));
+    __publicField(this, "_currentStyles", computed(() => {
+      const [start, end, startIndex, endIndex] = this.startAndEnd;
+      const styles = /* @__PURE__ */ new Map();
+      if (startIndex < 0)
+        return styles;
+      for (let i = startIndex; i <= endIndex; i++) {
+        const blockStyles = this.blocks[i].styles;
+        if (!blockStyles)
+          continue;
+        for (let style of blockStyles) {
+          if (i === startIndex && start.offset < style.start)
+            continue;
+          if (i === endIndex && end.offset > style.end)
+            continue;
+          styles.set(style.style, style);
+        }
+      }
+      return styles;
+    }));
+  }
+  get isCollapsed() {
+    return this._isCollapsed.value;
+  }
+  get currentBlock() {
+    return this._currentBlock.value;
+  }
+  get selectedText() {
+    return this._selectedText.value;
+  }
+  moveOffset(newOffset) {
+    const delta = newOffset - this.selection.anchor.offset;
+    if (delta === 0)
+      return;
+    this.moveStyles(this.currentBlock, this.selection.focus.offset, -delta);
+    this.selection.anchor.offset = newOffset;
+    this.selection.focus.offset = newOffset;
+  }
+  addStyleToBlock(block, style) {
+    if (!block.styles) {
+      block.styles = [style];
+    } else {
+      block.styles.push(style);
+    }
+    block.styles.sort((a, b) => a.start - b.start);
+  }
+  concatBlocks(start, end) {
+    if (end.styles) {
+      for (let style of end.styles) {
+        style.start += start.text.length;
+        style.end += start.text.length;
+        this.addStyleToBlock(start, style);
+      }
+    }
+    start.text = start.text + end.text;
+  }
+  removeCurrentBlock() {
+    const blockIndex = this.blocks.findIndex((item) => item.id === this.selection.anchor.blockId);
+    if (blockIndex < 0)
+      return;
+    this.blocks.splice(blockIndex, 1);
+    if (this.blocks.length === 0) {
+      this.blocks.push({ id: uid(), text: "" });
+    }
+    const newBlockIndex = Math.max(blockIndex - 1, 0);
+    this.selection.anchor.blockId = this.blocks[newBlockIndex].id;
+    this.selection.focus.blockId = this.blocks[newBlockIndex].id;
+    this.selection.anchor.offset = blockIndex === 0 ? 0 : this.blocks[newBlockIndex].text.length;
+    this.selection.focus.offset = blockIndex === 0 ? 0 : this.blocks[newBlockIndex].text.length;
+    this.history.push("removeBlock");
+  }
+  removeNewLine() {
+    const blockIndex = this.blocks.findIndex((item) => item.id === this.selection.anchor.blockId);
+    if (blockIndex < 1)
+      return;
+    if (this.blocks[blockIndex - 1].editable === false) {
+      if (this.blocks[blockIndex].text === "") {
+        this.blocks.splice(blockIndex, 1);
+      }
+      this.selection.anchor.blockId = this.blocks[blockIndex - 1].id;
+      this.selection.focus.blockId = this.blocks[blockIndex - 1].id;
+      this.selection.anchor.offset = 0;
+      this.selection.focus.offset = 0;
+    } else {
+      this.selection.anchor.blockId = this.blocks[blockIndex - 1].id;
+      this.selection.focus.blockId = this.blocks[blockIndex - 1].id;
+      this.selection.anchor.offset = this.blocks[blockIndex - 1].text.length;
+      this.selection.focus.offset = this.blocks[blockIndex - 1].text.length;
+      this.concatBlocks(this.blocks[blockIndex - 1], this.blocks[blockIndex]);
+      this.blocks.splice(blockIndex, 1);
+    }
+  }
+  onInput(_e) {
+    const ev = _e;
+    if (ev.defaultPrevented)
+      return;
+    ev.preventDefault();
+    const collapsed = this.isCollapsed;
+    if (!collapsed)
+      this.deleteSelected();
+    const block = this.currentBlock;
+    if (!block)
+      return;
+    if ((ev.inputType === "deleteContentBackward" || ev.inputType === "deleteContentForward") && collapsed) {
+      if (ev.inputType === "deleteContentBackward") {
+        if (this.selection.anchor.offset === 0) {
+          if (block.type) {
+            delete block.type;
+          } else {
+            this.removeNewLine();
+          }
+        } else {
+          const offset = Math.max(0, this.selection.focus.offset - 1);
+          block.text = block.text.slice(0, offset) + block.text.slice(this.selection.focus.offset);
+          this.moveOffset(offset);
+        }
+        this.history.push("deleteContentBackward");
+      }
+      if (ev.inputType === "deleteContentForward") {
+        const blockIndex = this.blocks.findIndex((item) => item.id === this.selection.anchor.blockId);
+        if (this.selection.anchor.offset === this.blocks[blockIndex].text.length) {
+          const nextBlock = this.blocks[blockIndex + 1];
+          if (nextBlock) {
+            this.blocks.splice(blockIndex + 1, 1);
+            this.concatBlocks(this.blocks[blockIndex], nextBlock);
+          }
+        } else {
+          block.text = block.text.slice(0, this.selection.focus.offset) + block.text.slice(this.selection.focus.offset + 1);
+          this.moveStyles(block, this.selection.focus.offset + 1, 1);
+        }
+        this.history.push("deleteContentForward");
+      }
+    }
+    if (ev.inputType === "insertText") {
+      this.insertText(ev.data);
+      this.history.push("insertText");
+    }
+  }
+  addNewLineBefore() {
+    const index = this.blocks.findIndex((item) => item.id === this.selection.anchor.blockId);
+    const block = { id: uid(), text: "" };
+    this.blocks.splice(index, 0, block);
+    this.history.push("addNewLine");
+  }
+  addNewLine() {
+    var _a;
+    if (this.isCollapsed && this.selection.anchor.offset === 0 && ((_a = this.currentBlock) == null ? void 0 : _a.editable) !== false) {
+      this.addNewLineBefore();
+      return;
+    }
+    this.deleteSelected();
+    if (!this.currentBlock)
+      return;
+    const endText = this.currentBlock.editable === false ? "" : this.currentBlock.text.slice(this.selection.anchor.offset);
+    this.currentBlock.text = this.currentBlock.text.slice(0, this.selection.anchor.offset);
+    const block = { id: uid(), text: endText || "" };
+    const index = this.blocks.findIndex((item) => item.id === this.selection.anchor.blockId);
+    this.blocks.splice(index + 1, 0, block);
+    this.selection.anchor = { blockId: block.id, offset: 0 };
+    this.selection.focus = { blockId: block.id, offset: 0 };
+    this.history.push("addNewLine");
+  }
+  addNewLineAfter() {
+    const index = this.blocks.findIndex((item) => item.id === this.selection.anchor.blockId);
+    const block = { id: uid(), text: "" };
+    this.blocks.splice(index + 1, 0, block);
+    return block;
+  }
+  insertText(data) {
+    const block = this.currentBlock;
+    if (!block)
+      return;
+    const text = data.replace(/\r/g, "");
+    block.text = block.text.slice(0, this.selection.focus.offset) + text + block.text.slice(this.selection.focus.offset);
+    this.moveOffset(clamp(this.selection.focus.offset + text.length, 0, block.text.length));
+  }
+  insertBlock(blockData) {
+    if (!this.currentBlock)
+      return;
+    this.deleteSelected();
+    if (this.currentBlock.text !== "") {
+      this.addNewLine();
+    }
+    if (this.currentBlock.text !== "") {
+      const selection = JSON.parse(JSON.stringify(this.selection));
+      this.addNewLine();
+      Object.assign(this.selection, selection);
+    }
+    Object.assign(this.currentBlock, blockData);
+    if (blockData.editable === false && this.currentBlock === this.blocks[this.blocks.length - 1]) {
+      const newLine = this.addNewLineAfter();
+      this.selection.focus.blockId = newLine.id;
+      this.selection.focus.offset = 0;
+      this.selection.anchor.blockId = newLine.id;
+      this.selection.anchor.offset = 0;
+    }
+    this.history.push("setText");
+  }
+  get startAndEnd() {
+    const a = this.blocks.findIndex((block) => block.id === this.selection.anchor.blockId);
+    const f = this.blocks.findIndex((block) => block.id === this.selection.focus.blockId);
+    if (a < f || a === f && this.selection.anchor.offset < this.selection.focus.offset) {
+      return [this.selection.anchor, this.selection.focus, a, f];
+    } else {
+      return [this.selection.focus, this.selection.anchor, f, a];
+    }
+  }
+  moveStyles(block, offset, delta) {
+    if (!block.styles)
+      return;
+    for (let i = 0; i < block.styles.length; i++) {
+      const style = block.styles[i];
+      if (style.start >= offset)
+        style.start -= delta;
+      if (style.end >= offset)
+        style.end -= delta;
+      if (style.end <= style.start) {
+        block.styles.splice(i, 1);
+        i--;
+      }
+    }
+  }
+  deleteSelected() {
+    if (this.isCollapsed)
+      return;
+    const [start, end, startIndex, endIndex] = this.startAndEnd;
+    const startText = this.blocks[startIndex].text.slice(0, start.offset);
+    const endText = this.blocks[endIndex].text.slice(end.offset);
+    this.removeAllStyles();
+    const delta = end.offset - (startIndex === endIndex ? start.offset : 0);
+    this.moveStyles(this.blocks[endIndex], end.offset, delta);
+    if (this.selection.anchor.blockId !== this.selection.focus.blockId) {
+      this.blocks.splice(startIndex + 1, endIndex - startIndex);
+    }
+    if (start !== this.selection.anchor) {
+      this.selection.anchor = { ...start };
+    }
+    if (start !== this.selection.focus) {
+      this.selection.focus = { ...start };
+    }
+    this.blocks[startIndex].text = startText + endText;
+  }
+  get currentStyles() {
+    return this._currentStyles.value;
+  }
+  applyStyle(_style, meta) {
+    if (this.isCollapsed)
+      return;
+    const [start, end, startIndex, endIndex] = this.startAndEnd;
+    for (let i = startIndex; i <= endIndex; i++) {
+      const block = this.blocks[i];
+      const _start = i === startIndex ? start.offset : 0;
+      const _end = i === endIndex ? end.offset : block.text.length;
+      let createNewStyle = true;
+      if (block.styles) {
+        for (let style of block.styles) {
+          if (style.style !== _style)
+            continue;
+          if (style.start > _end || style.end < _start)
+            continue;
+          if (meta && !isEqual(meta, style.meta) && (style.start !== _start || style.end !== _end)) {
+            if (_start === style.end || _end === style.start)
+              continue;
+            this.removeStyleAt(block, _start, _end, _style);
+          } else {
+            style.start = Math.min(style.start, _start);
+            style.end = Math.max(style.end, _end);
+            createNewStyle = false;
+            style.meta = meta;
+          }
+        }
+      }
+      if (createNewStyle) {
+        const newStyle = {
+          start: i === startIndex ? start.offset : 0,
+          end: i === endIndex ? end.offset : block.text.length,
+          style: _style,
+          meta
+        };
+        this.addStyleToBlock(block, newStyle);
+      }
+    }
+    this.history.push("applyStyle");
+  }
+  removeStyleAt(block, _start, _end, _style) {
+    const removeAll = typeof _style !== "string";
+    if (!block.styles)
+      return;
+    for (let i = 0; i < block.styles.length; i++) {
+      const style = block.styles[i];
+      if (!removeAll && style.style !== _style)
+        continue;
+      if (style.start > _end || style.end < _start)
+        continue;
+      if (style.start >= _start && style.end <= _end) {
+        block.styles.splice(i, 1);
+        i--;
+      } else if (style.start < _start && style.end > _end) {
+        block.styles.push({ ...style, start: _end });
+        style.end = _start;
+      } else if (style.start < _start) {
+        style.end = _start;
+      } else if (style.end > _end) {
+        style.start = _end;
+      }
+    }
+    if (block.styles.length === 0) {
+      delete block.styles;
+    }
+  }
+  removeStyle(_style) {
+    const [start, end, startIndex, endIndex] = this.startAndEnd;
+    for (let i = startIndex; i <= endIndex; i++) {
+      const block = this.blocks[i];
+      const _start = i === startIndex ? start.offset : 0;
+      const _end = i === endIndex ? end.offset : block.text.length;
+      this.removeStyleAt(block, _start, _end, _style);
+    }
+    this.history.push("applyStyle");
+  }
+  removeAllStyles() {
+    const [start, end, startIndex, endIndex] = this.startAndEnd;
+    for (let i = startIndex; i <= endIndex; i++) {
+      const block = this.blocks[i];
+      if (i > startIndex && i < endIndex) {
+        delete block.styles;
+        return;
+      }
+      const _start = i === startIndex ? start.offset : 0;
+      const _end = i === endIndex ? end.offset : block.text.length;
+      this.removeStyleAt(block, _start, _end);
+    }
+  }
+  toggleStyle(style) {
+    if (this.currentStyles.has(style)) {
+      this.removeStyle(style);
+    } else {
+      this.applyStyle(style);
+    }
+  }
+  selectAll() {
+    this.selection.anchor = { blockId: this.blocks[0].id, offset: 0 };
+    const lastBlock = this.blocks[this.blocks.length - 1];
+    this.selection.focus = { blockId: lastBlock.id, offset: lastBlock.text.length };
+  }
+}
+let uidCounter = 0;
+const uid = () => (uidCounter++).toString();
+const _sfc_main$2$1 = defineComponent({
+  props: ["block", "slots", "static", "decorator", "renderer", "parser"],
+  emits: ["postrender"],
+  setup(props, { emit }) {
+    const slot = computed(() => {
+      if (!props.block.type)
+        return props.slots["default"] ?? null;
+      return props.slots[props.block.type] ?? null;
+    });
+    const instance = getCurrentInstance();
+    const getRef = () => {
+      if (!instance)
+        return null;
+      const el = instance.vnode.el;
+      if (!el)
+        return null;
+      if (el.nodeType === Node.TEXT_NODE && el.nextSibling !== null) {
+        return el.nextSibling;
+      }
+      return el;
+    };
+    const cacheNodes = [];
+    let cacheEl = null;
+    const cleanTree = (count) => {
+      if (props.static === true)
+        return;
+      const el = getRef();
+      if (!el)
+        return;
+      if (el === cacheEl && cacheNodes.length > 0) {
+        el.prepend(cacheNodes[0]);
+        el.append(cacheNodes[1]);
+      }
+      nextTick(() => {
+        var _a;
+        cacheEl = getRef();
+        if (el === cacheEl) {
+          if (el.childNodes.length > count + 2) {
+            for (let i = 0; i < el.childNodes.length; i++) {
+              const child = el.childNodes[i];
+              if (i === 0 && child.nodeType === Node.TEXT_NODE && child.textContent === "")
+                continue;
+              if ("__vnode" in child)
+                continue;
+              if (child.nodeType === Node.TEXT_NODE && ((_a = child.textContent) == null ? void 0 : _a.endsWith("\n")))
+                continue;
+              el.removeChild(child);
+              break;
+            }
+          }
+        }
+        if (cacheEl) {
+          cacheNodes[0] = cacheEl.childNodes[0];
+          cacheNodes[1] = cacheEl.childNodes[cacheEl.childNodes.length - 1];
+        }
+        emit("postrender");
+      });
+    };
+    const content = () => {
+      const block = props.block;
+      if (block.editable === false)
+        return [];
+      if (block.text.length === 0) {
+        cleanTree(1);
+        return [h("br")];
+      }
+      let text = block.text;
+      if (text.endsWith("\n")) {
+        text = text + "\n";
+      }
+      const markers = [];
+      if (block.styles) {
+        for (let style of block.styles) {
+          if (style.end <= style.start)
+            continue;
+          markers.push([style.start, style]);
+          markers.push([style.end, style]);
+        }
+      }
+      if (props.parser) {
+        for (let style of props.parser(text)) {
+          if (style.end <= style.start)
+            continue;
+          markers.push([style.start, style]);
+          markers.push([style.end, style]);
+        }
+      }
+      markers.sort((a, b) => a[0] - b[0]);
+      let currentIndex = 0;
+      const activeStyles = /* @__PURE__ */ new Set();
+      const blocks = [];
+      for (let marker of markers) {
+        if (currentIndex !== marker[0]) {
+          const str = text.slice(currentIndex, marker[0]);
+          blocks.push(renderBlockPart(str, Array.from(activeStyles.values())));
+          currentIndex = marker[0];
+        }
+        if (marker[0] === marker[1].start) {
+          activeStyles.add(marker[1]);
+        }
+        if (marker[0] === marker[1].end) {
+          activeStyles.delete(marker[1]);
+        }
+      }
+      if (currentIndex !== text.length) {
+        const str = text.slice(currentIndex, text.length);
+        blocks.push(renderBlockPart(str, Array.from(activeStyles.values())));
+      }
+      cleanTree(blocks.length);
+      return blocks;
+    };
+    const renderBlockPart = (text, styles) => {
+      if (!props.decorator)
+        return text;
+      let elementTag = "span";
+      const attrs = {};
+      for (let style of styles) {
+        const partProps = props.decorator(style);
+        if (!partProps)
+          continue;
+        const { class: _class, style: _style, tag, ...otherProps } = partProps;
+        Object.assign(attrs, otherProps);
+        if (_class) {
+          attrs.class = attrs.class ? attrs.class + " " + _class : _class;
+        }
+        if (_style) {
+          attrs.style = attrs.style ? attrs.style + " " + _style : _style;
+        }
+        if (tag) {
+          elementTag = tag;
+        }
+      }
+      if (Object.keys(attrs).length === 0 && elementTag === "span")
+        return text;
+      return h(elementTag, attrs, text);
+    };
+    return () => {
+      let elementTag = "div";
+      const blockProps = {
+        "data-vw-block-id": props.block.id
+      };
+      const additionalProps = props.renderer && props.renderer(props.block);
+      if (additionalProps) {
+        if (additionalProps.tag) {
+          elementTag = additionalProps.tag;
+          delete additionalProps.tag;
+        }
+        Object.assign(blockProps, additionalProps);
+      }
+      if (slot.value) {
+        const component = slot.value({ content, props: blockProps, block: props.block });
+        if (Array.isArray(component) && component.length === 1)
+          return component[0];
+        return component;
+      }
+      return h(elementTag, blockProps, content());
+    };
+  }
+});
+const createClipboardEvents = (store, props) => {
+  const getSelected = () => {
+    const [start, end, startIndex, endIndex] = store.startAndEnd;
+    if (startIndex === endIndex) {
+      const text2 = store.blocks[startIndex].text.slice(start.offset, end.offset);
+      return [
+        new ClipboardItem({
+          "text/plain": new Blob([text2], { type: "text/plain" })
+        })
+      ];
+    }
+    const startText = store.blocks[startIndex].text.slice(start.offset);
+    const endText = store.blocks[endIndex].text.slice(0, end.offset);
+    const arr = [
+      { type: store.blocks[startIndex].type, text: startText },
+      ...store.blocks.slice(startIndex + 1, endIndex),
+      { type: store.blocks[endIndex].type, text: endText }
+    ];
+    const html = arr.map((item) => `<div>${item.text}</div>`).join("\n");
+    const text = arr.map((item) => item.text).join("\n");
+    return [
+      new ClipboardItem({
+        "text/html": new Blob([html], { type: "text/html" }),
+        "text/plain": new Blob([text], { type: "text/plain" })
+      })
+    ];
+  };
+  const onCopy = (e) => {
+    if (e.defaultPrevented)
+      return;
+    e.preventDefault();
+    navigator.clipboard.write(getSelected());
+    store.history.push("setText");
+  };
+  const onCut = (e) => {
+    if (e.defaultPrevented)
+      return;
+    e.preventDefault();
+    navigator.clipboard.write(getSelected());
+    store.deleteSelected();
+    store.history.push("setText");
+  };
+  const insertText = (text) => {
+    if (props.preventMultiline) {
+      const blocks = text.split("\n");
+      store.insertText(blocks[0]);
+      for (let i = 1; i < blocks.length; i++) {
+        store.addNewLine();
+        store.insertText(blocks[i]);
+      }
+    } else {
+      store.insertText(text);
+    }
+  };
+  const parseHtml = (node) => {
+    var _a;
+    let isTextNode = false;
+    for (let _node of node.childNodes) {
+      if (_node.nodeType === Node.TEXT_NODE && ((_a = _node.textContent) == null ? void 0 : _a.trim()) || _node.nodeType == Node.ELEMENT_NODE && _node.tagName === "SPAN") {
+        isTextNode = true;
+        break;
+      }
+    }
+    if (isTextNode) {
+      const text = node.textContent;
+      if (!text)
+        return;
+      insertText(text);
+      store.addNewLine();
+      return;
+    }
+    for (let child of node.children) {
+      if (child.tagName === "DIV") {
+        parseHtml(child);
+      } else {
+        insertText(child.textContent ?? "");
+        store.addNewLine();
+      }
+    }
+  };
+  const parser = new DOMParser();
+  const onPaste = (e) => {
+    var _a, _b;
+    if (e.defaultPrevented)
+      return;
+    e.preventDefault();
+    const html = (_a = e.clipboardData) == null ? void 0 : _a.getData("text/html");
+    if (html) {
+      store.deleteSelected();
+      const dom = parser.parseFromString(html, "text/html");
+      parseHtml(dom.body);
+    } else {
+      const text = (_b = e.clipboardData) == null ? void 0 : _b.getData("text");
+      if (!text)
+        return;
+      store.deleteSelected();
+      insertText(text);
+    }
+    store.history.push("setText");
+  };
+  return {
+    onCopy,
+    onCut,
+    onPaste
+  };
+};
+const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
+  __name: "TextEditor",
+  props: {
+    decorator: { type: Function },
+    renderer: { type: Function },
+    single: { type: Boolean },
+    modelValue: {},
+    parser: { type: Function },
+    styles: {},
+    autofocus: { type: Boolean },
+    autoselect: { type: Boolean },
+    preventMultiline: { type: Boolean }
+  },
+  emits: ["keydown", "update:modelValue", "update:styles"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const textEditorRef = ref();
+    const store = new TextEditorStore();
+    let modelValue = "";
+    watch(() => props.modelValue, (newValue) => {
+      if (isProxy(newValue) && toRaw(newValue) === modelValue)
+        return;
+      if (newValue === void 0 || newValue === null || newValue === modelValue)
+        return;
+      if (!Array.isArray(newValue)) {
+        store.blocks[0].text = newValue;
+        return;
+      } else {
+        for (let i = store.blocks.length; i < newValue.length; i++) {
+          store.blocks.push({ id: uid(), text: "", styles: [] });
+        }
+        store.blocks.length = newValue.length;
+        for (let i = 0; i < newValue.length; i++) {
+          store.blocks[i].text = newValue[i].text;
+          store.blocks[i].type = newValue[i].type;
+          store.blocks[i].styles = newValue[i].styles;
+        }
+      }
+    }, { immediate: true });
+    let styles;
+    watch(() => props.styles, (newStyles) => {
+      if (!newStyles || newStyles.length === 0 || newStyles === styles)
+        return;
+      for (let i = 0; i < store.blocks.length; i++) {
+        if (newStyles.length <= i)
+          break;
+        store.blocks[i].styles = newStyles;
+      }
+    }, { immediate: true });
+    watch(() => store.blocks, () => {
+      if (props.single) {
+        modelValue = store.blocks[0].text;
+        styles = store.blocks[0].styles;
+        emit("update:styles", styles);
+        emit("update:modelValue", modelValue);
+      } else {
+        emit("update:modelValue", store.blocks);
+      }
+    }, { deep: true });
+    const onKeyDown = (e) => {
+      emit("keydown", e);
+      if (e.defaultPrevented)
+        return;
+      if (e.code === "Enter") {
+        e.preventDefault();
+        if (!props.preventMultiline && (e.shiftKey || props.single)) {
+          store.insertText("\n");
+        } else {
+          store.addNewLine();
+        }
+      }
+      if ((e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey) {
+        if (e.code === "KeyB" || e.code === "KeyI" || e.code === "KeyU") {
+          e.preventDefault();
+        }
+      }
+      if ((e.ctrlKey || e.metaKey) && e.code === "KeyZ" && !e.shiftKey) {
+        e.preventDefault();
+        store.history.undo();
+      }
+      if ((e.ctrlKey || e.metaKey) && (e.code === "KeyY" || e.shiftKey && e.code === "KeyZ")) {
+        e.preventDefault();
+        store.history.redo();
+      }
+    };
+    let cachedSelection = {};
+    useEventListener(document, "selectionchange", () => {
+      const sel = window.getSelection();
+      const anchor = findParent(sel.anchorNode, (el) => el.hasAttribute("data-vw-block-id") && el.parentElement === textEditorRef.value);
+      if (anchor) {
+        const isNonEditable = anchor.getAttribute("contenteditable") === "false";
+        const offset = isNonEditable || anchor === sel.focusNode ? 0 : calcOffsetToNode(anchor, sel.anchorNode) + sel.anchorOffset;
+        store.selection.anchor = { blockId: anchor.getAttribute("data-vw-block-id"), offset };
+      }
+      const focus = findParent(sel.focusNode, (el) => el.hasAttribute("data-vw-block-id") && el.parentElement === textEditorRef.value);
+      if (focus) {
+        const isNonEditable = focus.getAttribute("contenteditable") === "false";
+        const offset = isNonEditable || focus === sel.focusNode ? 0 : calcOffsetToNode(focus, sel.focusNode) + sel.focusOffset;
+        store.selection.focus = { blockId: focus.getAttribute("data-vw-block-id"), offset };
+      }
+      if (store.isFocused.value !== (!!focus || !!anchor)) {
+        store.isFocused.value = !!focus || !!anchor;
+      }
+      if (anchor && focus) {
+        cachedSelection = JSON.parse(JSON.stringify(store.selection));
+      }
+    });
+    let postRendered = false;
+    const onPostRender = () => {
+      if (postRendered)
+        return;
+      cachedSelection = {};
+      postRendered = true;
+      applySelection();
+      nextTick(() => {
+        postRendered = false;
+      });
+    };
+    const getNode = (blockId) => {
+      for (let item of textEditorRef.value.children) {
+        if (item.getAttribute("data-vw-block-id") === blockId) {
+          return item;
+        }
+      }
+      return null;
+    };
+    const applySelection = () => {
+      var _a;
+      if (!store.isFocused.value) {
+        cachedSelection = JSON.parse(JSON.stringify(store.selection));
+        return;
+      }
+      if (isEqual(store.selection, cachedSelection))
+        return;
+      const anchor = getNode(store.selection.anchor.blockId);
+      const focus = getNode(store.selection.focus.blockId);
+      const nativeSelection = window.getSelection();
+      if (anchor && focus) {
+        nativeSelection.setBaseAndExtent(
+          ...calcNodeByOffset(anchor, store.selection.anchor.offset),
+          ...calcNodeByOffset(focus, store.selection.focus.offset)
+        );
+      }
+      if (store.selection.anchor.blockId === store.selection.focus.blockId && ((_a = store.currentBlock) == null ? void 0 : _a.editable) === false) {
+        const innerText = anchor == null ? void 0 : anchor.querySelector("[data-vw-block-id]");
+        if (innerText) {
+          nativeSelection.setBaseAndExtent(innerText, 0, innerText, 0);
+        }
+      }
+      cachedSelection = JSON.parse(JSON.stringify(store.selection));
+    };
+    watch(() => store.selection, applySelection, { deep: true, flush: "post" });
+    onMounted(() => {
+      var _a, _b;
+      if (props.autofocus) {
+        (_a = textEditorRef.value) == null ? void 0 : _a.focus();
+        applySelection();
+      }
+      if (props.autoselect) {
+        (_b = textEditorRef.value) == null ? void 0 : _b.focus();
+        store.selectAll();
+      }
+      store.history.push("setText");
+    });
+    const { onCut, onCopy, onPaste } = createClipboardEvents(store, props);
+    const getClientRects = (selection) => {
+      const anchor = getNode(selection.anchor.blockId);
+      const focus = getNode(selection.focus.blockId);
+      if (anchor && focus) {
+        const range = new Range();
+        range.setStart(...calcNodeByOffset(anchor, selection.anchor.offset));
+        range.setEnd(...calcNodeByOffset(focus, selection.focus.offset));
+        return range.getClientRects();
+      }
+      return new DOMRectList();
+    };
+    __expose({
+      currentStyles: store._currentStyles,
+      currentBlock: store._currentBlock,
+      isCollapsed: store._isCollapsed,
+      selection: store.selection,
+      isFocused: store.isFocused,
+      toggleStyle: store.toggleStyle.bind(store),
+      applyStyle: store.applyStyle.bind(store),
+      removeStyle: store.removeStyle.bind(store),
+      insertText: store.insertText.bind(store),
+      insertBlock: store.insertBlock.bind(store),
+      addNewLine: store.addNewLine.bind(store),
+      removeNewLine: store.removeNewLine.bind(store),
+      removeCurrentBlock: store.removeCurrentBlock.bind(store),
+      selectAll: store.selectAll.bind(store),
+      pushHistory: store.history.push.bind(store.history),
+      getClientRects
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "textEditorRef",
+        ref: textEditorRef,
+        contenteditable: "",
+        onBeforeinput: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(store).onInput && unref(store).onInput(...args)),
+        onKeydown: onKeyDown,
+        onCopy: _cache[1] || (_cache[1] = //@ts-ignore
+        (...args) => unref(onCopy) && unref(onCopy)(...args)),
+        onPaste: _cache[2] || (_cache[2] = //@ts-ignore
+        (...args) => unref(onPaste) && unref(onPaste)(...args)),
+        onCut: _cache[3] || (_cache[3] = //@ts-ignore
+        (...args) => unref(onCut) && unref(onCut)(...args))
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(store).blocks, (block) => {
+          return openBlock(), createBlock(_sfc_main$2$1, {
+            key: block.id,
+            block,
+            slots: unref(slots),
+            renderer: props.renderer,
+            decorator: props.decorator,
+            parser: props.parser,
+            onPostrender: onPostRender
+          }, null, 8, ["block", "slots", "renderer", "decorator", "parser"]);
+        }), 128)),
+        unref(store).blocks.length === 1 && unref(store).blocks[0].text === "" && !unref(store).blocks[0].type ? renderSlot(_ctx.$slots, "placeholder", { key: 0 }) : createCommentVNode("", true)
+      ], 544);
+    };
+  }
+});
+defineComponent({
+  props: ["modelValue", "decorator", "parser", "styles", "renderer"],
+  setup(props, { slots }) {
+    const blocks = computed(() => {
+      if (Array.isArray(props.modelValue)) {
+        return props.modelValue;
+      }
+      return [{ text: props.modelValue, styles: props.styles ?? [] }];
+    });
+    return () => h("div", blocks.value.map((block) => h(_sfc_main$2$1, {
+      key: block.id,
+      block,
+      slots,
+      decorator: props.decorator,
+      renderer: props.renderer,
+      parser: props.parser,
+      static: true
+    })));
+  }
+});
+const defaultDecorator = (style) => {
+  if (style.style === "color") {
+    return { style: `color: ${style.meta.color};` };
+  }
+  if (style.style === "bold") {
+    return { tag: "b" };
+  }
+  if (style.style === "underline") {
+    return { tag: "u" };
+  }
+  if (style.style === "italic") {
+    return { tag: "i" };
+  }
+  if (style.style === "code") {
+    return { class: style.style };
+  }
+  if (style.style === "link") {
+    return { tag: "a", href: style.meta.url };
+  }
+};
+const defaultRenderer = (block) => {
+  if (block.type === "h1" || block.type === "h2" || block.type === "h3" || block.type === "li") {
+    return { tag: block.type };
+  }
+  if (block.type === "callout") {
+    return { class: "callout" };
+  }
+  return { tag: "p" };
+};
+const codeDecorator = (style) => {
+  if (!style.meta) return {};
+  return { style: `color: ${style.meta.color};` };
+};
+const colors = {
+  "const": "#FF457D",
+  "let": "#FF457D",
+  "var": "#FF457D",
+  "new": "#FF457D",
+  "class": "#FF457D",
+  "else": "#FF457D",
+  "if": "#FF457D",
+  "for": "#FF457D",
+  "continue": "#FF457D",
+  "break": "#FF457D",
+  "return": "#FF457D",
+  "function": "#FF457D",
+  "import": "#FF457D",
+  "from": "#FF457D"
+};
+const quoteColor = "#032F62";
+const nextChar = (str, pos) => {
+  for (let i = pos; i < str.length; i++) {
+    if (str[i] !== " ") return str[i];
+  }
+  return null;
+};
+const codeParser = (text) => {
+  const arr = [];
+  let j = 0;
+  let quotes = "";
+  let comment = false;
+  for (let i = 0; i <= text.length; i++) {
+    if (comment && i === text.length) {
+      arr.push({ start: j, end: i, style: "code", meta: { color: "#71808F" } });
+    }
+    if (comment) continue;
+    if (text[i] === "/" && text[i + 1] === "/" && !quotes) {
+      comment = true;
+      j = i;
+      continue;
+    }
+    if (quotes !== "" && text[i] === "\\") {
+      i++;
+      continue;
+    }
+    if (i === text.length && quotes !== "" || `"'`.includes(text[i])) {
+      if (quotes !== "") {
+        if (text[i] !== quotes && i !== text.length) continue;
+        arr.push({ start: j, end: i + 1, style: "code", meta: { color: quoteColor } });
+        j = i + 1;
+        quotes = "";
+      } else {
+        quotes = text[i];
+        j = i;
+      }
+    }
+    if (quotes !== "") continue;
+    if (i === text.length || ` ()!-=.,;'"/*`.includes(text[i])) {
+      if (i < j) {
+        continue;
+      }
+      const word = text.slice(j, i);
+      if (nextChar(text, i) === "(") {
+        arr.push({ start: j, end: i, style: "code", meta: { color: "#005CC5" } });
+      } else if (word in colors) {
+        arr.push({ start: j, end: i, style: "code", meta: { color: colors[word] } });
+      } else if (/^-?\d*\.?\d*$/.test(word)) {
+        if (text[i] === ".") continue;
+        arr.push({ start: j, end: i, style: "code", meta: { color: "#005CC5" } });
+      } else if (text[j - 1] === ".") {
+        arr.push({ start: j, end: i, style: "code", meta: { color: "#6F42C1" } });
+      }
+      j = i + 1;
+    }
+  }
+  return arr;
+};
+const _hoisted_1$d = {
+  class: "code-editor",
+  contenteditable: false
+};
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "RichTextEditorCode",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue", "newblock", "remove"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const model = ref([{ text: "" }]);
+    if (props.modelValue) {
+      model.value = props.modelValue.split("\n").map((text) => ({ text }));
+    }
+    watch(model, () => {
+      emit("update:modelValue", model.value.map((item) => item.text).join("\n"));
+    }, { deep: true });
+    const onKeyDown = (e) => {
+      var _a;
+      if ((e.ctrlKey || e.metaKey) && e.code === "Enter") {
+        e.preventDefault();
+        emit("newblock");
+      }
+      if (e.code === "Backspace" && !e.shiftKey && model.value.length <= 1 && ((_a = model.value[0]) == null ? void 0 : _a.text) === "") {
+        e.preventDefault();
+        emit("remove");
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        createVNode(unref(_sfc_main$1$1), {
+          modelValue: model.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+          tabindex: "2",
+          parser: unref(codeParser),
+          decorator: unref(codeDecorator),
+          preventMultiline: "",
+          spellcheck: "false",
+          onKeydown: onKeyDown
+        }, null, 8, ["modelValue", "parser", "decorator"])
+      ]);
+    };
+  }
+});
+const _sfc_main$e = {};
+const _hoisted_1$c = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$c, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M4 2H8.5C9.14255 2.0002 9.77266 2.17723 10.3213 2.51171C10.8699 2.84618 11.3159 3.32519 11.6105 3.89627C11.905 4.46734 12.0367 5.10846 11.9911 5.7494C11.9455 6.39033 11.7244 7.00636 11.352 7.53C11.9979 7.93183 12.4953 8.53322 12.7688 9.24307C13.0423 9.95292 13.077 10.7326 12.8676 11.4639C12.6583 12.1952 12.2163 12.8384 11.6086 13.2961C11.001 13.7537 10.2607 14.0008 9.5 14H4C3.73478 14 3.48043 13.8946 3.29289 13.7071C3.10536 13.5196 3 13.2652 3 13V3C3 2.73478 3.10536 2.48043 3.29289 2.29289C3.48043 2.10536 3.73478 2 4 2ZM5 9V12H9.5C9.89782 12 10.2794 11.842 10.5607 11.5607C10.842 11.2794 11 10.8978 11 10.5C11 10.1022 10.842 9.72064 10.5607 9.43934C10.2794 9.15804 9.89782 9 9.5 9H5ZM8.5 7C8.89782 7 9.27936 6.84196 9.56066 6.56066C9.84196 6.27936 10 5.89782 10 5.5C10 5.10218 9.84196 4.72064 9.56066 4.43934C9.27936 4.15804 8.89782 4 8.5 4H5V7H8.5Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const TextBoldIcon = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$5]]);
+const _sfc_main$d = {};
+const _hoisted_1$b = {
+  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$b, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M6 2.75C6 2.55109 6.07902 2.36032 6.21967 2.21967C6.36032 2.07902 6.55109 2 6.75 2H13.25C13.4489 2 13.6397 2.07902 13.7803 2.21967C13.921 2.36032 14 2.55109 14 2.75C14 2.94891 13.921 3.13968 13.7803 3.28033C13.6397 3.42098 13.4489 3.5 13.25 3.5H10.745L6.887 12.5H9.25C9.44891 12.5 9.63968 12.579 9.78033 12.7197C9.92098 12.8603 10 13.0511 10 13.25C10 13.4489 9.92098 13.6397 9.78033 13.7803C9.63968 13.921 9.44891 14 9.25 14H2.75C2.55109 14 2.36032 13.921 2.21967 13.7803C2.07902 13.6397 2 13.4489 2 13.25C2 13.0511 2.07902 12.8603 2.21967 12.7197C2.36032 12.579 2.55109 12.5 2.75 12.5H5.255L9.113 3.5H6.75C6.55109 3.5 6.36032 3.42098 6.21967 3.28033C6.07902 3.13968 6 2.94891 6 2.75Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const TextItalicIcon = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$4]]);
+const _sfc_main$c = {};
+const _hoisted_1$a = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M8 11.0625C9.16032 11.0625 10.2731 10.6016 11.0936 9.78109C11.9141 8.96062 12.375 7.84782 12.375 6.6875V2.3125C12.375 2.08044 12.2828 1.85788 12.1187 1.69378C11.9546 1.52969 11.7321 1.4375 11.5 1.4375C11.2679 1.4375 11.0454 1.52969 10.8813 1.69378C10.7172 1.85788 10.625 2.08044 10.625 2.3125V6.6875C10.625 7.38369 10.3484 8.05137 9.85616 8.54366C9.36387 9.03594 8.69619 9.3125 8 9.3125C7.30381 9.3125 6.63613 9.03594 6.14384 8.54366C5.65156 8.05137 5.375 7.38369 5.375 6.6875V2.3125C5.375 2.08044 5.28281 1.85788 5.11872 1.69378C4.95462 1.52969 4.73206 1.4375 4.5 1.4375C4.26794 1.4375 4.04538 1.52969 3.88128 1.69378C3.71719 1.85788 3.625 2.08044 3.625 2.3125V6.6875C3.625 7.84782 4.08594 8.96062 4.90641 9.78109C5.72688 10.6016 6.83968 11.0625 8 11.0625ZM12.375 12.8125H3.625C3.39294 12.8125 3.17038 12.9047 3.00628 13.0688C2.84219 13.2329 2.75 13.4554 2.75 13.6875C2.75 13.9196 2.84219 14.1421 3.00628 14.3062C3.17038 14.4703 3.39294 14.5625 3.625 14.5625H12.375C12.6071 14.5625 12.8296 14.4703 12.9937 14.3062C13.1578 14.1421 13.25 13.9196 13.25 13.6875C13.25 13.4554 13.1578 13.2329 12.9937 13.0688C12.8296 12.9047 12.6071 12.8125 12.375 12.8125Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const TextUnderlineIcon = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$3]]);
+const _sfc_main$b = {};
+const _hoisted_1$9 = {
+  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$9, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M11.055 8.5C11.579 9.036 11.87 9.757 11.866 10.507C11.8673 10.9659 11.7676 11.4195 11.574 11.8357C11.3805 12.2518 11.0978 12.6203 10.746 12.915C9.948 13.597 8.748 14 7.096 14C5.39 14 3.992 13.393 3.194 12.623C3.06263 12.4823 2.99028 12.2966 2.99188 12.1041C2.99349 11.9117 3.06893 11.7272 3.20264 11.5887C3.33634 11.4503 3.5181 11.3684 3.7104 11.3601C3.90269 11.3518 4.09084 11.4176 4.236 11.544C4.716 12.007 5.723 12.5 7.096 12.5C8.518 12.5 9.328 12.154 9.772 11.774C10.207 11.402 10.366 10.935 10.366 10.507C10.366 10.035 10.158 9.65 9.719 9.31C9.271 8.964 8.603 8.687 7.768 8.5H1.75C1.55109 8.5 1.36032 8.42098 1.21967 8.28033C1.07902 8.13968 1 7.94891 1 7.75C1 7.55109 1.07902 7.36032 1.21967 7.21967C1.36032 7.07902 1.55109 7 1.75 7H14.25C14.4489 7 14.6397 7.07902 14.7803 7.21967C14.921 7.36032 15 7.55109 15 7.75C15 7.94891 14.921 8.13968 14.7803 8.28033C14.6397 8.42098 14.4489 8.5 14.25 8.5H11.055ZM7.581 3.25C5.545 3.25 4.803 4.332 4.803 5.036C4.803 5.09067 4.805 5.143 4.809 5.193C4.82412 5.39138 4.75981 5.58764 4.63022 5.73861C4.50063 5.88958 4.31638 5.98288 4.118 5.998C3.91962 6.01312 3.72336 5.94881 3.57239 5.81922C3.42142 5.68963 3.32812 5.50538 3.313 5.307C3.3066 5.21681 3.30327 5.12642 3.303 5.036C3.303 3.204 5.053 1.75 7.581 1.75C8.999 1.75 10.302 2.33 11.095 2.843C11.1777 2.89645 11.2491 2.96567 11.3051 3.04671C11.3611 3.12775 11.4006 3.21902 11.4213 3.31532C11.442 3.41161 11.4435 3.51104 11.4258 3.60793C11.4081 3.70482 11.3714 3.79727 11.318 3.88C11.2646 3.96273 11.1953 4.03413 11.1143 4.09011C11.0333 4.14609 10.942 4.18556 10.8457 4.20627C10.7494 4.22698 10.65 4.22852 10.5531 4.2108C10.4562 4.19308 10.3637 4.15645 10.281 4.103C9.641 3.689 8.619 3.25 7.581 3.25Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const TextStrikethroughIcon = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$2]]);
+const _sfc_main$a = {};
+const _hoisted_1$8 = {
+  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$8, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M14.8574 13.3334V2.66669C14.8574 1.8286 14.1716 1.14288 13.3335 1.14288H2.66688C1.82878 1.14288 1.14307 1.8286 1.14307 2.66669V13.3334C1.14307 14.1715 1.82878 14.8572 2.66688 14.8572H13.3335C14.1716 14.8572 14.8574 14.1715 14.8574 13.3334ZM5.33354 9.14288L7.2383 11.4362L9.90497 8.00003L13.3335 12.5715H2.66688L5.33354 9.14288Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const ImageSolidIcon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$1]]);
+const _sfc_main$9 = {};
+const _hoisted_1$7 = {
+  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$7, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M10.189 2.04806C10.605 2.19806 10.8186 2.65181 10.6674 3.06281L6.83704 13.4788C6.68504 13.8898 6.22664 14.1013 5.81144 13.9521C5.39544 13.8021 5.18184 13.3483 5.33304 12.9373L9.16344 2.52131C9.31544 2.11031 9.77384 1.89881 10.189 2.04806ZM1.93144 8.19206L4.76024 10.9926C5.07224 11.3016 5.07224 11.8026 4.76024 12.1116C4.68811 12.1847 4.60063 12.243 4.50329 12.2829C4.40596 12.3228 4.30087 12.3434 4.19464 12.3434C4.08841 12.3434 3.98332 12.3228 3.88599 12.2829C3.78865 12.243 3.70117 12.1847 3.62904 12.1116L0.234639 8.75231C0.084409 8.59988 0.000976562 8.39997 0.000976562 8.19244C0.000976562 7.9849 0.084409 7.78499 0.234639 7.63256L3.62904 4.27256C3.70117 4.19944 3.78865 4.1411 3.88599 4.1012C3.98332 4.0613 4.08841 4.0407 4.19464 4.0407C4.30087 4.0407 4.40596 4.0613 4.50329 4.1012C4.60063 4.1411 4.68811 4.19944 4.76024 4.27256C4.9107 4.42503 4.99427 4.6251 4.99427 4.83281C4.99427 5.04052 4.9107 5.24059 4.76024 5.39306L1.93144 8.19206ZM14.069 8.19206L11.2402 5.39306C11.09 5.24063 11.0066 5.04072 11.0066 4.83319C11.0066 4.62565 11.09 4.42574 11.2402 4.27331C11.3124 4.20019 11.3998 4.14185 11.4972 4.10195C11.5945 4.06205 11.6996 4.04145 11.8058 4.04145C11.9121 4.04145 12.0172 4.06205 12.1145 4.10195C12.2118 4.14185 12.2993 4.20019 12.3714 4.27331L15.7658 7.63256C16.0778 7.94156 16.0778 8.44256 15.7658 8.75231L12.3714 12.1108C12.2993 12.1839 12.2118 12.2423 12.1145 12.2822C12.0172 12.3221 11.9121 12.3427 11.8058 12.3427C11.6996 12.3427 11.5945 12.3221 11.4972 12.2822C11.3998 12.2423 11.3124 12.1839 11.2402 12.1108C11.0902 11.9584 11.0069 11.7587 11.0069 11.5513C11.0069 11.344 11.0902 11.1442 11.2402 10.9918L14.069 8.19206Z",
+      fill: "currentColor"
+    }, null, -1)
+  ]));
+}
+const CodeIcon = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render]]);
+const _hoisted_1$6 = { class: "rich-text-editor__controls" };
+const _hoisted_2$2 = { class: "rich-text-editor__actions-group" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "rich-text-editor__actions-group" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "RichTextEditorDialog",
+  props: /* @__PURE__ */ mergeModels({
+    label: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    if (!model.value || model.value.length === 0) {
+      model.value = [{ text: "" }];
+    }
+    const blockTypes = [
+      { id: "default", title: "Обычный текст" },
+      { id: "h1", title: "Заголовок 1" },
+      { id: "h2", title: "Заголовок 2" },
+      { id: "h3", title: "Заголовок 3" },
+      { id: "li", title: "Список" },
+      { id: "callout", title: "Callout" },
+      { id: "code", title: "Элемент кода" }
+    ];
+    const textEditorRef = shallowRef();
+    const blockType = computed({
+      get() {
+        var _a, _b;
+        return ((_b = (_a = textEditorRef.value) == null ? void 0 : _a.currentBlock) == null ? void 0 : _b.type) ?? "default";
+      },
+      set(type) {
+        var _a;
+        if (!((_a = textEditorRef.value) == null ? void 0 : _a.currentBlock)) return;
+        if (type === "default") {
+          delete textEditorRef.value.currentBlock.type;
+        } else {
+          textEditorRef.value.currentBlock.type = type ?? void 0;
+        }
+        if (type === "code") {
+          textEditorRef.value.currentBlock.editable = false;
+        } else {
+          delete textEditorRef.value.currentBlock.editable;
+        }
+      }
+    });
+    const styles = computed(() => {
+      const textEditor = textEditorRef.value;
+      if (!textEditor) return [];
+      const currentStyles = textEditor.currentStyles;
+      return [
+        { icon: TextBoldIcon, active: currentStyles.has("bold"), onClick: () => textEditor.toggleStyle("bold") },
+        { icon: TextItalicIcon, active: currentStyles.has("italic"), onClick: () => textEditor.toggleStyle("italic") },
+        { icon: TextUnderlineIcon, active: currentStyles.has("underline"), onClick: () => textEditor.toggleStyle("underline") },
+        { icon: TextStrikethroughIcon, active: currentStyles.has("strikethrough"), onClick: () => textEditor.toggleStyle("strikethrough") }
+      ];
+    });
+    const onKeyDown = (e) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      if ((e.ctrlKey || e.metaKey) && !e.shiftKey && !e.altKey) {
+        if (e.code === "KeyB") {
+          (_a = textEditorRef.value) == null ? void 0 : _a.toggleStyle("bold");
+        }
+        if (e.code === "KeyI") {
+          (_b = textEditorRef.value) == null ? void 0 : _b.toggleStyle("italic");
+        }
+        if (e.code === "KeyU") {
+          (_c = textEditorRef.value) == null ? void 0 : _c.toggleStyle("underline");
+        }
+      }
+      if (e.key === "Enter" && !e.shiftKey && ((_e = (_d = textEditorRef.value) == null ? void 0 : _d.currentBlock) == null ? void 0 : _e.type) === "li") {
+        e.preventDefault();
+        textEditorRef.value.addNewLine();
+        textEditorRef.value.currentBlock.type = "li";
+        textEditorRef.value.pushHistory("setText");
+      }
+      if (((_g = (_f = textEditorRef.value) == null ? void 0 : _f.currentBlock) == null ? void 0 : _g.editable) === false && textEditorRef.value.currentBlock.type !== "code" && (e.code === "Backspace" || e.code === "Delete")) {
+        textEditorRef.value.removeCurrentBlock();
+        e.preventDefault();
+      }
+    };
+    const insertCodeBlock = () => {
+      var _a;
+      (_a = textEditorRef.value) == null ? void 0 : _a.insertBlock({ type: "code", editable: false, text: "" });
+    };
+    const insertImage = () => {
+      var _a;
+      (_a = textEditorRef.value) == null ? void 0 : _a.insertBlock({ type: "image", editable: false, text: "" });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$m, { class: "rich-text-editor__dialog" }, {
+        header: withCtx(() => [
+          createTextVNode(toDisplayString(props.label ?? "Редактирование текста"), 1)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$6, [
+            createVNode(_sfc_main$t, {
+              modelValue: blockType.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => blockType.value = $event),
+              items: blockTypes,
+              style: { "width": "200px" }
+            }, null, 8, ["modelValue"]),
+            createElementVNode("div", _hoisted_2$2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(styles.value, (item) => {
+                return openBlock(), createElementBlock("button", {
+                  class: normalizeClass({ active: item.active }),
+                  onClick: item.onClick
+                }, [
+                  (openBlock(), createBlock(resolveDynamicComponent(item.icon)))
+                ], 10, _hoisted_3);
+              }), 256))
+            ]),
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("button", {
+                title: "Вставить изображение",
+                onClick: insertImage
+              }, [
+                createVNode(ImageSolidIcon)
+              ]),
+              createElementVNode("button", {
+                title: "Вставить элемент кода",
+                onClick: insertCodeBlock
+              }, [
+                createVNode(CodeIcon)
+              ])
+            ])
+          ]),
+          createVNode(unref(_sfc_main$1$1), {
+            ref_key: "textEditorRef",
+            ref: textEditorRef,
+            modelValue: model.value,
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => model.value = $event),
+            class: "text-editor",
+            renderer: unref(defaultRenderer),
+            decorator: unref(defaultDecorator),
+            onKeydown: onKeyDown
+          }, {
+            code: withCtx(({ props: props2, block }) => [
+              createVNode(_sfc_main$f, mergeProps({
+                modelValue: block.text,
+                "onUpdate:modelValue": ($event) => block.text = $event
+              }, props2, {
+                onNewblock: _cache[1] || (_cache[1] = ($event) => {
+                  var _a;
+                  return (_a = textEditorRef.value) == null ? void 0 : _a.addNewLine();
+                }),
+                onRemove: _cache[2] || (_cache[2] = ($event) => {
+                  var _a;
+                  return (_a = textEditorRef.value) == null ? void 0 : _a.removeCurrentBlock();
+                })
+              }), null, 16, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            image: withCtx(({ props: props2, block }) => {
+              var _a;
+              return [
+                createVNode(_sfc_main$k, mergeProps({
+                  modelValue: block.image,
+                  "onUpdate:modelValue": ($event) => block.image = $event
+                }, props2, {
+                  class: { selected: ((_a = textEditorRef.value) == null ? void 0 : _a.selection.focus.blockId) === block.id },
+                  contenteditable: "false",
+                  onKeydown: onKeyDown
+                }), null, 16, ["modelValue", "onUpdate:modelValue", "class"])
+              ];
+            }),
+            placeholder: withCtx(() => _cache[4] || (_cache[4] = [
+              createElementVNode("div", {
+                class: "rich-text-editor__placeholder",
+                contenteditable: false
+              }, "Введите текст...", -1)
+            ])),
+            _: 1
+          }, 8, ["modelValue", "renderer", "decorator"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const _hoisted_1$5 = { class: "v-form-control__outline" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "VRichTextEditor",
+  props: /* @__PURE__ */ mergeModels({
+    label: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const model = useModel(__props, "modelValue");
+    const dialog = useDialog();
+    const openTextEditor = () => {
+      dialog.open(_sfc_main$8, {
+        label: props.label,
+        modelValue: model.value,
+        ["onUpdate:modelValue"]: (val) => model.value = val
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$E, {
+        label: props.label,
+        class: "rich-text-editor"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$5, [
+            createVNode(unref(_sfc_main$1$1), {
+              modelValue: model.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+              class: "rich-text-editor__editor"
+            }, null, 8, ["modelValue"])
+          ]),
+          createVNode(_sfc_main$p, { onClick: openTextEditor }, {
+            default: withCtx(() => _cache[1] || (_cache[1] = [
+              createTextVNode("Редактировать")
+            ])),
+            _: 1,
+            __: [1]
+          })
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+const _hoisted_1$4 = {
+  key: 3,
+  class: "json-editor__object"
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "JsonEditor",
+  props: /* @__PURE__ */ mergeModels({
+    schema: {},
+    name: {},
+    flat: { type: Boolean },
+    expanded: { type: Boolean },
+    nullable: { type: Boolean }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  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");
+    if (vModel.value !== null && vModel.value !== void 0) {
+      if (props.schema.type === "object" && typeof vModel.value !== "object") {
+        vModel.value = getDefaultValue(props.schema);
+      }
+    }
+    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) => {
       const _component_JsonEditor = resolveComponent("JsonEditor", true);
-      return props.schema.type === "object" && props.schema.format === "image" ? (openBlock(), createBlock(_sfc_main$b, {
+      return props.schema.type === "object" && props.schema.format === "image" ? (openBlock(), createBlock(_sfc_main$k, {
         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, {
+      }, null, 8, ["modelValue", "label", "schema"])) : props.schema.type === "object" && props.schema.format === "smartLink" ? (openBlock(), createBlock(_sfc_main$g, {
         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, [
+      }, null, 8, ["modelValue", "label", "schema", "nullable"])) : props.schema.type === "array" && props.schema.format === "richText" ? (openBlock(), createBlock(_sfc_main$7, {
+        key: 2,
+        modelValue: vModel.value,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($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$4, [
         props.flat ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.schema.properties, (item, key) => {
           var _a;
           return openBlock(), createBlock(_component_JsonEditor, {
@@ -2817,7 +4458,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             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, {
+        }), 128)) : (openBlock(), createBlock(_sfc_main$y, {
           key: 1,
           label: props.schema.name ?? props.name,
           open: props.expanded
@@ -2838,29 +4479,29 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["label", "open"]))
-      ])) : props.schema.type === "array" ? (openBlock(), createBlock(_sfc_main$j, {
-        key: 3,
+      ])) : props.schema.type === "array" ? (openBlock(), createBlock(_sfc_main$s, {
+        key: 4,
         modelValue: vModel.value,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vModel.value = $event),
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($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,
+      }, null, 8, ["modelValue", "schema", "label", "expanded"])) : props.schema.type === "string" && props.schema.enum ? (openBlock(), createBlock(_sfc_main$t, {
+        key: 5,
         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, {
+      }, null, 8, ["nullable", "items", "modelValue", "label"])) : props.schema.type === "boolean" ? (openBlock(), createBlock(_sfc_main$i, {
         key: 6,
         modelValue: vModel.value,
         "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vModel.value = $event),
+        label: props.schema.name ?? props.name
+      }, null, 8, ["modelValue", "label"])) : (openBlock(), createBlock(_sfc_main$D, {
+        key: 7,
+        modelValue: vModel.value,
+        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vModel.value = $event),
         label: props.schema.name ?? props.name,
         multiline: props.schema.multiline
       }, null, 8, ["modelValue", "label", "multiline"]));
@@ -2928,8 +4569,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }
     }, { immediate: true });
     const settingSelectItems = [
-      { id: "site", title: "Для всего сайта" },
-      { id: "page", title: "Только для этой страницы" }
+      { id: "page", title: "Только для этой страницы" },
+      { id: "site", title: "Для всего сайта" }
     ];
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -2938,14 +4579,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         }, ["stop"]))
       }, [
         renderSlot(_ctx.$slots, "default"),
-        createVNode(_sfc_main$s, {
+        createVNode(_sfc_main$B, {
           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 }, {
+        createVNode(_sfc_main$A, { page: currentTab.value }, {
           blocks: withCtx(() => [
-            createVNode(_sfc_main$t, { blocks: _ctx.blocksList }, null, 8, ["blocks"])
+            createVNode(_sfc_main$C, { blocks: _ctx.blocksList }, null, 8, ["blocks"])
           ]),
           blockEdit: withCtx(() => [
             currentBlock.value && currentContentBlock.value ? (openBlock(), createBlock(_sfc_main$6, {
@@ -2955,7 +4596,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               "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, {
+              props.dataEntryScopes ? (openBlock(), createBlock(_sfc_main$t, {
                 key: 0,
                 modelValue: props.dataEntryScopes[currentDataEntry.value.id],
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => props.dataEntryScopes[currentDataEntry.value.id] = $event),
@@ -3223,7 +4864,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             onBlockdrop: ($event) => onPlaceBlockDrop($event, item.index)
           }, null, 44, _hoisted_2$1);
         }), 256)),
-        createVNode(_sfc_main$f, normalizeProps(guardReactiveProps(unref(contextMenu).props)), null, 16)
+        createVNode(_sfc_main$o, normalizeProps(guardReactiveProps(unref(contextMenu).props)), null, 16)
       ], 512);
     };
   }
@@ -3378,7 +5019,7 @@ const useControlComponent = (_activeBlockId) => {
     if (!dragMode) {
       return;
     }
-    if (e.currentTarget !== e.target && findParent(e.target, (item) => item.classList.contains("editor-component"))) {
+    if (e.currentTarget !== e.target && findParent$1(e.target, (item) => item.classList.contains("editor-component"))) {
       insertedPlace.value = null;
       return;
     }
@@ -3447,8 +5088,7 @@ const useControlComponent = (_activeBlockId) => {
     onScroll
   };
 };
-registerAlias("image", { type: "object", format: "image", properties: { src: "string", previewSrc: "string?" } });
-registerAlias("file", { type: "object", format: "file", properties: { src: "string" } });
+registerAliases();
 const blocksList = shallowRef(blocksList$1.map((file) => ({
   ...file.blockSchema,
   id: file.blockSchema.id ?? file.__name,
@@ -3490,7 +5130,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       window.history.pushState({}, "", newPage === "index" ? "/" : `/${newPage}`);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$k, {
+      return openBlock(), createBlock(_sfc_main$t, {
         modelValue: currentPage.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentPage.value = $event),
         items: pages.value
@@ -3507,11 +5147,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     provide("dragMode", dragMode);
     const state = reactive(processState(JSON.parse(JSON.stringify(window.state))));
     const contentBlocks = computed(() => state.content);
-    useEventListener(document, "blockdrop", (e) => {
+    useEventListener$1(document, "blockdrop", (e) => {
       var _a;
       if (e.content) return;
       insertBlockBefore(e.block, contentBlocks.value, (_a = control.insertedPlace.value) == null ? void 0 : _a.prepentBlockId);
     });
+    let ignoreChanges = false;
+    useEventListener$1(document, "openpage", (e) => {
+      Object.assign(state, processState(cloneDeep(e.data)));
+      ignoreChanges = true;
+    });
     const control = useControlComponent();
     watch(dragMode, control.setDragMode);
     watch(blocksList, () => {
@@ -3521,14 +5166,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       control.update(window.document.body);
     });
-    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) => {
+      if (ignoreChanges) {
+        ignoreChanges = false;
+        return;
+      }
       const state2 = cloneDeep(newState);
       const scopedData = splitData(state2.data, dataEntryScopes.value);
+      console.log(state2.data);
       state2.data = scopedData["page"];
       saveBlocks(state2.content, blocksMap.value);
       fetch("/@mechanica/save", {
@@ -3557,6 +5202,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const dataEntries2 = inject("dataEntries");
     const dataEntryScopes = ref(state.dataEntryScopes ?? {});
     useKeyDownLayer("Escape", () => !!control.activeBlockId.value, () => control.activeBlockId.value = null);
+    for (let entry of dataEntries2) {
+      state.data[entry.id] = passDefaultValue(state.data[entry.id], entry.props);
+    }
+    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 });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(Transition, null, {
@@ -3585,16 +5238,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        controlsOpened.value ? (openBlock(), createBlock(_sfc_main$z, {
+        controlsOpened.value ? (openBlock(), createBlock(_sfc_main$I, {
           key: 0,
           element: unref(control).hoverBlockElement.value
         }, null, 8, ["element"])) : createCommentVNode("", true),
-        controlsOpened.value ? (openBlock(), createBlock(_sfc_main$z, {
+        controlsOpened.value ? (openBlock(), createBlock(_sfc_main$I, {
           key: 1,
           element: unref(control).activeBlockElement.value,
           resizable: ""
         }, null, 8, ["element"])) : createCommentVNode("", true),
-        unref(control).insertedPlace.value ? (openBlock(), createBlock(_sfc_main$y, {
+        unref(control).insertedPlace.value ? (openBlock(), createBlock(_sfc_main$H, {
           key: 2,
           top: unref(control).insertedPlace.value.top
         }, null, 8, ["top"])) : createCommentVNode("", true),
@@ -3649,7 +5302,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createVNode(_sfc_main$e)
+        createVNode(_sfc_main$n)
       ], 64);
     };
   }