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

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/lib/extensions/StylePreset.js

@@ -150,9 +150,14 @@ export const StylePreset = Extension.create({
                     .run();
             }),
 
-            removeFormat: createCommand(({ commands }) => {
-                commands.removePresetCustomization();
-                commands.applyDefaultPreset();
+            removeFormat: createCommand(({ chain }) => {
+                chain()
+                    .storeSelection()
+                    .expandSelectionToBlock()
+                    .unsetAllMarks()
+                    .applyDefaultPreset()
+                    .restoreSelection()
+                    .run();
             })
         };
     },

package/lib/styles/content.css

@@ -10,7 +10,7 @@
     pointer-events: none;
 }
 
-.zw-style {
+.zw-style.zw-style.zw-style {
     font-weight: var(--zw-font-weight, var(--zw-preset-font-weight));
     font-family: var(--zw-font-family, var(--zw-preset-font-family));
     color: var(--zw-font-color, var(--zw-preset-color));
@@ -21,7 +21,7 @@
 
 @media (min-width: 1200px) {
 
-    .zw-style {
+    .zw-style.zw-style.zw-style {
         font-size: var(--zw-font-size-desktop, var(--zw-preset-desktop-font-size));
         text-align: var(--zw-text-align-desktop, var(--zw-preset-desktop-text-align));
         line-height: var(--zw-line-height-desktop, var(--zw-preset-desktop-line-height));
@@ -30,7 +30,7 @@
 
 @media (min-width: 769px) and (max-width: 1199.98px) {
 
-    .zw-style {
+    .zw-style.zw-style.zw-style {
         font-size: var(--zw-font-size-tablet, var(--zw-preset-tablet-font-size));
         text-align: var(--zw-text-align-tablet, var(--zw-preset-tablet-text-align));
         line-height: var(--zw-line-height-tablet, var(--zw-preset-tablet-line-height));
@@ -39,15 +39,17 @@
 
 @media (max-width: 768.98px) {
 
-    .zw-style {
+    .zw-style.zw-style.zw-style {
         font-size: var(--zw-font-size-mobile, var(--zw-preset-mobile-font-size));
         text-align: var(--zw-text-align-mobile, var(--zw-preset-mobile-text-align));
         line-height: var(--zw-line-height-mobile, var(--zw-preset-mobile-line-height));
     }
 }
 
+
 /* ProseMirror styles */
 
+
 .ProseMirror {
     position: relative;
 }

package/package.json

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