@zipify/wysiwyg 1.0.0-dev.86 → 1.0.0-dev.87

package/dist/wysiwyg.mjs

@@ -22824,31 +22824,29 @@ function useEditor({ content, onChange, extensions: extensions2, isReadonlyRef }
   watch(isReadonlyRef, (isReadonly) => editor.setEditable(!isReadonly), { immediate: true });
   return editor;
 }
-function useToolbar({ wrapperRef, offsets, isActiveRef }) {
+function useToolbar({ wrapperRef, offsets, isActiveRef, placementRef }) {
   const wrapperEl = useElementRef(wrapperRef);
   let popper2;
   function mount(element) {
-    const modifiers2 = [
-      {
-        name: "offset",
-        options: { offset: offsets }
-      },
-      {
-        name: "preventOverflow",
-        options: {
-          altAxis: true,
-          padding: 2
-        }
-      },
-      {
-        name: "flip",
-        options: { boundary: "document" }
-      }
-    ];
-    console.log(modifiers2, ContextWindow);
     popper2 = createPopper(wrapperEl.value, element, {
-      placement: "top-start",
-      modifiers: modifiers2
+      placement: placementRef.value,
+      modifiers: [
+        {
+          name: "offset",
+          options: { offset: offsets }
+        },
+        {
+          name: "preventOverflow",
+          options: {
+            altAxis: true,
+            padding: 2
+          }
+        },
+        {
+          name: "flip",
+          enabled: false
+        }
+      ]
     });
   }
   const update = () => popper2 == null ? void 0 : popper2.update();
@@ -25885,6 +25883,11 @@ const __vue2_script = {
       required: false,
       default: () => [0, 8]
     },
+    toolbarPlacement: {
+      type: String,
+      required: true,
+      default: "top-start"
+    },
     baseListClass: {
       type: String,
       required: false,
@@ -25925,6 +25928,7 @@ const __vue2_script = {
     const isToolbarActiveRef = computed(() => props.active && !props.readonly);
     const toolbar = useToolbar({
       wrapperRef: wysiwygRef,
+      placementRef: toRef(props, "toolbarPlacement"),
       isActiveRef: isToolbarActiveRef,
       offsets: props.toolbarOffsets
     });

package/lib/Wysiwyg.vue

@@ -96,6 +96,12 @@ export default {
             default: () => [0, 8]
         },
 
+        toolbarPlacement: {
+            type: String,
+            required: true,
+            default: 'top-start'
+        },
+
         baseListClass: {
             type: String,
             required: false,
@@ -144,6 +150,7 @@ export default {
 
         const toolbar = useToolbar({
             wrapperRef: wysiwygRef,
+            placementRef: toRef(props, 'toolbarPlacement'),
             isActiveRef: isToolbarActiveRef,
             offsets: props.toolbarOffsets
         });

package/lib/composables/useToolbar.js

@@ -1,36 +1,30 @@
 import { createPopper } from '@popperjs/core';
 import { useElementRef } from '../components/base';
-import { ContextWindow } from '../services';
 
-export function useToolbar({ wrapperRef, offsets, isActiveRef }) {
+export function useToolbar({ wrapperRef, offsets, isActiveRef, placementRef }) {
     const wrapperEl = useElementRef(wrapperRef);
     let popper;
 
     function mount(element) {
-        const modifiers = [
-            {
-                name: 'offset',
-                options: { offset: offsets }
-            },
-            {
-                name: 'preventOverflow',
-                options: {
-                    altAxis: true,
-                    padding: 2
-                }
-            },
-            {
-                name: 'flip',
-                options: { boundary: 'document' }
-            }
-        ];
-
-        // eslint-disable-next-line no-console
-        console.log(modifiers, ContextWindow);
-
         popper = createPopper(wrapperEl.value, element, {
-            placement: 'top-start',
-            modifiers
+            placement: placementRef.value,
+            modifiers: [
+                {
+                    name: 'offset',
+                    options: { offset: offsets }
+                },
+                {
+                    name: 'preventOverflow',
+                    options: {
+                        altAxis: true,
+                        padding: 2
+                    }
+                },
+                {
+                    name: 'flip',
+                    enabled: false
+                }
+            ]
         });
     }
 

package/package.json

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