@bagelink/vue 0.0.358 → 0.0.363

package/dist/components/RouterWrapper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouterWrapper.vue.d.ts","sourceRoot":"","sources":["../../src/components/RouterWrapper.vue"],"names":[],"mappings":";AAqFA,wBAKG"}
+{"version":3,"file":"RouterWrapper.vue.d.ts","sourceRoot":"","sources":["../../src/components/RouterWrapper.vue"],"names":[],"mappings":";AA2EA,wBAKG"}

package/dist/components/form/inputs/RichText.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichText.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RichText.vue"],"names":[],"mappings":"AAcA;;gBAwPyD,MAAM;;;;gBAAN,MAAM;;;;AAL/D,wBAOG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
+{"version":3,"file":"RichText.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/RichText.vue"],"names":[],"mappings":"AAcA;;gBAgQyD,MAAM;;;;gBAAN,MAAM;;;;AAL/D,wBAOG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/index.cjs

@@ -5024,7 +5024,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$E = { class: "full-nav" };
+const _hoisted_1$D = { class: "full-nav" };
 const _hoisted_2$v = { class: "nav-scroll" };
 const _hoisted_3$m = { class: "nav-links-wrapper" };
 const _hoisted_4$e = { class: "tooltip" };
@@ -5059,7 +5059,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
             class: "top-arrow"
           })
         ], 32),
