@onereach/ui-components 2.70.0-beta.2121.0 → 2.70.0-beta.2124.0

package/dist/bundled/v2/{OrRichTextEditor-e3d6e35e.js → OrRichTextEditor-766f829b.js}

@@ -6,7 +6,7 @@ import { O as OrLabel } from './OrLabel-172c4b89.js';
 import { O as OrMenuItem } from './OrMenuItem-26420908.js';
 import { O as OrMenu } from './OrMenu-fa47c888.js';
 import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
-import { defineComponent, ref, onMounted, onBeforeUnmount, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
+import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 import { c as createInjector } from './browser-82dea9ed.js';
 
@@ -36720,15 +36720,15 @@ var script = defineComponent({
       'gap-md', ...(isActive.value[item] ? ToolbarButtonActive : ToolbarButton)];
     };
     //Effects
-    // watch(proxyModelValue, (value) => {
-    //   console.log('watch', value);
-    //   if (value !== editor?.getHTML() && !props.markdownFormat) {
-    //     editor?.commands.setContent(value as string);
-    //   }
-    //   if (props.markdownFormat && value !== markdownOutput.value) {
-    //     editor?.commands.setContent(markdownOutput.value);
-    //   }
-    // });
+    watch(proxyModelValue, value => {
+      console.log('watch', value);
+      if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML()) && !props.markdownFormat) {
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
+      }
+      if (props.markdownFormat && value !== markdownOutput.value) {
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(markdownOutput.value);
+      }
+    });
     return {
       editor,
       editorRef,
@@ -36853,7 +36853,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-04a216c3_0", {
+  inject("data-v-b9a5ce74_0", {
     source: ".tiptap-editor ol{margin:0 24px;list-style:decimal}.tiptap-editor ul{margin:0 24px;list-style:initial}.tiptap-editor pre{background-color:rgba(186,209,236,.3);padding:4px 8px;margin:4px 0;width:100%;border-radius:4px}.tiptap-editor blockquote{margin:8px 24px;padding:0 24px;border-left:4px solid #bad1ec}.tiptap-editor .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}",
     map: undefined,
     media: undefined

package/dist/bundled/v2/components/index.js

@@ -95,7 +95,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-3a3d
 export { O as OrTooltip } from '../OrTooltip-dfea7af2.js';
 export { O as OrTooltipContent } from '../OrTooltipContent-f0fd5f75.js';
 export { O as OrTooltipV3 } from '../OrTooltip-fbfa05fd.js';
-export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-e3d6e35e.js';
+export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-766f829b.js';
 import '../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/components/or-rich-text-editor-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-e3d6e35e.js';
+export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-766f829b.js';
 import '../../index-fa6eb4ca.js';
 import 'vue';
 import '@vue/composition-api/dist/vue-composition-api.mjs';

package/dist/bundled/v2/index.js

@@ -98,7 +98,7 @@ export { _ as OrToastContainerV3, O as OrToastV3, t as TypesV3 } from './types-f
 export { O as OrTooltip } from './OrTooltip-dfea7af2.js';
 export { O as OrTooltipContent } from './OrTooltipContent-f0fd5f75.js';
 export { O as OrTooltipV3 } from './OrTooltip-fbfa05fd.js';
-export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-e3d6e35e.js';
+export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-766f829b.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e2a93aaf.js';
 export { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
 export { u as useElevation } from './useElevation-aac032f4.js';

package/dist/bundled/v3/{OrRichTextEditor.vue_vue_type_script_lang-cf90e929.js → OrRichTextEditor.vue_vue_type_script_lang-05013a39.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, computed } from 'vue';
+import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch } from 'vue';
 import require$$8 from 'node:punycode';
 import { k as keyName, b as base } from './index.es-3f39f316.js';
 import './OrIconButton-4bd33e3c.js';
@@ -36721,15 +36721,15 @@ var script = defineComponent({
       'gap-md', ...(isActive.value[item] ? ToolbarButtonActive : ToolbarButton)];
     };
     //Effects
-    // watch(proxyModelValue, (value) => {
-    //   console.log('watch', value);
-    //   if (value !== editor?.getHTML() && !props.markdownFormat) {
-    //     editor?.commands.setContent(value as string);
-    //   }
-    //   if (props.markdownFormat && value !== markdownOutput.value) {
-    //     editor?.commands.setContent(markdownOutput.value);
-    //   }
-    // });
+    watch(proxyModelValue, value => {
+      console.log('watch', value);
+      if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML()) && !props.markdownFormat) {
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
+      }
+      if (props.markdownFormat && value !== markdownOutput.value) {
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(markdownOutput.value);
+      }
+    });
     return {
       editor,
       editorRef,

package/dist/bundled/v3/components/index.js

@@ -95,7 +95,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-4d43
 export { s as OrTooltip } from '../OrTooltip.vue_vue_type_script_lang-fa52d391.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-b0dcb862.js';
 export { s as OrTooltipV3 } from '../OrTooltip.vue_vue_type_script_lang-67cc86ed.js';
-export { s as OrRichTextEditorV3 } from '../OrRichTextEditor.vue_vue_type_script_lang-cf90e929.js';
+export { s as OrRichTextEditorV3 } from '../OrRichTextEditor.vue_vue_type_script_lang-05013a39.js';
 import 'vue';
 import 'lodash';
 import '../OrIcon-1cae8a64.js';

package/dist/bundled/v3/components/or-rich-text-editor-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor.vue_vue_type_script_lang-cf90e929.js';
+export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor.vue_vue_type_script_lang-05013a39.js';
 import 'vue';
 import 'node:punycode';
 import '../../index.es-3f39f316.js';

package/dist/bundled/v3/index.js

@@ -123,8 +123,8 @@ import './OrToastContainer-f5525225.js';
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-4d4329cd.js';
 export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-6c5eee23.js';
 import './OrToastContainer-afb51e5d.js';
-import { s as script$Q } from './OrRichTextEditor.vue_vue_type_script_lang-cf90e929.js';
-export { s as OrRichTextEditorV3 } from './OrRichTextEditor.vue_vue_type_script_lang-cf90e929.js';
+import { s as script$Q } from './OrRichTextEditor.vue_vue_type_script_lang-05013a39.js';
+export { s as OrRichTextEditorV3 } from './OrRichTextEditor.vue_vue_type_script_lang-05013a39.js';
 export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTTON_TYPE, I as ICON_BUTTON_TYPE } from './constants-c5d1139f.js';
 export { s as OrCardV3 } from './OrCard.vue_vue_type_script_lang-165de137.js';
 export { s as OrCollapse } from './OrCollapse.vue_vue_type_script_lang-65cbb754.js';

package/dist/esm/v2/{OrRichTextEditor-c14677a3.js → OrRichTextEditor-4510aa40.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, computed } from 'vue-demi';
+import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { defaultMarkdownSerializer, MarkdownSerializer } from 'prosemirror-markdown';
@@ -395,15 +395,15 @@ var script = defineComponent({
       'gap-md', ...(isActive.value[item] ? ToolbarButtonActive : ToolbarButton)];
     };
     //Effects
-    // watch(proxyModelValue, (value) => {
-    //   console.log('watch', value);
-    //   if (value !== editor?.getHTML() && !props.markdownFormat) {
-    //     editor?.commands.setContent(value as string);
-    //   }
-    //   if (props.markdownFormat && value !== markdownOutput.value) {
-    //     editor?.commands.setContent(markdownOutput.value);
-    //   }
-    // });
+    watch(proxyModelValue, value => {
+      console.log('watch', value);
+      if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML()) && !props.markdownFormat) {
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
+      }
+      if (props.markdownFormat && value !== markdownOutput.value) {
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(markdownOutput.value);
+      }
+    });
     return {
       editor,
       editorRef,
@@ -528,7 +528,7 @@ var __vue_staticRenderFns__ = [];
 /* style */
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-04a216c3_0", {
+  inject("data-v-b9a5ce74_0", {
     source: ".tiptap-editor ol{margin:0 24px;list-style:decimal}.tiptap-editor ul{margin:0 24px;list-style:initial}.tiptap-editor pre{background-color:rgba(186,209,236,.3);padding:4px 8px;margin:4px 0;width:100%;border-radius:4px}.tiptap-editor blockquote{margin:8px 24px;padding:0 24px;border-left:4px solid #bad1ec}.tiptap-editor .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}",
     map: undefined,
     media: undefined

package/dist/esm/v2/components/index.js

@@ -95,7 +95,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665
 export { _ as OrTooltip } from '../OrTooltip-614b016d.js';
 export { _ as OrTooltipContent } from '../OrTooltip.vue_rollup-plugin-vue_script-63559536.js';
 export { _ as OrTooltipV3 } from '../OrTooltip-513bee30.js';
-export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-c14677a3.js';
+export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-4510aa40.js';
 import 'vue-demi';
 import 'lodash';
 import '../normalize-component-6e8e3d80.js';

package/dist/esm/v2/components/or-rich-text-editor-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-c14677a3.js';
+export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-4510aa40.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v2/index.js

@@ -95,7 +95,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-06654
 export { _ as OrTooltip } from './OrTooltip-614b016d.js';
 export { _ as OrTooltipContent } from './OrTooltip.vue_rollup-plugin-vue_script-63559536.js';
 export { _ as OrTooltipV3 } from './OrTooltip-513bee30.js';
-export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-c14677a3.js';
+export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-4510aa40.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 export { u as useElevation } from './useElevation-31bfe1f6.js';

package/dist/esm/v3/{OrRichTextEditor-1bcc0b51.js → OrRichTextEditor-eefc4567.js}

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, computed } from 'vue-demi';
+import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch } from 'vue-demi';
 import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 import '@vueuse/core';
 import { defaultMarkdownSerializer, MarkdownSerializer } from 'prosemirror-markdown';
@@ -395,15 +395,15 @@ var script = defineComponent({
       'gap-md', ...(isActive.value[item] ? ToolbarButtonActive : ToolbarButton)];
     };
     //Effects
-    // watch(proxyModelValue, (value) => {
-    //   console.log('watch', value);
-    //   if (value !== editor?.getHTML() && !props.markdownFormat) {
-    //     editor?.commands.setContent(value as string);
-    //   }
-    //   if (props.markdownFormat && value !== markdownOutput.value) {
-    //     editor?.commands.setContent(markdownOutput.value);
-    //   }
-    // });
+    watch(proxyModelValue, value => {
+      console.log('watch', value);
+      if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML()) && !props.markdownFormat) {
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
+      }
+      if (props.markdownFormat && value !== markdownOutput.value) {
+        editor === null || editor === void 0 ? void 0 : editor.commands.setContent(markdownOutput.value);
+      }
+    });
     return {
       editor,
       editorRef,

package/dist/esm/v3/components/index.js

@@ -89,7 +89,7 @@ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from '../types-
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from '../OrTooltip-78cd7f6b.js';
 export { s as OrTooltipV3 } from '../OrTooltip-50d27b4f.js';
-export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-1bcc0b51.js';
+export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-eefc4567.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';

package/dist/esm/v3/components/or-rich-text-editor-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor-1bcc0b51.js';
+export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor-eefc4567.js';
 import 'vue-demi';
 import '../../useClassAttribute-47fdb016.js';
 import '@vueuse/core';

package/dist/esm/v3/index.js

@@ -89,7 +89,7 @@ export { a as OrToastContainerV3, s as OrToastV3, t as TypesV3 } from './types-8
 export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-0665462d.js';
 export { s as OrTooltip, a as OrTooltipContent } from './OrTooltip-78cd7f6b.js';
 export { s as OrTooltipV3 } from './OrTooltip-50d27b4f.js';
-export { s as OrRichTextEditorV3 } from './OrRichTextEditor-1bcc0b51.js';
+export { s as OrRichTextEditorV3 } from './OrRichTextEditor-eefc4567.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
 export { u as useElevation } from './useElevation-31bfe1f6.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.70.0-beta.2121.0",
+  "version": "2.70.0-beta.2124.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue

@@ -67,7 +67,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, ref, computed, onBeforeUnmount, onMounted } from 'vue-demi';
+import { defineComponent, ref, computed, onBeforeUnmount, onMounted, watch } from 'vue-demi';
 import { useClassAttribute } from '../../hooks';
 // // import { useFocusTrap, UseFocusTrapReturn } from '@vueuse/integrations/useFocusTrap';
 import { serialize, deserialize } from './utils/markdown';
@@ -410,15 +410,15 @@ export default defineComponent({
     };
 
     //Effects
-    // watch(proxyModelValue, (value) => {
-    //   console.log('watch', value);
-    //   if (value !== editor?.getHTML() && !props.markdownFormat) {
-    //     editor?.commands.setContent(value as string);
-    //   }
-    //   if (props.markdownFormat && value !== markdownOutput.value) {
-    //     editor?.commands.setContent(markdownOutput.value);
-    //   }
-    // });
+    watch(proxyModelValue, (value) => {
+      console.log('watch', value);
+      if (value !== editor?.getHTML() && !props.markdownFormat) {
+        editor?.commands.setContent(value as string);
+      }
+      if (props.markdownFormat && value !== markdownOutput.value) {
+        editor?.commands.setContent(markdownOutput.value);
+      }
+    });
 
     return {
       editor,