@zipify/wysiwyg 1.0.0-dev.48 → 1.0.0-dev.49

package/lib/Wysiwyg.vue

@@ -110,6 +110,11 @@ export default {
         }
     },
 
+    emits: [
+        'input',
+        'updateFavoriteColors'
+    ],
+
     setup(props, { emit }) {
         ContextWindow.use(props.window);
 
@@ -123,10 +128,11 @@ export default {
             isActiveRef: toRef(props, 'active'),
             offsets: props.toolbarOffsets
         });
+        const updateToolbar = () => toolbar.update();
 
         function onChange(content) {
             emit('input', content);
-            toolbar.update();
+            updateToolbar();
         }
 
         const pageBlocks = toRef(props, 'pageBlocks');
@@ -166,7 +172,13 @@ export default {
         provide(InjectionTokens.FAVORITE_COLORS, favoriteColors);
         provide(InjectionTokens.PAGE_BLOCKS, pageBlocks);
 
-        return { editor, toolbarRef, wysiwygRef, toolbar };
+        return {
+            editor,
+            toolbarRef,
+            wysiwygRef,
+            toolbar,
+            updateToolbar
+        };
     }
 };
 </script>

package/lib/composables/useToolbar.js

@@ -3,10 +3,10 @@ import { useElementRef } from '../components/base';
 
 export function useToolbar({ wrapperRef, offsets, isActiveRef }) {
     const wrapperEl = useElementRef(wrapperRef);
-    let toolbar;
+    let popper;
 
     function mount(element) {
-        toolbar = createPopper(wrapperEl.value, element, {
+        popper = createPopper(wrapperEl.value, element, {
             placement: 'top-start',
             modifiers: [
                 {
@@ -28,10 +28,9 @@ export function useToolbar({ wrapperRef, offsets, isActiveRef }) {
         });
     }
 
-    const update = () => toolbar?.update();
+    const update = () => popper?.update();
 
     return {
-        toolbar,
         update,
         mount,
         isActiveRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zipify/wysiwyg",
-  "version": "1.0.0-dev.48",
+  "version": "1.0.0-dev.49",
   "description": "Zipify modification of TipTap text editor",
   "main": "dist/wysiwyg.mjs",
   "repository": {