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

package/dist/wysiwyg.mjs

@@ -18985,6 +18985,10 @@ function useModalToggler({ onBeforeOpened, onClosed, wrapperRef, modalRef } = {}
           options: {
             padding: 16
           }
+        },
+        {
+          name: "flip",
+          enabled: false
         }
       ]
     });
@@ -22824,31 +22828,30 @@ 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,
+      strategy: "fixed",
+      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();
@@ -23754,7 +23757,9 @@ const List = Node$1.create({
     baseClass: ""
   }),
   addAttributes: () => ({
-    bullet: { isRequired: true }
+    bullet: {
+      default: { type: ListTypes.DISC }
+    }
   }),
   parseHTML() {
     const HTML_TYPES = {
@@ -25885,6 +25890,11 @@ const __vue2_script = {
       required: false,
       default: () => [0, 8]
     },
+    toolbarPlacement: {
+      type: String,
+      required: false,
+      default: "top-start"
+    },
     baseListClass: {
       type: String,
       required: false,
@@ -25925,6 +25935,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: false,
+            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/components/base/composables/useModalToggler.js

@@ -22,12 +22,15 @@ export function useModalToggler({ onBeforeOpened, onClosed, wrapperRef, modalRef
                         offset: [0, 4]
                     }
                 },
-
                 {
                     name: 'preventOverflow',
                     options: {
                         padding: 16
                     }
+                },
+                {
+                    name: 'flip',
+                    enabled: false
                 }
             ]
         });

package/lib/composables/useToolbar.js

@@ -1,36 +1,31 @@
 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,
+            strategy: 'fixed',
+            modifiers: [
+                {
+                    name: 'offset',
+                    options: { offset: offsets }
+                },
+                {
+                    name: 'preventOverflow',
+                    options: {
+                        altAxis: true,
+                        padding: 2
+                    }
+                },
+                {
+                    name: 'flip',
+                    enabled: false
+                }
+            ]
         });
     }
 

package/lib/extensions/list/List.js

@@ -18,7 +18,9 @@ export const List = Node.create({
     }),
 
     addAttributes: () => ({
-        bullet: { isRequired: true }
+        bullet: {
+            default: { type: ListTypes.DISC }
+        }
     }),
 
     parseHTML() {

package/package.json

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