@zipify/wysiwyg 1.0.0-dev.63 → 1.0.0-dev.64

package/lib/Wysiwyg.vue

@@ -113,6 +113,13 @@ export default {
             default: false
         },
 
+        // Temporary until migrations static accordion to sidebar
+        popupMode: {
+            type: Boolean,
+            required: false,
+            default: false
+        },
+
         // Requires Window type but it different in iframe and outside
         // eslint-disable-next-line vue/require-prop-types
         window: {
@@ -185,6 +192,7 @@ export default {
         provide(InjectionTokens.LOCAL_STORAGE, new Storage(localStorage));
         provide(InjectionTokens.FAVORITE_COLORS, favoriteColors);
         provide(InjectionTokens.PAGE_BLOCKS, pageBlocks);
+        provide(InjectionTokens.POPUP_MODE, props.popupMode);
 
         return {
             editor,

package/lib/components/toolbar/ToolbarFull.vue

@@ -14,20 +14,35 @@
                 <FontColorControl />
                 <BackgroundColorControl />
             </ToolbarGroup>
+
+            <template v-if="isPopupMode">
+                <ToolbarDivider vertical />
+
+                <ToolbarGroup>
+                    <ItalicControl />
+                    <UnderlineControl />
+                    <StrikeThroughControl />
+                    <SuperscriptControl />
+                    <CaseStyleControl />
+                </ToolbarGroup>
+            </template>
         </ToolbarRow>
 
         <ToolbarDivider horizontal />
 
         <ToolbarRow>
-            <ToolbarGroup>
-                <ItalicControl />
-                <UnderlineControl />
-                <StrikeThroughControl />
-                <SuperscriptControl />
-                <CaseStyleControl />
-            </ToolbarGroup>
+            <template v-if="!isPopupMode">
+                <ToolbarGroup>
+                    <ItalicControl />
+                    <UnderlineControl />
+                    <StrikeThroughControl />
+                    <SuperscriptControl />
+                    <CaseStyleControl />
+                </ToolbarGroup>
+
+                <ToolbarDivider vertical />
+            </template>
 
-            <ToolbarDivider vertical />
             <AlignmentControl />
             <ToolbarDivider vertical />
 
@@ -52,6 +67,8 @@
 </template>
 
 <script>
+import { inject } from 'vue';
+import { InjectionTokens } from '../../injectionTokens';
 import ToolbarDivider from './ToolbarDivider';
 import ToolbarRow from './ToolbarRow';
 import ToolbarGroup from './ToolbarGroup';
@@ -97,6 +114,12 @@ export default {
         ListControl,
         RemoveFormatControl,
         LinkControl
+    },
+
+    setup() {
+        const isPopupMode = inject(InjectionTokens.POPUP_MODE);
+
+        return { isPopupMode };
     }
 };
 </script>

package/lib/injectionTokens.js

@@ -4,5 +4,6 @@ export const InjectionTokens = Object.freeze({
     EDITOR: Symbol('editor'),
     LOCAL_STORAGE: Symbol('localStorage'),
     FAVORITE_COLORS: Symbol('favoriteColors'),
-    PAGE_BLOCKS: Symbol('pageBlocks')
+    PAGE_BLOCKS: Symbol('pageBlocks'),
+    POPUP_MODE: Symbol('popupMode')
 });

package/package.json

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