-        vue.createElementVNode("div", _hoisted_1$E, [
+        vue.createElementVNode("div", _hoisted_1$D, [
           vue.createElementVNode("div", _hoisted_2$v, [
             vue.createElementVNode("div", _hoisted_3$m, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
@@ -5118,7 +5118,7 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-727b754a"]]);
-const _hoisted_1$D = {
+const _hoisted_1$C = {
   key: 0,
   class: "loading"
 };
@@ -5213,7 +5213,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
         })
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$u, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$u, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
               key: 0,
               icon: _ctx.icon
@@ -5234,7 +5234,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-d09a83c5"]]);
-const _hoisted_1$C = { class: "tool-bar" };
+const _hoisted_1$B = { class: "tool-bar" };
 const _hoisted_2$t = { class: "modal-footer mt-3" };
 const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "Modal",
@@ -5283,7 +5283,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
           }, ["stop"]))
         }, {
           default: vue.withCtx(() => [
-            vue.createElementVNode("header", _hoisted_1$C, [
+            vue.createElementVNode("header", _hoisted_1$B, [
               vue.renderSlot(_ctx.$slots, "toolbar"),
               vue.createVNode(vue.unref(Btn), {
                 style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5425,7 +5425,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-7e6899c7"]]);
-const _hoisted_1$B = { class: "accordion-item" };
+const _hoisted_1$A = { class: "accordion-item" };
 const _hoisted_2$s = ["aria-expanded", "aria-controls"];
 const _hoisted_3$l = { class: "accordion-label" };
 const _hoisted_4$d = ["id", "aria-hidden"];
@@ -5453,7 +5453,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
         accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
         vue.createElementVNode("button", {
           onClick: _cache[0] || (_cache[0] = ($event) => toggle()),
           "aria-expanded": vue.unref(open) ? "true" : "false",
@@ -5485,14 +5485,14 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-bf74738b"]]);
-const _hoisted_1$A = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
+const _hoisted_1$z = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
 const _hoisted_2$r = { class: "p-1" };
 const _hoisted_3$k = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "ListView",
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
         vue.createElementVNode("div", _hoisted_2$r, [
           vue.renderSlot(_ctx.$slots, "header")
         ]),
@@ -5503,7 +5503,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$z = { class: "txt16 no-margin ellipsis" };
+const _hoisted_1$y = { class: "txt16 no-margin ellipsis" };
 const _hoisted_2$q = { class: "txt14 no-margin txt-gray ellipsis" };
 const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
@@ -5529,7 +5529,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
             size: 40
           }, null, 8, ["name", "src"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("p", _hoisted_1$z, [
+            vue.createElementVNode("p", _hoisted_1$y, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
@@ -5544,7 +5544,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$y = { class: "page-top" };
+const _hoisted_1$x = { class: "page-top" };
 const _hoisted_2$p = { class: "top-title" };
 const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
@@ -5556,7 +5556,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
         vue.createElementVNode("h1", _hoisted_2$p, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
@@ -5565,7 +5565,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$x = { class: "table-list-wrap h-100" };
+const _hoisted_1$w = { class: "table-list-wrap h-100" };
 const _hoisted_2$o = { class: "infinite-wrapper" };
 const _hoisted_3$j = { class: "row first-row" };
 const _hoisted_4$c = ["onClick"];
@@ -5606,7 +5606,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
       emit2("orderBy", `${fieldname} ${sortDirection.value}`.trim());
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
         vue.createElementVNode("table", _hoisted_2$o, [
           vue.createElementVNode("thead", _hoisted_3$j, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field) => {
@@ -5666,15 +5666,14 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
 });
 const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-f3641508"]]);
 const _sfc_main$x = {};
-const _hoisted_1$w = { class: "flex space-between" };
+const _hoisted_1$v = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
 const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$1]]);
 const _sfc_main$w = {};
-const _hoisted_1$v = { class: "m_overflow-hidden-x" };
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = vue.resolveComponent("router-view");
   return vue.openBlock(), vue.createBlock(_component_router_view, null, {
@@ -5686,11 +5685,9 @@ function _sfc_render(_ctx, _cache) {
         appear: ""
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1$v, [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
-              key: route == null ? void 0 : route.params.itemID
-            }))
-          ])
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
+            key: route == null ? void 0 : route.params.itemID
+          }))
         ]),
         _: 2
       }, 1024)
@@ -39216,13 +39213,22 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
       }
     ];
     const emit2 = __emit;
-    vue.onMounted(() => {
+    function initEditor() {
       editor.value = new Editor({
         extensions: [StarterKit],
         content: props2.modelValue,
         onUpdate: ({ editor: editor2 }) => emit2("update:modelValue", editor2.getHTML())
       });
-    });
+    }
+    vue.watch(
+      () => props2.modelValue,
+      (value) => {
+        var _a2;
+        return (_a2 = editor.value) == null ? void 0 : _a2.commands.setContent(value);
+      },
+      { immediate: true }
+    );
+    vue.onMounted(initEditor);
     vue.onBeforeUnmount(() => {
       var _a2;
       return (_a2 = editor.value) == null ? void 0 : _a2.destroy();

package/dist/index.mjs

@@ -4,7 +4,7 @@ var __publicField2 = (obj, key, value) => {
   __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { pushScopeId, popScopeId, defineComponent, nextTick, openBlock, createBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, normalizeStyle, withKeys, createElementVNode, Fragment as Fragment$1, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h as h$2, toDisplayString, inject, unref, renderList, resolveDynamicComponent, useCssVars, useSlots, computed, withModifiers, createTextVNode, watch, onMounted, onUnmounted, mergeModels, useModel, createSlots, Transition, reactive, provide, withDirectives, vModelCheckbox, toRef, isRef, Teleport, render as render$f, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, TransitionGroup, vModelDynamic, vModelText, vModelRadio, onBeforeUnmount, markRaw, getCurrentInstance, watchEffect, customRef, resolveDirective } from "vue";
+import { pushScopeId, popScopeId, defineComponent, nextTick, openBlock, createBlock, createElementBlock, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, withScopeId, resolveComponent, normalizeStyle, withKeys, createElementVNode, Fragment as Fragment$1, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h as h$2, toDisplayString, inject, unref, renderList, resolveDynamicComponent, useCssVars, useSlots, computed, withModifiers, createTextVNode, watch, onMounted, onUnmounted, mergeModels, useModel, createSlots, Transition, reactive, provide, withDirectives, vModelCheckbox, toRef, isRef, Teleport, render as render$f, onBeforeUpdate, vShow, getCurrentScope, onScopeDispose, TransitionGroup, vModelDynamic, vModelText, vModelRadio, onBeforeUnmount, getCurrentInstance, watchEffect, markRaw, customRef, resolveDirective } from "vue";
 const sides = ["top", "right", "bottom", "left"];
 const alignments = ["start", "end"];
 const placements$1 = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -5022,7 +5022,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$E = { class: "full-nav" };
+const _hoisted_1$D = { class: "full-nav" };
 const _hoisted_2$v = { class: "nav-scroll" };
 const _hoisted_3$m = { class: "nav-links-wrapper" };
 const _hoisted_4$e = { class: "tooltip" };
@@ -5057,7 +5057,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             class: "top-arrow"
           })
         ], 32),
-        createElementVNode("div", _hoisted_1$E, [
+        createElementVNode("div", _hoisted_1$D, [
           createElementVNode("div", _hoisted_2$v, [
             createElementVNode("div", _hoisted_3$m, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
@@ -5116,7 +5116,7 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-727b754a"]]);
-const _hoisted_1$D = {
+const _hoisted_1$C = {
   key: 0,
   class: "loading"
 };
@@ -5211,7 +5211,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
         })
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$D)) : (openBlock(), createElementBlock("div", _hoisted_2$u, [
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$C)) : (openBlock(), createElementBlock("div", _hoisted_2$u, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$H), {
               key: 0,
               icon: _ctx.icon
@@ -5232,7 +5232,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-d09a83c5"]]);
-const _hoisted_1$C = { class: "tool-bar" };
+const _hoisted_1$B = { class: "tool-bar" };
 const _hoisted_2$t = { class: "modal-footer mt-3" };
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "Modal",
@@ -5281,7 +5281,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           }, ["stop"]))
         }, {
           default: withCtx(() => [
-            createElementVNode("header", _hoisted_1$C, [
+            createElementVNode("header", _hoisted_1$B, [
               renderSlot(_ctx.$slots, "toolbar"),
               createVNode(unref(Btn), {
                 style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5423,7 +5423,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-7e6899c7"]]);
-const _hoisted_1$B = { class: "accordion-item" };
+const _hoisted_1$A = { class: "accordion-item" };
 const _hoisted_2$s = ["aria-expanded", "aria-controls"];
 const _hoisted_3$l = { class: "accordion-label" };
 const _hoisted_4$d = ["id", "aria-hidden"];
@@ -5451,7 +5451,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$B, [
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
         createElementVNode("button", {
           onClick: _cache[0] || (_cache[0] = ($event) => toggle()),
           "aria-expanded": unref(open) ? "true" : "false",
@@ -5483,14 +5483,14 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-bf74738b"]]);
-const _hoisted_1$A = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
+const _hoisted_1$z = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 p-0" };
 const _hoisted_2$r = { class: "p-1" };
 const _hoisted_3$k = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "ListView",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$A, [
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [
         createElementVNode("div", _hoisted_2$r, [
           renderSlot(_ctx.$slots, "header")
         ]),
@@ -5501,7 +5501,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$z = { class: "txt16 no-margin ellipsis" };
+const _hoisted_1$y = { class: "txt16 no-margin ellipsis" };
 const _hoisted_2$q = { class: "txt14 no-margin txt-gray ellipsis" };
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
@@ -5527,7 +5527,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             size: 40
           }, null, 8, ["name", "src"])) : createCommentVNode("", true),
           createElementVNode("div", null, [
-            createElementVNode("p", _hoisted_1$z, [
+            createElementVNode("p", _hoisted_1$y, [
               createTextVNode(toDisplayString(_ctx.title) + " ", 1),
               renderSlot(_ctx.$slots, "default")
             ]),
@@ -5542,7 +5542,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$y = { class: "page-top" };
+const _hoisted_1$x = { class: "page-top" };
 const _hoisted_2$p = { class: "top-title" };
 const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
@@ -5554,7 +5554,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$y, [
+      return openBlock(), createElementBlock("div", _hoisted_1$x, [
         createElementVNode("h1", _hoisted_2$p, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
@@ -5563,7 +5563,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$x = { class: "table-list-wrap h-100" };
+const _hoisted_1$w = { class: "table-list-wrap h-100" };
 const _hoisted_2$o = { class: "infinite-wrapper" };
 const _hoisted_3$j = { class: "row first-row" };
 const _hoisted_4$c = ["onClick"];
@@ -5604,7 +5604,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       emit2("orderBy", `${fieldname} ${sortDirection.value}`.trim());
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
         createElementVNode("table", _hoisted_2$o, [
           createElementVNode("thead", _hoisted_3$j, [
             (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (field) => {
@@ -5664,15 +5664,14 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
 });
 const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-f3641508"]]);
 const _sfc_main$x = {};
-const _hoisted_1$w = { class: "flex space-between" };
+const _hoisted_1$v = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$w, [
+  return openBlock(), createElementBlock("div", _hoisted_1$v, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
 const TopBar = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$1]]);
 const _sfc_main$w = {};
-const _hoisted_1$v = { class: "m_overflow-hidden-x" };
 function _sfc_render(_ctx, _cache) {
   const _component_router_view = resolveComponent("router-view");
   return openBlock(), createBlock(_component_router_view, null, {
@@ -5684,11 +5683,9 @@ function _sfc_render(_ctx, _cache) {
         appear: ""
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$v, [
-            (openBlock(), createBlock(resolveDynamicComponent(Component), {
-              key: route == null ? void 0 : route.params.itemID
-            }))
-          ])
+          (openBlock(), createBlock(resolveDynamicComponent(Component), {
+            key: route == null ? void 0 : route.params.itemID
+          }))
         ]),
         _: 2
       }, 1024)
@@ -39214,13 +39211,22 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }
     ];
     const emit2 = __emit;
-    onMounted(() => {
+    function initEditor() {
       editor.value = new Editor({
         extensions: [StarterKit],
         content: props2.modelValue,
         onUpdate: ({ editor: editor2 }) => emit2("update:modelValue", editor2.getHTML())
       });
-    });
+    }
+    watch(
+      () => props2.modelValue,
+      (value) => {
+        var _a2;
+        return (_a2 = editor.value) == null ? void 0 : _a2.commands.setContent(value);
+      },
+      { immediate: true }
+    );
+    onMounted(initEditor);
     onBeforeUnmount(() => {
       var _a2;
       return (_a2 = editor.value) == null ? void 0 : _a2.destroy();

package/dist/style.css

@@ -1670,6 +1670,8 @@ img.preview[data-v-1be8d7b1] {
 .tiptap {
 	min-height: 500px;
 	background: var(--input-bg);
+	overflow: auto;
+	max-height: 600px;
 }
 
 .chart-line {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.358",
+  "version": "0.0.363",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/RouterWrapper.vue

@@ -6,12 +6,10 @@
 			mode="out-in"
 			appear
 		>
-			<div class="m_overflow-hidden-x">
-				<component
-					:is="Component"
-					:key="route?.params.itemID"
-				/>
-			</div>
+			<component
+				:is="Component"
+				:key="route?.params.itemID"
+			/>
 		</transition>
 	</router-view>
 </template>

package/src/components/form/inputs/RichText.vue

@@ -15,7 +15,7 @@
 
 <script setup lang="ts">
 import { Btn } from '@bagelink/vue';
-import { onMounted, onBeforeUnmount } from 'vue';
+import { onMounted, onBeforeUnmount, watch } from 'vue';
 import StarterKit from '@tiptap/starter-kit';
 import { Editor, EditorContent } from '@tiptap/vue-3';
 import type { MaterialIcons } from '@bagelink/vue';
@@ -156,13 +156,21 @@ const config: {
 
 const emit = defineEmits(['update:modelValue']);
 
-onMounted(() => {
+function initEditor() {
 	editor = new Editor({
 		extensions: [StarterKit],
 		content: props.modelValue,
 		onUpdate: ({ editor }) => emit('update:modelValue', editor.getHTML()),
 	});
-});
+}
+
+watch(
+	() => props.modelValue,
+	(value) => editor?.commands.setContent(value),
+	{ immediate: true }
+);
+
+onMounted(initEditor);
 
 onBeforeUnmount(() => editor?.destroy());
 </script>
@@ -226,5 +234,7 @@ onBeforeUnmount(() => editor?.destroy());
 .tiptap {
 	min-height: 500px;
 	background: var(--input-bg);
+	overflow: auto;
+	max-height: 600px;
 }
 </style>

package/src/styles/theme.css

@@ -142,6 +142,7 @@
     color: var(--bgl-primary);
     border-bottom: 2px solid var(--bgl-primary);
 }
+
 .router-tab:hover {
     color: var(--bgl-primary);
 }