nwl-components 0.0.28 → 0.0.29

package/dist/nwl-components.es.js

@@ -47,7 +47,7 @@ var _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$u = ["value"];
+const _hoisted_1$t = ["value"];
 const _sfc_main$D = {
   props: {
     placeholder: String,
@@ -64,13 +64,13 @@ const _sfc_main$D = {
       return openBlock(), createElementBlock("input", mergeProps({ type: "text" }, props, {
         value: __props.modelValue,
         onInput: handleInput
-      }), null, 16, _hoisted_1$u);
+      }), null, 16, _hoisted_1$t);
     };
   }
 };
 var TextInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__scopeId", "data-v-2cc3f9d3"]]);
 var Autocomplete_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$t = ["aria-owns", "aria-expanded"];
+const _hoisted_1$s = ["aria-owns", "aria-expanded"];
 const _hoisted_2$j = ["id"];
 const _hoisted_3$g = {
   key: 0,
@@ -228,13 +228,13 @@ const _sfc_main$C = {
         ], 8, _hoisted_2$j), [
           [vShow, unref(state2).isOpen]
         ])
-      ], 8, _hoisted_1$t);
+      ], 8, _hoisted_1$s);
     };
   }
 };
 var Autocomplete = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__scopeId", "data-v-ee76199e"]]);
 var Button_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$s = ["title", "disabled"];
+const _hoisted_1$r = ["title", "disabled"];
 const _sfc_main$B = {
   props: {
     className: String,
@@ -255,7 +255,7 @@ const _sfc_main$B = {
         class: normalizeClass(classes)
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 8, _hoisted_1$s);
+      ], 8, _hoisted_1$r);
     };
   }
 };
@@ -316,7 +316,7 @@ const _sfc_main$z = {
 };
 var TextArea = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__scopeId", "data-v-0c2bd53c"]]);
 var Table_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$r = ["id"];
+const _hoisted_1$q = ["id"];
 const _sfc_main$y = {
   props: {
     id: String
@@ -328,13 +328,13 @@ const _sfc_main$y = {
         id: props.id
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 8, _hoisted_1$r);
+      ], 8, _hoisted_1$q);
     };
   }
 };
 var Table = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__scopeId", "data-v-2b42a47b"]]);
 var Checkbox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$q = ["aria-checked"];
+const _hoisted_1$p = ["aria-checked"];
 const _sfc_main$x = {
   props: {
     modelValue: Boolean
@@ -362,13 +362,13 @@ const _sfc_main$x = {
         onKeydown: _cache[1] || (_cache[1] = ($event) => toggleCheckbox($event.key)),
         tabindex: "0",
         "aria-label": "label"
-      }, null, 40, _hoisted_1$q);
+      }, null, 40, _hoisted_1$p);
     };
   }
 };
 var Checkbox = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__scopeId", "data-v-f63b8f34"]]);
 var Tabs_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$p = { class: "tabs" };
