@innovastudio/contentbox 1.0.39 → 1.0.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.0.39",
+  "version": "1.0.40",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [

package/public/contentbox/contentbox.esm.js

@@ -311,7 +311,7 @@ class SideBar {
     this.builderStuff = builderStuff;
 
     if (this.builder.useSidebar) {
-      html += '<div class="is-sidebar active"  style="transform: translate3d(0,0,0);display: flex;flex-direction: column;opacity:opacity: 0.0001;">';
+      html += '<div class="is-sidebar active"  style="transform: translate3d(0,0,0);display: flex;flex-direction: column;opacity: 0.0001;">';
       var sideIndex = 0;
       this.builder.sidebarData.buttons.map(button => {
         if (button.name == 'section') {
@@ -1723,8 +1723,8 @@ class SideBar {
                 function applyParentStyles() {
                     var cssString = '' +
                         'body {' +
-                            'background: ${parent._cb.styleSnippetBackground};' +
-                            'color: ${parent._cb.styleSnippetColor};' +
+                            'background: ' + parent._cb.styleSnippetBackground + ';' +
+                            'color: ' + parent._cb.styleSnippetColor + ';' +
                             'margin: 0;' +
                         '}' +
                         
@@ -1793,7 +1793,7 @@ class SideBar {
                         '}' +
                 
                         'svg {' +
-                            'fill: ${parent._cb.styleSnippetColor};' +
+                            'fill: ' + parent._cb.styleSnippetColor + ';' +
                         '}' +
 
                         '.dark .is-design-list>div .is-overlay:after {' +
@@ -1806,45 +1806,45 @@ class SideBar {
                         '}' +
                 
                         '.is-category-list>div {' +
-                            'background: ${parent._cb.styleSnippetTabsBackground};' +
+                            'background: ' + parent._cb.styleSnippetTabsBackground + ';' +
                         '}' +
                         '.is-category-list>div:last-child {' +
                             'width:100%;' +
                         '}' +
                 
                         '.is-category-list a {' +
-                            'background: ${parent._cb.styleSnippetTabItemBackground};' +
-                            'color: ${parent._cb.styleSnippetTabItemColor};' +
+                            'background: ' + parent._cb.styleSnippetTabItemBackground + ';' +
+                            'color: ' + parent._cb.styleSnippetTabItemColor + ';' +
                             'transition: box-shadow ease 0.3s;' +
                         '}' +
                 
                         '.is-category-list a:hover {' +
-                            'background: ${parent._cb.styleSnippetTabItemBackgroundHover};' +
+                            'background: ' + parent._cb.styleSnippetTabItemBackgroundHover + ';' +
                             'box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);' +
-                            'color: ${parent._cb.styleSnippetTabItemColor};' +
+                            'color: ' + parent._cb.styleSnippetTabItemColor + ';' +
                         '}' +
                 
                         '.is-category-list a.active {' +
-                            'background: ${parent._cb.styleSnippetTabItemBackgroundActive};' +
-                            'color: ${parent._cb.styleSnippetTabItemColor};' +
+                            'background: ' + parent._cb.styleSnippetTabItemBackgroundActive + ';' +
+                            'color: ' + parent._cb.styleSnippetTabItemColor + ';' +
                             'cursor: default;' +
                         '}' +
 
                         '.is-more-categories {' +
-                            'background: ${parent._cb.styleSnippetMoreItemBackground};' +
+                            'background: ' + parent._cb.styleSnippetMoreItemBackground + ';' +
                         '}' +
                 
                         '.is-more-categories a {' +
-                            'background: ${parent._cb.styleSnippetMoreItemBackground};' +
-                            'color: ${parent._cb.styleSnippetMoreItemColor};' +
+                            'background: ' + parent._cb.styleSnippetMoreItemBackground + ';' +
+                            'color: ' + parent._cb.styleSnippetMoreItemColor + ';' +
                         '}' +
                 
                         '.is-more-categories a:hover {' +
-                            'background: ${parent._cb.styleSnippetMoreItemBackgroundHover};' +
+                            'background: ' + parent._cb.styleSnippetMoreItemBackgroundHover + ';' +
                         '}' +
                 
                         '.is-more-categories a.active {' +
-                           ' background: ${parent._cb.styleSnippetMoreItemBackgroundActive};' +
+                           ' background: ' + parent._cb.styleSnippetMoreItemBackgroundActive + ';' +
                         '}';
                     
                     let themestyle = document.querySelector('[data-theme-style]');
@@ -1854,7 +1854,7 @@ class SideBar {
                     style.setAttribute('data-theme-style','');
                     style.type = "text/css";
                     style.innerHTML = cssString;
-                    document.getElementsByTagName("head")[0].appendChild(style);
+                    document.head.appendChild(style);
 
                     if(parent._cb.styleDark) {
                         document.body.setAttribute('class', 'dark');
@@ -1869,7 +1869,7 @@ class SideBar {
                     }
                 }
 
-                applyParentStyles();
+                // applyParentStyles();
 
  
                 /*!
@@ -1884,6 +1884,8 @@ class SideBar {
 
                     document.querySelector('.is-category-list').style.opacity = 1;
                     document.querySelector('.is-design-list').style.opacity = 1;
+
+                    applyParentStyles();
                 });
             </script>
         </body>
@@ -2304,7 +2306,8 @@ class EditSection {
     activeSection.removeAttribute('data-bottom-top');
     activeSection.removeAttribute('data-300-bottom');
     activeSection.removeAttribute('data-400-bottom');
-    activeSection.removeAttribute('data-anim-start'); // activeSection.style.transform = '';
+    activeSection.removeAttribute('data-anim-start');
+    activeSection.style.transform = '';
 
     if (s === 'zoom-in') {
       activeSection.setAttribute('data-bottom-top', 'transform:translateX(0%) translateY(0%) scale(0.7)');
@@ -2338,7 +2341,8 @@ class EditSection {
     const activeSection = this.builder.activeSection;
     activeSection.removeAttribute('data-top-bottom');
     activeSection.removeAttribute('data-center');
-    activeSection.removeAttribute('data-anim-end'); // activeSection.style.transform = '';
+    activeSection.removeAttribute('data-anim-end');
+    activeSection.style.transform = '';
 
     if (s === 'zoom-in') {
       activeSection.setAttribute('data-center', 'transform:translateX(0%) translateY(0%) scale(1)');
@@ -74051,34 +74055,32 @@ class ContentBox {
       }
     }); // Hide tool on scrolling
 
+    /*
     let timeoutId;
-    window.addEventListener('scroll', this.doWindowScroll = () => {
-      if (this.controlHiddenOnScroll) {
-        let builderActive = document.querySelector('.builder-active');
-
-        if (builderActive) {
-          this.editor.util.clearActiveCell();
-          this.editor.util.clearControls();
-          this.controlHiddenOnScroll = false;
-        }
-      }
-
-      clearTimeout(timeoutId);
-      timeoutId = setTimeout(() => {
-        let hover = false;
-
-        if (this.activeSection) {
-          if (this.activeSection.matches(':hover')) {
-            hover = true;
-          }
-        }
-
-        if (!hover) {
-          let boxTool = document.querySelector('#divBoxTool');
-          boxTool.style.display = 'none';
+    window.addEventListener('scroll', this.doWindowScroll = () =>{
+         if(this.controlHiddenOnScroll) {
+            let builderActive = document.querySelector('.builder-active');
+            if(builderActive) {
+                this.editor.util.clearActiveCell();
+                this.editor.util.clearControls();
+                this.controlHiddenOnScroll = false;
+            }
         }
-      }, 30);
-    });
+         clearTimeout(timeoutId);
+        timeoutId = setTimeout( ()=> {
+             let hover=false;
+            if(this.activeSection) {
+                if(this.activeSection.matches(':hover')) {
+                    hover=true;
+                } 
+            }
+            if(!hover) {
+                let boxTool = document.querySelector('#divBoxTool');
+                boxTool.style.display = 'none';
+            }
+         }, 30); 
+     });
+    */
   } // init
 
 
@@ -74399,7 +74401,10 @@ class ContentBox {
       btn.style.color = this.editor.styleModalColor;
     });
     const sectionIframe = document.querySelector('#ifrIdeasPanel');
-    if (sectionIframe.contentWindow.applyParentStyles) sectionIframe.contentWindow.applyParentStyles();
+
+    if (sectionIframe.contentWindow.applyParentStyles) {
+      sectionIframe.contentWindow.applyParentStyles();
+    }
   }
 
   rePositionTool() {