@bagelink/vue 0.0.358 → 0.0.360

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

@@ -39216,13 +39216,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]), []);
@@ -39214,13 +39214,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.360",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

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>