@innovastudio/contentbuilder 1.3.76 → 1.3.78

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.3.76",
+  "version": "1.3.78",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.css

@@ -131,7 +131,9 @@ button:focus-visible {
 .sortable-ghost * {
   outline: none !important;
 }
-.sortable-ghost .is-row-tool {
+.sortable-ghost .is-row-tool,
+.sortable-ghost .is-col-tool,
+.sortable-ghost .is-rowadd-tool {
   display: none !important;
 }
 
@@ -144,8 +146,8 @@ button:focus-visible {
   left: 0;
   background: rgba(0, 0, 0, 0.03);
   transform-origin: top left;
-  left: 5%;
-  top: -25%;
+  left: 10%;
+  top: -35%;
 }
 
 #_cbhtml .snippet-item {
@@ -813,15 +815,15 @@ button:focus-visible {
 #_cbhtml[toolbarfull] .is-elementrte-tool,
 .is-ui[toolbarfull] .is-rte-tool,
 .is-ui[toolbarfull] .is-elementrte-tool {
-  top: 0 !important;
-  left: 0 !important;
+  top: 0;
+  left: 0;
   width: 100vw;
   align-items: center;
-  box-shadow: rgba(0, 0, 0, 0.07) -1px 1px 0px 0px !important;
+  box-shadow: rgba(0, 0, 0, 0.07) -1px 1px 0px 0px;
 }
 #_cbhtml[toolbarfull] .is-rte-pop,
 .is-ui[toolbarfull] .is-rte-pop {
-  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 1px !important;
+  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 1px;
 }
 #_cbhtml .is-rte-pop,
 .is-ui .is-rte-pop {

package/public/contentbuilder/contentbuilder.esm.js

@@ -66379,6 +66379,41 @@ class Rte {
     let inpZoomSlider;
 
     if (!rteTool) {
+      if (builder.plugins.length > 0) {
+        let allButtons = ['|', 'addsnippet', 'bold', 'italic', 'underline', 'formatting', 'color', 'removeformat', 'align', 'textsettings', 'createlink', 'tags', 'undo', 'redo', 'zoom', 'icon', 'image', 'list', 'font', 'formatpara', 'gridtool', 'html', 'preferences', 'more', 'left', 'center', 'right', 'full'];
+
+        const filterButtons = myArray => {
+          let newArray = myArray;
+          myArray.forEach(item => {
+            item = item.toLowerCase();
+            let result = allButtons.filter(btnName => {
+              return btnName === item;
+            });
+
+            if (result.length === 0) {
+              // a plugin
+              result = builder.plugins.filter(plugin => {
+                // check if plugin registered.
+                return plugin.name === item;
+              });
+
+              if (result.length === 0) {
+                // plugin not registered
+                newArray = newArray.filter(e => e !== item);
+              }
+            }
+          });
+          return newArray;
+        };
+
+        builder.opts.buttons = filterButtons(builder.opts.buttons);
+        builder.opts.buttonsMore = filterButtons(builder.opts.buttonsMore);
+        builder.opts.elementButtons = filterButtons(builder.opts.elementButtons);
+        builder.opts.elementButtonsMore = filterButtons(builder.opts.elementButtonsMore);
+        builder.opts.iconButtons = filterButtons(builder.opts.iconButtons);
+        builder.opts.iconButtonsMore = filterButtons(builder.opts.iconButtonsMore);
+      }
+
       let customtag_button = '';
       var customTagsHtml = '';
 
@@ -68971,25 +69006,42 @@ class Rte {
       }
     }); // Backward compatible
 
-    if (this.builder.toolbar === 'topfull') {
-      if (window.getComputedStyle(this.rteTool).getPropertyValue('left') !== '0px') {
-        this.builderStuff.insertAdjacentHTML('afterbegin', `
-                <style>
-                    [toolbarfull] .is-rte-tool,
-                    [toolbarfull] .is-elementrte-tool {
-                        top: 0 !important;
-                        left: 0 !important;
-                        width: 100vw;
-                        align-items: center;
-                        box-shadow: rgba(0, 0, 0, 0.07) -1px 1px 0px 0px !important;
-                    }
-                    [toolbarfull] .is-rte-pop {
-                        box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 1px !important;
-                    }
-                </style>
-                `);
-      }
+    this.builderStuff.insertAdjacentHTML('afterbegin', `
+        <style>
+            #_cbhtml[toolbarfull] .is-rte-tool,
+            #_cbhtml[toolbarfull] .is-elementrte-tool {
+                top: 0;
+                left: 0;
+                width: 100vw;
+                align-items: center;
+                box-shadow: rgba(0, 0, 0, 0.07) -1px 1px 0px 0px;
+            }
+            #_cbhtml[toolbarfull] .is-rte-pop {
+                box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 1px;
+            }
+        </style>
+        `);
+    /*
+    if(this.builder.toolbar === 'topfull') {
+        if(window.getComputedStyle(this.rteTool).getPropertyValue('left') !== '0px') {
+            this.builderStuff.insertAdjacentHTML('afterbegin', `
+            <style>
+                #_cbhtml[toolbarfull] .is-rte-tool,
+                #_cbhtml[toolbarfull] .is-elementrte-tool {
+                    top: 0;
+                    left: 0;
+                    width: 100vw;
+                    align-items: center;
+                    box-shadow: rgba(0, 0, 0, 0.07) -1px 1px 0px 0px;
+                }
+                #_cbhtml[toolbarfull] .is-rte-pop {
+                    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 1px;
+                }
+            </style>
+            `);
+        }
     }
+    */
 
     if (this.builder.toolbarDisplay !== 'auto') {
       this.showDefaultToolbar(); // first time