+const _hoisted_1$o = { class: "tabs" };
 const _hoisted_2$i = ["onClick"];
 const _sfc_main$w = {
   setup(__props) {
@@ -382,7 +382,7 @@ const _sfc_main$w = {
       selectedIndex.value = i;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$p, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
         createElementVNode("ul", null, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(children), (tab, index) => {
             return openBlock(), createElementBlock("li", {
@@ -400,7 +400,7 @@ const _sfc_main$w = {
 };
 var Tabs = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__scopeId", "data-v-7928afe0"]]);
 var Tab_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$o = { class: "content" };
+const _hoisted_1$n = { class: "content" };
 const _sfc_main$v = {
   props: {
     title: {
@@ -410,7 +410,7 @@ const _sfc_main$v = {
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+      return openBlock(), createElementBlock("div", _hoisted_1$n, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
     };
@@ -419,7 +419,7 @@ const _sfc_main$v = {
 var Tab = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__scopeId", "data-v-33e54edc"]]);
 var ImportFilesDialog_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$b = (n) => (pushScopeId("data-v-21580a08"), n = n(), popScopeId(), n);
-const _hoisted_1$n = { class: "dialog" };
+const _hoisted_1$m = { class: "dialog" };
 const _hoisted_2$h = { class: "contents" };
 const _hoisted_3$f = { class: "scrollable" };
 const _hoisted_4$e = /* @__PURE__ */ _withScopeId$b(() => /* @__PURE__ */ createElementVNode("thead", null, [
@@ -443,7 +443,7 @@ const _sfc_main$u = {
     const props = __props;
     const filesToImport = ref(props.files);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$n, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
         createElementVNode("div", _hoisted_2$h, [
           createElementVNode("div", _hoisted_3$f, [
             createElementVNode("table", null, [
@@ -491,11 +491,11 @@ const _sfc_main$u = {
 var ImportFilesDialog = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-21580a08"]]);
 var TwoCols_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$t = {};
-const _hoisted_1$m = { class: "container" };
+const _hoisted_1$l = { class: "container" };
 const _hoisted_2$g = { class: "side" };
 const _hoisted_3$e = { class: "content" };
-function _sfc_render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$m, [
+function _sfc_render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$l, [
     createElementVNode("div", _hoisted_2$g, [
       renderSlot(_ctx.$slots, "side", {}, void 0, true)
     ]),
@@ -504,7 +504,7 @@ function _sfc_render$4(_ctx, _cache) {
     ])
   ]);
 }
-var TwoCols = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _sfc_render$4], ["__scopeId", "data-v-581b979f"]]);
+var TwoCols = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _sfc_render$3], ["__scopeId", "data-v-581b979f"]]);
 function parseHex(hash, startPosition, octets) {
   return parseInt(hash.substr(startPosition, octets), 16);
 }
@@ -6760,7 +6760,7 @@ function useProject() {
 }
 var ProjectInfo_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$a = (n) => (pushScopeId("data-v-51e11f34"), n = n(), popScopeId(), n);
-const _hoisted_1$l = { class: "image" };
+const _hoisted_1$k = { class: "image" };
 const _hoisted_2$f = ["href"];
 const _hoisted_3$d = /* @__PURE__ */ _withScopeId$a(() => /* @__PURE__ */ createElementVNode("svg", {
   id: "jdenticon",
@@ -6820,7 +6820,7 @@ const _sfc_main$s = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1$l, [
+        createElementVNode("div", _hoisted_1$k, [
           createElementVNode("a", {
             href: `/project/${unref(project).shortname}`
           }, _hoisted_4$d, 8, _hoisted_2$f)
@@ -6896,7 +6896,7 @@ const _sfc_main$s = {
 };
 var ProjectInfo = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__scopeId", "data-v-51e11f34"]]);
 var Access_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$k = ["data-level"];
+const _hoisted_1$j = ["data-level"];
 const _hoisted_2$e = ["disabled", "title"];
 const _hoisted_3$c = ["disabled", "title"];
 const _hoisted_4$c = ["disabled", "title"];
@@ -6951,7 +6951,7 @@ const _sfc_main$r = {
           disabled: __props.readonly,
           title: `remove ${__props.type}`
         }, null, 8, _hoisted_5$9)
-      ], 8, _hoisted_1$k);
+      ], 8, _hoisted_1$j);
     };
   }
 };
@@ -7485,7 +7485,7 @@ __publicField(AccessLevel, "ADD", new _AccessLevel("add"));
 __publicField(AccessLevel, "REMOVE", new _AccessLevel("remove"));
 var PureCollaborators_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$9 = (n) => (pushScopeId("data-v-1defbab3"), n = n(), popScopeId(), n);
-const _hoisted_1$j = { class: "wrapper" };
+const _hoisted_1$i = { class: "wrapper" };
 const _hoisted_2$d = /* @__PURE__ */ _withScopeId$9(() => /* @__PURE__ */ createElementVNode("h2", null, "Access", -1));
 const _hoisted_3$b = /* @__PURE__ */ _withScopeId$9(() => /* @__PURE__ */ createElementVNode("thead", null, [
   /* @__PURE__ */ createElementVNode("tr", null, [
@@ -7557,7 +7557,7 @@ const _sfc_main$q = {
       });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [
         _hoisted_2$d,
         createVNode(Table, { id: "access" }, {
           default: withCtx(() => [
@@ -7690,7 +7690,7 @@ const _sfc_main$p = {
 };
 var PureAnnotations_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$8 = (n) => (pushScopeId("data-v-997ea028"), n = n(), popScopeId(), n);
-const _hoisted_1$i = { class: "wrapper" };
+const _hoisted_1$h = { class: "wrapper" };
 const _hoisted_2$c = /* @__PURE__ */ _withScopeId$8(() => /* @__PURE__ */ createElementVNode("h2", null, "Annotations", -1));
 const _hoisted_3$a = /* @__PURE__ */ _withScopeId$8(() => /* @__PURE__ */ createElementVNode("thead", null, [
   /* @__PURE__ */ createElementVNode("tr", null, [
@@ -7762,7 +7762,7 @@ const _sfc_main$o = {
       emitAnnotationUpdate(idx, { display });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
         _hoisted_2$c,
         createVNode(Table, { id: "annotations" }, {
           default: withCtx(() => [
@@ -7889,7 +7889,7 @@ var _imports_0$5 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibm
 var _imports_1$2 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MzguNTMzIDQzOC41MzMiIGhlaWdodD0iNDM4LjUzMyIgdmlld0JveD0iMCAwIDQzOC41MzMgNDM4LjUzMyIgd2lkdGg9IjQzOC41MzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2Mi4xNjM2MSAxNTYuMDk5OTRoMzQuMjE3ODR2LTY0Ljg2NDIzMWMwLTEuNzIwNi41MzgxMS0zLjEzMjA3IDEuNjA2MjMtNC4yMzgyNyAxLjA2Mzc0LTEuMTAyOTcgMi40MzE1MS0xLjY1NzM2IDQuMDkzMy0xLjY1NzM2aDM0LjIyNDA3YzEuNjYzMDQgMCAzLjAzMDE3LjU1NDM5IDQuMDk5NTUgMS42NTczNiAxLjA2OTk4IDEuMTA2ODQgMS42MDQzNSAyLjUxNzY3IDEuNjA0MzUgNC4yMzgyN3Y2NC44NjE2NTFoMzQuMjIxNThjMi42MTMxNyAwIDQuMzk2MDYgMS4yMjk0NiA1LjM0NzQ0IDMuNjg0NTIuOTUxMzkgMi4zMzY5Ni41MzMxMyA0LjQ4MzUyLTEuMjQ3ODkgNi40NTEzMWwtNTcuMDM0NzIgNTguOTYzNDNjLTEuMzA4NDQgMS4xMDQyNi0yLjY3MzcxIDEuNjU2NzItNC4wOTk1MyAxLjY1NjcyLTEuNDIzOTYgMC0yLjc5MTEtLjU1MjQ2LTQuMTAwNzktMS42NTY3MmwtNTYuODU2MTgtNTguNzc3NTZjLTEuMTg3MzUtMS40NzM0Mi0xLjc3OTc4LTIuOTUzMjktMS43Nzk3OC00LjQyMjIgMC0xLjcxODAzLjUzMzc1LTMuMTMyMDggMS42MDYyNC00LjI0MDIxIDEuMDY2ODctMS4xMDQ5MSAyLjQzNC0xLjY1NjcxIDQuMDk4MjktMS42NTY3MXoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtMTA2Ljg1NTgxIDI1Mi43MDc2NHY2MC40ODUyN2gyMjQuODIxMzd2LTYwLjQ4NTI3aC0yNi4yNDgxOXYzNC4yMzcwOGgtMTcyLjMyNDk5di0zNC4yMzcwOHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=";
 var PureFiles_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$7 = (n) => (pushScopeId("data-v-6b78ca55"), n = n(), popScopeId(), n);
-const _hoisted_1$h = { class: "wrapper" };
+const _hoisted_1$g = { class: "wrapper" };
 const _hoisted_2$b = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ createElementVNode("h2", null, "Files", -1));
 const _hoisted_3$9 = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ createElementVNode("thead", null, [
   /* @__PURE__ */ createElementVNode("tr", null, [
@@ -7946,7 +7946,7 @@ const _sfc_main$m = {
       emitFileUpdate(idx, { source });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
         _hoisted_2$b,
         createVNode(Table, { id: "files" }, {
           default: withCtx(() => [
@@ -8110,7 +8110,7 @@ const _sfc_main$l = {
   }
 };
 var Settings_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$g = { class: "content" };
+const _hoisted_1$f = { class: "content" };
 const _sfc_main$k = {
   setup(__props) {
     return (_ctx, _cache) => {
@@ -8119,7 +8119,7 @@ const _sfc_main$k = {
           createVNode(ProjectInfo)
         ]),
         content: withCtx(() => [
-          createElementVNode("div", _hoisted_1$g, [
+          createElementVNode("div", _hoisted_1$f, [
             createVNode(_sfc_main$p),
             createVNode(_sfc_main$n),
             createVNode(_sfc_main$l)
@@ -8133,13 +8133,13 @@ const _sfc_main$k = {
 var Settings = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__scopeId", "data-v-3f5ec6e5"]]);
 var Wrapper_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$j = {};
-const _hoisted_1$f = { class: "app" };
-function _sfc_render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$f, [
+const _hoisted_1$e = { class: "app" };
+function _sfc_render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$e, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var Wrapper = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["render", _sfc_render$3]]);
+var Wrapper = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["render", _sfc_render$2]]);
 var _imports_0$4 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MDEuOTk0IDQwMS45OTQiIGhlaWdodD0iNDAxLjk5NCIgdmlld0JveD0iMCAwIDQwMS45OTQgNDAxLjk5NCIgd2lkdGg9IjQwMS45OTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNTAiPjxwYXRoIGQ9Im00MDIuMDMyMjEgMjAxLjg0ODY4aC00MDAuMjkwNjIyOCIvPjxwYXRoIGQ9Im0yMDIuNzAwMzYgMi44NTE2ODA4djQwMC4yOTA2MTkyIi8+PC9nPjwvc3ZnPg==";
 var _imports_1$1 = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE1MzYiIHdpZHRoPSIxNTM2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xMDI0IDc2OGMwLTcwLjY2NjY3LTI1LTEzMS03NS0xODFzLTExMC4zMzMzMy03NS0xODEtNzUtMTMxIDI1LTE4MSA3NS03NSAxMTAuMzMzMzMtNzUgMTgxIDI1IDEzMSA3NSAxODEgMTEwLjMzMzMzIDc1IDE4MSA3NSAxMzEtMjUgMTgxLTc1IDc1LTExMC4zMzMzMyA3NS0xODF6bTUxMi0xMDl2MjIyYzAgOC0yLjY2NjcgMTUuNjY2NjctOCAyM3MtMTIgMTEuNjY2NjctMjAgMTNsLTI5NS4xMzE3LTEwLjc1MDAzYy0xMi42NjY3IDM2LTI3LjcwNjEgNjQuMjkzODYtNDEuMDM5NCA4OC45NjA1MyAyMy4zMzMzIDMzLjMzMzMgMTcxLjE3MTEgMTIwLjEyMjggMjE5LjE3MTEgMTc4Ljc4OTUgNi42NjY3IDggMTAgMTYuMzMzMyAxMCAyNXMtMyAxNi4zMzMzLTkgMjNjLTE4IDI0LjY2NjctNTEgNjAuNjY2Ny05OSAxMDhzLTc5LjMzMzMgNzEtOTQgNzFjLTggMC0xNi42NjY3LTMtMjYtOWwtMTkxLjAyNjM1LTIxOC4xMzE2Yy0yOS4zMzMzIDE1LjMzMzMtNjUuNzg1MSAzMi4wNzg5LTk3LjExODQzIDQyLjA3ODktMTAuNjY2NjcgOTAuNjY2NyAzOC44MTE0NSAyNTguNzE5NCAzMC4xNDQ3OCAyOTIuMDUyNy00LjY2NjY3IDE4LjY2NjctMTYuNjY2NjcgMjgtMzYgMjhoLTIyMmMtOS4zMzMzMyAwLTE3LjUtMi44MzMzLTI0LjUtOC41cy0xMC44MzMzMy0xMi44MzMzLTExLjUtMjEuNWwyMC45NDc0LTI5Mi4wOTIyYy0zMi42NjY2Ny0xMC42NjY2LTg5LjE3OTg0LTQ3LjQ3MzctMTE2LjUxMzE3LTYxLjQ3MzdsLTE2My40MzQyMyAyMzkuNTY1OXMtMTYuMTQ4MzggOS4zMDUzLTI1IDljLTkuMDk4OTItLjMxMzgtMTcuMzM4ODItNC4wMDk5LTI1LTExLTgzLjY4MDkxLTc2LjM1MTItMTM5LTEzMi0xNjUtMTY4LTQuNjY2NjctNi42NjY3LTctMTQuMzMzMy03LTIzIDAtOCAyLjY2NjY3LTE1LjY2NjcgOC0yMyA3MC4xMDAwOC02Ni43MDYyIDE1Mi41NDMyNy0xMjkuODc0MiAyMTkuMjEwNi0xOTYuMTQ0NzgtMTgtMzMuMzMzMzMtMjMuNTA4NzctNTguMTc1NDMtMzIuODQyMS05MC44NDIxbC0zMDUuMzY4NSAyMy45ODY4OGMtOC42NjY2NjctMS4zMzMzMy0xNS42NjY2NjctNS41LTIxLTEyLjUtNS4zMzMzMzMzLTctOC0xNC44MzMzMy04LTIzLjV2LTIyMmMwLTggMi42NjY2NjY3LTE1LjY2NjY3IDgtMjMgNS4zMzMzMzMtNy4zMzMzMyAxMS42NjY2NjctMTEuNjY2NjcgMTktMTNsMzE2LjUyNjQgNDEuMzQyMTVjOS4zMzMzMy0zMC42NjY2NyAyNi40MTIyOC03NS42MDk2MiA0My4wNzg5NS0xMDYuMjc2MzItMjYuNjY2NjctMzguMDAwMDMtMTk2LjkzODY4LTEzOS4wNjU4My0yNDEuNjA1MzUtMTkzLjA2NTgzLTYuNjY2NjctOC0xMC0xNi0xMC0yNCAwLTYuNjY2NyAzLTE0LjMzMzMgOS0yMyAxNy4zMzMzMy0yNCA1MC4xNjY2Ny01OS44MzMzIDk4LjUtMTA3LjVzNzkuODMzMzMtNzEuNSA5NC41LTcxLjVjOC42NjY2NyAwIDE3LjMzMzMzIDMuMzMzMyAyNiAxMGwxODAuODI4OTggMjM5LjU2NTljMjkuMzMzMzMtMTUuMzMzMyA5NC4zMzc3NC00NC4zMTU4IDEyNS42NzEwNy01NC4zMTU4LTcuNjg4Ni04Ni41ODc4LTU3LjE2NjcyLTI2OC45MTY4LTQ4LjUwMDA1LTMwMi4yNTAxIDQuNjY2NjctMTguNjY2NyAxNi42NjY2Ny0yOCAzNi0yOGgyMjJjOS4zMzMzMyAwIDE3LjUgMi44MzMzIDI0LjUgOC41czEwLjgzMzMzIDEyLjgzMzMgMTEuNSAyMS41bC0zNS4yMjM3MyAyOTYuMTcxMWMzMi42NjY2NyAxMC42NjY3IDk5LjM3NzI1IDM5LjMxNTggMTI2LjcxMDUzIDUzLjMxNThsMTY4LjUxMzItMjM1LjQ4NjljNi02IDE0LTkgMjQtOSA4LjY2NjcgMCAxNyAzLjMzMzMgMjUgMTAgODYgNzkuMzMzMyAxNDEgMTM2IDE2NSAxNzAgNC42NjY3IDUuMzMzMyA3IDEyLjY2NjcgNyAyMiAwIDgtMi42NjY3IDE1LjY2NjctOCAyMy01Ni44MTEzIDQ5LjEyNjUtMTQzLjEzNDQgMTI0LjE0OC0yMTcuMTcxMSAxOTAuMDI2MzUgMTcuMzMzMyAzMy4zMzMzIDMxIDc0LjE1NzkgNDEgMTA2LjE1NzlsMjk1LjE3MTEtMzMuMTg0MjVjOC42NjY3IDEuMzMzMzMgMTUuNjY2NyA1LjUgMjEgMTIuNXM4IDE0LjgzMzMzIDggMjMuNXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=";
 var _imports_2$2 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NzUuMDg0IDQ3NS4wODQiIGhlaWdodD0iNDc1LjA4NCIgdmlld0JveD0iMCAwIDQ3NS4wODQgNDc1LjA4NCIgd2lkdGg9IjQ3NS4wODQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQ2NC41MjQgNDEyLjg0Ni05Ny45MjktOTcuOTI1YzIzLjYtMzQuMDY4IDM1LjQwNi03Mi4wNDcgMzUuNDA2LTExMy45MTcgMC0yNy4yMTgtNS4yODQtNTMuMjQ5LTE1Ljg1Mi03OC4wODctMTAuNTYxLTI0Ljg0Mi0yNC44MzgtNDYuMjU0LTQyLjgyNS02NC4yNDFzLTM5LjM5Ni0zMi4yNjQtNjQuMjMzLTQyLjgyNmMtMjQuODQ1LTEwLjU2NS01MC44NzQtMTUuODQ3LTc4LjA5Mi0xNS44NDctMjcuMjE2IDAtNTMuMjQ3IDUuMjgyLTc4LjA4NSAxNS44NDctMjQuODQyIDEwLjU2Mi00Ni4yNTQgMjQuODM5LTY0LjI0MSA0Mi44MjYtMTcuOTg5IDE3Ljk4Ny0zMi4yNjQgMzkuNDAzLTQyLjgyNyA2NC4yNDEtMTAuNTY0IDI0Ljg0MS0xNS44NDYgNTAuODY5LTE1Ljg0NiA3OC4wODcgMCAyNy4yMTYgNS4yODIgNTMuMjM4IDE1Ljg0NiA3OC4wODMgMTAuNTYyIDI0LjgzOCAyNC44MzggNDYuMjQ3IDQyLjgyNyA2NC4yMzQgMTcuOTg3IDE3Ljk5MyAzOS40MDMgMzIuMjY0IDY0LjI0MSA0Mi44MzIgMjQuODQxIDEwLjU2MyA1MC44NjkgMTUuODQ0IDc4LjA4NSAxNS44NDQgNDEuODc5IDAgNzkuODUyLTExLjgwNyAxMTMuOTIyLTM1LjQwNWw5Ny45MjkgOTcuNjQxYzYuODUyIDcuMjMxIDE1LjQwNiAxMC44NDkgMjUuNjkzIDEwLjg0OSA5Ljg5NyAwIDE4LjQ2Ny0zLjYxNyAyNS42OTQtMTAuODQ5IDcuMjMtNy4yMyAxMC44NDgtMTUuNzk2IDEwLjg0OC0yNS42OTMuMDAzLTEwLjA4Mi0zLjUxOC0xOC42NTEtMTAuNTYxLTI1LjY5NHptLTE0OS45OTc2Ni0xMDguMzc2OTNjLTI1LjAyOSAyNS4wMzEtNzIuMjY4MzUgNDcuMjcyMjgtMTA3LjQ3NTA4IDQ2LjYwNzgxLTUzLjMzMDYxLTEuMDA2NTMtNzIuMjgzMzUtMTAuNDIyNzItMTA5LjQ4NDE0LTM4LjU1NTU0LTI2LjA4NjY2Mi0xOS43Mjc4NS00NC41OTE3MzEtNjcuMjI1NDEtNDcuNjExMzMyLTEwNi40NjQ1NC0yLjcwMTc4OC0zNS4xMDkyIDExLjE3OTQ4NC03NS43MzM3NyAzOS41NTkwNjUtMTA1LjQ1OCAzNi43MzI3NDctMzguNDczMTc0IDY4LjI3NzU1Ny00Ni42OTgzMzEgMTEwLjQ5MDY3Ny00OC42MTc4NzYgNDQuMjY5OC0yLjAxMzA2OCA4NC40NTUxNCAxOC41NTg2OTggMTA5LjQ4ODE0IDQzLjU4NTE5NiAyNS4wMzMgMjUuMDI2NSA0My4wMTA2NiA2OC4yNjEyNSA0MS41NzQxNCAxMDMuNDQ0OTQtMi4wMTMwNyA0OS4zMDQ0OC0xMS41MTI0NyA4MC40MjcwMS0zNi41NDE0NyAxMDUuNDU4MDF6IiBmaWxsPSIjZmZmIi8+PC9zdmc+";
@@ -8148,7 +8148,7 @@ var _imports_4 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3
 var _imports_5 = "data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MDEuOTk0IDQwMS45OTQiIGhlaWdodD0iNDAxLjk5NCIgdmlld0JveD0iMCAwIDQwMS45OTQgNDAxLjk5NCIgd2lkdGg9IjQwMS45OTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEyNi4xMDQzOSAzODguNDI2NzNjLTI3LjE4NTM0NS0xMS4xMDQ5Ny00OC45NzEwMDktMjUuOTg2OTMtNzAuMDQ2MDg2LTQ3Ljg0ODk3LTY2LjI1NDI3Ni02OC43MjgzMi03NS4wNTg0NTMtMTcyLjMzOTIyLTIxLjQ1Mzk1MS0yNTIuNDc4MjIyIDEwLjE1MDYzMS0xNS4xNzUyNDQgMzcuOTA3NjY3LTQyLjkzMjI3IDUzLjA4Mjg5My01My4wODI5MDMgMjIuOTEyNDU0LTE1LjMyNTk5NiA0OS4wMjQzOTQtMjYuMjQ3NzYxIDc1LjE2MDA1NC0zMS40MzY5NzY4IDE4Ljg5NDg5LTMuNzUxNTcwMDYgNTcuNTYzODItMy43NTE1NzAwNiA3Ni40NTg3MSAwIDYwLjk5NDgxIDEyLjExMDQ3NDggMTE0LjUwNDk5IDUzLjExMjIyODggMTQyLjczMTggMTA5LjM2NzEwMTggMTYuOTQ5NjYgMzMuNzgwMDMgMjQuMDA5MTEgNzguNTY1NzcgMTguMzg0NTEgMTE2LjYzMjktNi42NDQ4NCA0NC45NzIwOS0yNC45NDQxOSA4MS4yMjk5Ny01Ny40NTk0IDExMy44NDg2Mi0yMS43Nzg1NiAyMS44NDc4NS00NS42NTcxMyAzNy40NDEwMi03MS44NjMzOCA0Ni45MjgyLTEwLjkyNDAxIDMuOTU0NjctMTcuMzk3MjggMi43OTA5MS0xOC43NjExNS0zLjM3MjkzLS40MzgtMS45Nzk1LTEuMDAwMzEtMTkuNTQ0NS0xLjI0OTYtMzkuMDMzMy0uNDI1MzItMzMuMjUzMjgtLjY4MDQyLTM1Ljk0MDAxLTQuMTQ0NzgtNDMuNjUyNTctMi4wMzAzNC00LjUyMDEzLTQuNjc2ODgtOS4wMzYxNy01Ljg4MTIxLTEwLjAzNTY3LTMuNDQxNjMtMi44NTYzLTIuNTgyMDEtNC41ODEzMiAyLjI4Mjk3LTQuNTgxMzIgNy43MDA1MyAwIDI4Ljg5NTQ5LTYuMTE2NzUgNDAuODk2NDYtMTEuODAyNTMgMTMuMzk2MS02LjM0Njc3IDI3LjA5MDYxLTE5LjIyMDYyIDMzLjgwODItMzEuNzgyMjYgNy4xOTcwMi0xMy40NTgxNSAxMC43NjkxNy0zMC4yOTAyNSAxMC45NzA1OC01MS42OTM3OC4yMDg0NS0yMi4xNTIzOS0yLjgzMjEyLTMzLjMwOTExLTEzLjI0MDY4LTQ4LjU4MzgyLTYuMjY0NTEtOS4xOTMyOC02LjI3MzY1LTkuMjI5MDgtNC4zNzM0My0xNy4xNTAwMSAyLjI1MzY2LTkuMzk0MzUgMS4xNjE2OS0yOS4wODE3MTQtMi4xMTkxNC0zOC4yMDY0NzFsLTIuMjY0OTgtNi4yOTk0MTktOC40ODM0OC4xMzY5MTJjLTEwLjAwNzk2LjE2MTQ5Mi0yMS45OTgyNiA0LjUzMjk0OC0zNi42MTY5MyAxMy4zNDk4NzVsLTEwLjU4NDYyIDYuMzgzOTAzLTEyLjEzODAxLTIuODQ3MTNjLTE2LjY3Mjg1LTMuOTEwNzc3LTU4Ljg2NTIyLTMuOTU1MzIxLTc2LjQyMDUxLS4wODA4bC0xMi4zMTIzNSAyLjcxNzQ4LTEwLjQxMDI4LTYuMjc4NzQ3Yy0xNC41MzA3MS04Ljc2Mzc4NS0yNi40NjczMS0xMy4wODQwODQtMzYuNTk0MDUtMTMuMjQ0NjQxbC04LjYzNDk0Ny0uMTM2ODk4LTIuMTI5NTc1IDYuMjk5NDE5Yy0zLjEzMzQ4OSA5LjI2OTA4MS00LjE2MzA1MSAyOC45ODgxMjctMS45ODcxMTkgMzguMDU4NTA3IDEuODUyODQxIDcuNzIzNDMgMS44MTU3NTYgNy44Njg4OC00LjM3MjU0NCAxNy4xNDk5OC0xMC41MzEwMDkgMTUuNzk0MjUtMTMuNDk4ODk3IDI2LjY5NzY2LTEzLjI2NDY2NiA0OC43MzE4MS4yMjY5MzEgMjEuMzQ4NyAzLjgwNzgyOSAzOC4xNjQzMyAxMS4wMDgyMzUgNTEuNjkzNzggNi4yODkxNzEgMTEuODE3MjcgMjEuMzI5OTU2IDI2LjA2NzY3IDMzLjk4NDE5NiAzMi4xOTgzMiAxMC43MTQyNyA1LjE5MDc4IDMyLjg2ODUgMTEuMzU1MDMgNDAuODgzMjIgMTEuMzc1NDQgNS4yODU1My4wMTQyIDUuMzIyNzEuNDg1NjguNTM2MiA2LjgwOTI0LTIuMDg3MDYgMi43NTcyNS00LjgwNTQzIDguNTU2NjEtNi4wNDA4NCAxMi44ODc0NS0yLjEwNDc3IDcuMzc4NDgtMi43MzM0OSA4LjA0OTUtOS45ODUzMyAxMC42NTc0My0xNy4zNTQ1OCA2LjI0MTEtMzYuODI3ODIuMzE2MTMtNDYuODUxNzQ4LTE0LjI1NTI3LTEyLjI4MjQzNC0xNy44NTQ0My0yMy4wMjk4NjUtMjUuNTM2ODktMzUuNzI1MTM1LTI1LjUzNjg5LTguODk0OTkyIDAtMTAuMDY2OTk2IDMuODAzNDQtMi45ODY2NDIgOS42OTIzNiAxMi4zMTM1NTUgMTAuMjQxNSAxNy42MTM4MjUgMTYuNjI3MjEgMjIuODY4MDEgMjcuNTUxMDggNi42NTc2NDYgMTMuODQxODQgMTIuNjYzODI4IDIwLjE5MDY4IDI0LjIzNzE5NSAyNS42MTk5NiA3LjgyNTU3IDMuNjcxMTEgMTAuNDc2MDEgNC4wNjAzMSAyNy4xNzU4IDMuOTkwNTFsMTguNTA0NTEtLjA3NzJ2MTkuODU1N2MwIDEzLjQ2MDI0LS42MzQwOCAyMC42ODU4LTEuOTY4NTYgMjIuNDMyODEtMy42NTk5NSA0Ljc5MTI5LTkuMjc4OTMgNC41NzUxLTIyLjYwODQyLS44Njk5MXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=";
 var Nav_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$6 = (n) => (pushScopeId("data-v-11082ad2"), n = n(), popScopeId(), n);
-const _hoisted_1$e = { id: "menu" };
+const _hoisted_1$d = { id: "menu" };
 const _hoisted_2$a = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ createElementVNode("a", { href: "/project/new" }, [
   /* @__PURE__ */ createElementVNode("img", {
     class: "button",
@@ -8225,7 +8225,7 @@ const _sfc_main$i = {
     const displaySettings = inject("displaySettings");
     const { project } = useProject();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("nav", _hoisted_1$e, [
+      return openBlock(), createElementBlock("nav", _hoisted_1$d, [
         _hoisted_2$a,
         unref(displaySettings) && unref(project) != null ? (openBlock(), createElementBlock("a", {
           key: 0,
@@ -8260,7 +8260,7 @@ const _sfc_main$i = {
 };
 var Nav = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-11082ad2"]]);
 var Header_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$d = {
+const _hoisted_1$c = {
   class: "logo",
   href: "/"
 };
@@ -8270,7 +8270,7 @@ const _sfc_main$h = {
     const { logoURL, siteName } = inject("config");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("header", null, [
-        createElementVNode("a", _hoisted_1$d, [
+        createElementVNode("a", _hoisted_1$c, [
           createElementVNode("img", {
             src: unref(logoURL),
             alt: unref(siteName)
@@ -8287,7 +8287,7 @@ var _imports_0$3 = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI3MiIgd2lkdGg9Ij
 var Footer_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$g = {};
 const _withScopeId$5 = (n) => (pushScopeId("data-v-79b1b506"), n = n(), popScopeId(), n);
-const _hoisted_1$c = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("p", null, [
+const _hoisted_1$b = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("p", null, [
   /* @__PURE__ */ createElementVNode("a", {
     target: "_blank",
     href: "http://neuroanatomy.github.io"
@@ -8303,12 +8303,12 @@ const _hoisted_1$c = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ create
   }, " groupe de neuroanatomie appliqu\xE9e et th\xE9orique ")
 ], -1));
 const _hoisted_2$8 = [
-  _hoisted_1$c
+  _hoisted_1$b
 ];
-function _sfc_render$2(_ctx, _cache) {
+function _sfc_render$1(_ctx, _cache) {
   return openBlock(), createElementBlock("footer", null, _hoisted_2$8);
 }
-var Footer = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["render", _sfc_render$2], ["__scopeId", "data-v-79b1b506"]]);
+var Footer = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["render", _sfc_render$1], ["__scopeId", "data-v-79b1b506"]]);
 const _sfc_main$f = {
   props: {
     project: {
@@ -8351,7 +8351,7 @@ const _sfc_main$f = {
     };
   }
 };
-const _hoisted_1$b = { class: "title" };
+const _hoisted_1$a = { class: "title" };
 const _hoisted_2$7 = { id: "userImage" };
 const _hoisted_3$7 = ["src"];
 const _hoisted_4$7 = { id: "userDescription" };
@@ -8369,7 +8369,7 @@ const _sfc_main$e = {
         default: withCtx(() => [
           createVNode(Header, null, {
             default: withCtx(() => [
-              createElementVNode("span", _hoisted_1$b, toDisplayString(__props.user[unref(usernameField)]), 1)
+              createElementVNode("span", _hoisted_1$a, toDisplayString(__props.user[unref(usernameField)]), 1)
             ]),
             _: 1
           }),
@@ -8405,7 +8405,7 @@ const _sfc_main$e = {
 };
 var NewProjectPage_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$4 = (n) => (pushScopeId("data-v-63f07fc6"), n = n(), popScopeId(), n);
-const _hoisted_1$a = { class: "title" };
+const _hoisted_1$9 = { class: "title" };
 const _hoisted_2$6 = { class: "container" };
 const _hoisted_3$6 = { class: "inner" };
 const _hoisted_4$6 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("h1", null, "Create a new project", -1));
@@ -8434,7 +8434,7 @@ const _sfc_main$d = {
         default: withCtx(() => [
           createVNode(Header, null, {
             default: withCtx(() => [
-              createElementVNode("span", _hoisted_1$a, toDisplayString(unref(siteName)), 1)
+              createElementVNode("span", _hoisted_1$9, toDisplayString(unref(siteName)), 1)
             ]),
             _: 1
           }),
@@ -9084,7 +9084,7 @@ const _sfc_main$c = {
     }
   }
 };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "splitpanes__pane",
     onClick: _cache[0] || (_cache[0] = ($event) => $options.onPaneClick($event, _ctx._.uid)),
@@ -9093,12 +9093,12 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 4);
 }
-var pane = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$1]]);
+var pane = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render]]);
 var splitpanes = "";
 var ProjectPage_vue_vue_type_style_index_0_scoped_true_lang = "";
 var ProjectPage_vue_vue_type_style_index_1_lang = "";
 const _withScopeId$3 = (n) => (pushScopeId("data-v-101373ed"), n = n(), popScopeId(), n);
-const _hoisted_1$9 = { class: "title" };
+const _hoisted_1$8 = { class: "title" };
 const _hoisted_2$5 = { class: "left-header" };
 const _hoisted_3$5 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("img", {
   src: _imports_3,
@@ -9129,7 +9129,7 @@ const _sfc_main$b = {
         default: withCtx(() => [
           !__props.fullscreen ? (openBlock(), createBlock(Header, { key: 0 }, {
             default: withCtx(() => [
-              createElementVNode("span", _hoisted_1$9, toDisplayString(__props.project.title), 1)
+              createElementVNode("span", _hoisted_1$8, toDisplayString(__props.project.title), 1)
             ]),
             _: 1
           })) : createCommentVNode("", true),
@@ -10063,19 +10063,26 @@ const _sfc_main$a = {
   }
 };
 var ButtonsGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$9 = {};
-const _hoisted_1$8 = { class: "group" };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$8, [
-    renderSlot(_ctx.$slots, "default", {}, void 0, true)
-  ]);
-}
-var ButtonsGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render], ["__scopeId", "data-v-ba1bcfbe"]]);
+const _sfc_main$9 = {
+  props: {
+    fullWidth: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass({ group: true, "full-width": __props.fullWidth })
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+};
+var ButtonsGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-bbb3d5d6"]]);
 var _imports_0$2 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjE3OTIiCiAgIGhlaWdodD0iMTc5MiIKICAgdmlld0JveD0iMCAwIDE3OTIgMTc5MiIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImJhcnMuc3ZnIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGUgLz4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxMzY3IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjkxMiIKICAgICBpZD0ibmFtZWR2aWV3NiIKICAgICBzaG93Z3JpZD0iZmFsc2UiCiAgICAgaW5rc2NhcGU6em9vbT0iMC4yNjU1NDczIgogICAgIGlua3NjYXBlOmN4PSIyMDMuNDY5OTEiCiAgICAgaW5rc2NhcGU6Y3k9Ijg5NiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjMiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIKICAgICBkPSJtIDI1Ny44MjY2Myw1MTQuNDU0NDggcSAwLC0xMS40OTA3OSAyNy4wNjUzOCwtMTkuODg3OSAyNy4wNjUzOCwtOC4zOTcxMSA2NC4xMDIyMywtOC4zOTcxMSBsIDEwOTQuMDExNTYsMCBxIDM3LjAzNjgsMCA2NC4xMDIyLDguMzk3MSAyNy4wNjU0LDguMzk3MTEgMjcuMDY1NCwxOS44ODc5IGwgMCw1Ni41NzAwMSBxIDAsMTEuNDkwNzkgLTI3LjA2NTQsMTkuODg3OSAtMjcuMDY1NCw4LjM5NzExIC02NC4xMDIyLDguMzk3MTEgbCAtMTA5NC4wMTE1NiwwIHEgLTM3LjAzNjg1LDAgLTY0LjEwMjIzLC04LjM5NzExIC0yNy4wNjUzOCwtOC4zOTcxMSAtMjcuMDY1MzgsLTE5Ljg4NzkgbCAwLC01Ni41NzAwMSB6IgogICAgIGlkPSJwYXRoNC01IgogICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+CiAgPHBhdGgKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIgogICAgIGQ9Im0gMjU3LjgyNjYzLDEyMjguNTA3NCBxIDAsLTExLjQ5MDggMjcuMDY1MzgsLTE5Ljg4NzkgMjcuMDY1MzgsLTguMzk3MSA2NC4xMDIyMywtOC4zOTcxIGwgMTA5NC4wMTE1NiwwIHEgMzcuMDM2OCwwIDY0LjEwMjIsOC4zOTcxIDI3LjA2NTQsOC4zOTcxIDI3LjA2NTQsMTkuODg3OSBsIDAsNTYuNTcgcSAwLDExLjQ5MDggLTI3LjA2NTQsMTkuODg3OSAtMjcuMDY1NCw4LjM5NzEgLTY0LjEwMjIsOC4zOTcxIGwgLTEwOTQuMDExNTUsMCBxIC0zNy4wMzY4NCwwIC02NC4xMDIyMywtOC4zOTcxIC0yNy4wNjUzOCwtOC4zOTcxIC0yNy4wNjUzOCwtMTkuODg3OSBsIDAsLTU2LjU3IHoiCiAgICAgaWQ9InBhdGg0LTUtOCIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSIKICAgICBkPSJtIDI1Ny44MjY2Niw4NzEuNDgwOTkgcSAwLC0xMS40OTA3OSAyNy4wNjUzOCwtMTkuODg3ODkgMjcuMDY1NCwtOC4zOTcxMiA2NC4xMDIyMywtOC4zOTcxMiBsIDEwOTQuMDExNDMsMCBxIDM3LjAzNjcsMCA2NC4xMDIyLDguMzk3MTEgMjcuMDY1NCw4LjM5NzExIDI3LjA2NTQsMTkuODg3ODkgbCAwLDU2LjU3MDAyIHEgMCwxMS40OTA4IC0yNy4wNjU0LDE5Ljg4NzkgLTI3LjA2NTUsOC4zOTcxIC02NC4xMDIyLDguMzk3MSBsIC0xMDk0LjAxMTQyLDAgcSAtMzcuMDM2ODQsMCAtNjQuMTAyMjQsLTguMzk3MSAtMjcuMDY1MzgsLTguMzk3MSAtMjcuMDY1MzgsLTE5Ljg4NzkgbCAwLC01Ni41NzAwMiB6IgogICAgIGlkPSJwYXRoNC01LTciCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KPC9zdmc+Cg==";
 var _imports_0$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9InRpbWVzLWNpcmNsZS5zdmciCiAgIHdpZHRoPSIxNTM2IgogICBoZWlnaHQ9IjE1MzYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIgogICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIKICAgICBncmlkdG9sZXJhbmNlPSIxMCIKICAgICBndWlkZXRvbGVyYW5jZT0iMTAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE0MjEiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iOTI3IgogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBmaXQtbWFyZ2luLXRvcD0iMCIKICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiCiAgICAgZml0LW1hcmdpbi1yaWdodD0iMCIKICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIKICAgICBpbmtzY2FwZTp6b29tPSIwLjI0OTgzNTc4IgogICAgIGlua3NjYXBlOmN4PSI2MDMuNjk5NjYiCiAgICAgaW5rc2NhcGU6Y3k9IjcxNy41NzkzMiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMyIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iOTQiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAvPgogIDxjaXJjbGUKICAgICBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6NDkuMjI0MDcxNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6My4yNzU5MDAxMztzdHJva2Utb3BhY2l0eTowIgogICAgIGlkPSJwYXRoNDE2MyIKICAgICBjeD0iNzcxLjM2ODc3IgogICAgIGN5PSI3NjkuNTgwMDgiCiAgICAgcj0iNzQxLjQ0Mjk5IiAvPgogIDxwYXRoCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MSIKICAgICBkPSJtIDQ3Ni41NDc5Miw0MjUuOTcxNzEgcSAxMC4wNjYyMywtMTAuMDMxMTUgMzAuODMzODcsLTMuOTAzMTQgMjAuNzY3NjUsNi4xMjggMzkuMTIwMzEsMjQuNTQ0ODQgbCA1NDIuMTA5NCw1NDQuMDA0OTkgcSAxOC4zNTI2LDE4LjQxNjggMjQuNDA4MSwzOS4yMDU3IDYuMDU1NSwyMC43ODg5IC00LjAxMDcsMzAuODIwMSBsIC00OS41NTY4LDQ5LjM4NDEgcSAtMTAuMDY2MiwxMC4wMzExIC0zMC44MzM5LDMuOTAzMSAtMjAuNzY3NiwtNi4xMjggLTM5LjEyMDMsLTI0LjU0NDggTCA0NDcuMzg4NTQsNTQ1LjM4MTYgcSAtMTguMzUyNjYsLTE4LjQxNjg0IC0yNC40MDgxNCwtMzkuMjA1NzQgLTYuMDU1NDgsLTIwLjc4ODkxIDQuMDEwNzUsLTMwLjgyMDA2IGwgNDkuNTU2NzgsLTQ5LjM4NDEgeiIKICAgICBpZD0icGF0aDQiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KICA8cGF0aAogICAgIHN0eWxlPSJmaWxsOiMwMDAwMDA7ZmlsbC1vcGFjaXR5OjEiCiAgICAgZD0ibSAxMTEwLjAyODMsNDc2LjU0NzkxIHEgMTAuMDMxMSwxMC4wNjYyMiAzLjkwMzEsMzAuODMzODcgLTYuMTI4LDIwLjc2NzY1IC0yNC41NDQ4LDM5LjEyMDMxIEwgNTQ1LjM4MTU5LDEwODguNjExNSBxIC0xOC40MTY4MywxOC4zNTI2IC0zOS4yMDU3NCwyNC40MDgxIC0yMC43ODg5LDYuMDU1NSAtMzAuODIwMDUsLTQuMDEwNyBsIC00OS4zODQwOSwtNDkuNTU2OCBxIC0xMC4wMzExNSwtMTAuMDY2MiAtMy45MDMxNiwtMzAuODMzOSA2LjEyODAyLC0yMC43Njc2IDI0LjU0NDg1LC0zOS4xMjAzIEwgOTkwLjYxODQxLDQ0Ny4zODg1MyBxIDE4LjQxNjc5LC0xOC4zNTI2NiAzOS4yMDU2OSwtMjQuNDA4MTUgMjAuNzg5LC02LjA1NTQ3IDMwLjgyMDEsNC4wMTA3NiBsIDQ5LjM4NDEsNDkuNTU2NzggeiIKICAgICBpZD0icGF0aDQtNiIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgo8L3N2Zz4K";
 var _imports_2$1 = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjE3OTIiCiAgIGhlaWdodD0iMTc5MiIKICAgdmlld0JveD0iMCAwIDE3OTIgMTc5MiIKICAgaWQ9InN2ZzIiCiAgIHZlcnNpb249IjEuMSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMC45MSByMTM3MjUiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImNhcmV0LXNxdWFyZS1vLWxlZnQuc3ZnIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGExMCI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PgogICAgICAgIDxkYzp0eXBlCiAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4KICAgICAgICA8ZGM6dGl0bGU+PC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+CiAgPGRlZnMKICAgICBpZD0iZGVmczgiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNzg1IgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwODIiCiAgICAgaWQ9Im5hbWVkdmlldzYiCiAgICAgc2hvd2dyaWQ9ImZhbHNlIgogICAgIGlua3NjYXBlOnpvb209IjAuMzc4MTEyNzkiCiAgICAgaW5rc2NhcGU6Y3g9IjEyMTEuMDgzNSIKICAgICBpbmtzY2FwZTpjeT0iOTIyLjE5MzY0IgogICAgIGlua3NjYXBlOndpbmRvdy14PSI0IgogICAgIGlua3NjYXBlOndpbmRvdy15PSI0NiIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIC8+CiAgPGcKICAgICBpZD0iZzQyMTAiCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMC45MzgwMTQ1MywwLDAsMC44NzI1ODU0Miw1NS41Mzg5ODEsMTE0LjE2MzQ2KSI+CiAgICA8cGF0aAogICAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3NzcyIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIgogICAgICAgaWQ9InBhdGg0IgogICAgICAgZD0ibSAxNTIxLjQ5OTQsMTUxNi40MTI5IC0zLjgzNDIsLTEyNDUuNzk0MjkgYyAtMC4wMjcsLTguNjY2NjMgLTMuMTY2NywtMTYuMTY2NjcgLTkuNSwtMjIuNSAtNi4zMzMzLC02LjMzMzMzIC0xMy44MzM0LC05LjQ3NjE4IC0yMi41LC05LjUgbCAtODAyLjkyMTQyLC0yLjIwNzA4IGMgLTguNjY2NjMsLTAuMDIzOCAtMTguMDU5NTcsMS43Mjc1MyAtMjQuMzkyOSw4LjA2MDg2IC02LjMzMzMzLDYuMzMzMzMgLTcuNTgwNzYsNC4yMDAxMyAtNy42MDcxLDIzLjkzOTE0IGwgLTEuNjY2LDEyNDguNzc1ODcgYyAtMC4wMTE2LDguNjY2OCAzLjE2NjY3LDE2LjE2NjcgOS41LDIyLjUgNi4zMzMzMyw2LjMzMzMgMTMuODMzMzIsOS41MDgzIDIyLjUsOS41IGwgODA4LjQyMTYyLC0wLjc3NDUgYyA4LjY2NjYsLTAuMDEgMTYuMTY2NywtMy4xNjY3IDIyLjUsLTkuNSA2LjMzMzMsLTYuMzMzMyA5LjUyNjcsLTEzLjgzMzQgOS41LC0yMi41IHogTSAxNjY0LDQxNiBsIDAsOTYwIGMgMCw3OS4zMzMzIC0yOC4xNjY3LDE0Ny4xNjY3IC04NC41LDIwMy41IC01Ni4zMzMzLDU2LjMzMzMgLTEyNC4xNjY3LDg0LjUgLTIwMy41LDg0LjUgbCAtOTYwLDAgYyAtNzkuMzMzMzMsMCAtMTQ3LjE2NjY3LC0yOC4xNjY3IC0yMDMuNSwtODQuNSBDIDE1Ni4xNjY2NywxNTIzLjE2NjcgMTI4LDE0NTUuMzMzMyAxMjgsMTM3NiBsIDAsLTk2MCBDIDEyOCwzMzYuNjY2NjcgMTU2LjE2NjY3LDI2OC44MzMzMyAyMTIuNSwyMTIuNSAyNjguODMzMzMsMTU2LjE2NjY3IDMzNi42NjY2NywxMjggNDE2LDEyOCBsIDk2MCwwIGMgNzkuMzMzMywwIDE0Ny4xNjY3LDI4LjE2NjY3IDIwMy41LDg0LjUgNTYuMzMzMyw1Ni4zMzMzMyA4NC41LDEyNC4xNjY2NyA4NC41LDIwMy41IHoiIC8+CiAgPC9nPgo8L3N2Zz4K";
 var Editor_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$2 = (n) => (pushScopeId("data-v-4cdc36b8"), n = n(), popScopeId(), n);
+const _withScopeId$2 = (n) => (pushScopeId("data-v-2107b923"), n = n(), popScopeId(), n);
 const _hoisted_1$7 = { class: "content-wrapper" };
 const _hoisted_2$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("img", {
   src: _imports_0$2,
@@ -10118,6 +10125,7 @@ const _sfc_main$8 = {
     const relativeCoords = ref({ left: 0, top: 0 });
     const toggled = ref(true);
     const toolsRect = ref({});
+    const area = ref(null);
     const handleMouseDown = (event) => {
       const headerRect = event.target.getBoundingClientRect();
       relativeCoords.value = {
@@ -10134,10 +10142,17 @@ const _sfc_main$8 = {
       drag.value = false;
       position.value = { left: "auto", top: `${margin}px`, right: `${margin}px` };
     };
+    const hideTools = () => {
+      toggled.value = false;
+      const areaRect = area.value.getBoundingClientRect();
+      if (position.value.left === "auto")
+        return;
+      parseInt(position.value.left) > areaRect.width / 2 - toolsRect.value.width / 2 ? placeRight() : placeLeft();
+    };
     onMounted(() => {
       document.addEventListener("mousemove", handleMove);
       placeLeft();
-      toolsRect.value = document.querySelector(".area .tools").getBoundingClientRect();
+      toolsRect.value = area.value.querySelector(".tools").getBoundingClientRect();
     });
     onUnmounted(() => {
       document.removeEventListener("mousemove", handleMove);
@@ -10145,7 +10160,7 @@ const _sfc_main$8 = {
     const handleMove = (event) => {
       if (!drag.value)
         return;
-      const areaRect = document.querySelector(".area").getBoundingClientRect();
+      const areaRect = area.value.getBoundingClientRect();
       const posX = Math.max(0, Math.min(areaRect.width - toolsRect.value.width, event.clientX - areaRect.left - relativeCoords.value.left));
       const posY = Math.max(0, Math.min(areaRect.height - toolsRect.value.height, event.clientY - areaRect.top - relativeCoords.value.top));
       position.value = { left: `${posX}px`, top: `${posY}px` };
@@ -10155,6 +10170,8 @@ const _sfc_main$8 = {
       return openBlock(), createElementBlock("div", {
         class: "area",
         onMouseup: _cache[2] || (_cache[2] = ($event) => drag.value = false),
+        ref_key: "area",
+        ref: area,
         onMousleave: _cache[3] || (_cache[3] = ($event) => drag.value = false)
       }, [
         createElementVNode("div", _hoisted_1$7, [
@@ -10178,7 +10195,7 @@ const _sfc_main$8 = {
             }, [
               createElementVNode("button", {
                 class: "toggle",
-                onClick: _cache[1] || (_cache[1] = ($event) => toggled.value = false)
+                onClick: _cache[1] || (_cache[1] = ($event) => hideTools())
               }, _hoisted_6$2),
               createElementVNode("span", _hoisted_7$2, toDisplayString(__props.title), 1),
               createElementVNode("button", {
@@ -10197,11 +10214,11 @@ const _sfc_main$8 = {
             [vShow, toggled.value]
           ])
         ], 4)
-      ], 32);
+      ], 544);
     };
   }
 };
-var Editor = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-4cdc36b8"]]);
+var Editor = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-2107b923"]]);
 var RangeSlider_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$6 = { class: "range-slider" };
 const _hoisted_2$3 = /* @__PURE__ */ createTextVNode("-");
@@ -10292,7 +10309,7 @@ const _sfc_main$6 = {
     };
   }
 };
-var Row = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-3df95542"]]);
+var Row = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-544b3446"]]);
 var TextAnnotations_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = ["onClick"];
 const _sfc_main$5 = {