@innovastudio/contentbox 1.1.5 → 1.1.6

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -829,7 +829,13 @@ class SideBar {
             if (src.indexOf(contentCss.toLowerCase()) != -1) exist = true;
           }
 
-          if (!exist) dom$J.appendHtml(document.head, '<link data-name="contentstyle" data-class="' + className + '" href="' + contentStylePath + contentCss + '" rel="stylesheet">');
+          if (!exist) {
+            if (this.builder.settings.cssInBody) {
+              this.builder.wrapperEl.insertAdjacentHTML('beforebegin', '<link data-name="contentstyle" data-class="' + className + '" href="' + contentStylePath + contentCss + '" rel="stylesheet">');
+            } else {
+              dom$J.appendHtml(document.head, '<link data-name="contentstyle" data-class="' + className + '" href="' + contentStylePath + contentCss + '" rel="stylesheet">');
+            }
+          }
         } //Cleanup unused
 
 
@@ -888,7 +894,11 @@ class SideBar {
         }); //Add new page css
 
         if (pageCss != '') {
-          dom$J.appendHtml(document.head, '<link href="' + contentStylePath + pageCss + '" rel="stylesheet">');
+          if (this.builder.settings.cssInBody) {
+            this.builder.wrapperEl.insertAdjacentHTML('beforebegin', '<link href="' + contentStylePath + pageCss + '" rel="stylesheet">');
+          } else {
+            dom$J.appendHtml(document.head, '<link href="' + contentStylePath + pageCss + '" rel="stylesheet">');
+          }
         }
       } else if (mode === 'container') {
         let builderActive = document.querySelector('.builder-active');
@@ -913,7 +923,13 @@ class SideBar {
             if (src.indexOf(contentCss.toLowerCase()) != -1) exist = true;
           }
 
-          if (!exist) dom$J.appendHtml(document.head, '<link data-name="contentstyle" data-class="' + className + '" href="' + contentStylePath + contentCss + '" rel="stylesheet">');
+          if (!exist) {
+            if (this.builder.settings.cssInBody) {
+              this.builder.wrapperEl.insertAdjacentHTML('beforebegin', '<link data-name="contentstyle" data-class="' + className + '" href="' + contentStylePath + contentCss + '" rel="stylesheet">');
+            } else {
+              dom$J.appendHtml(document.head, '<link data-name="contentstyle" data-class="' + className + '" href="' + contentStylePath + contentCss + '" rel="stylesheet">');
+            }
+          }
         } //Cleanup unused
 
 
@@ -959,7 +975,13 @@ class SideBar {
             if (src.indexOf(contentCss.toLowerCase()) != -1) exist = true;
           }
 
-          if (!exist) dom$J.appendHtml(document.head, '<link data-name="contentstyle" data-class="' + className + '" href="' + contentStylePath + contentCss + '" rel="stylesheet">');
+          if (!exist) {
+            if (this.builder.settings.cssInBody) {
+              this.builder.wrapperEl.insertAdjacentHTML('beforebegin', '<link data-name="contentstyle" data-class="' + className + '" href="' + contentStylePath + contentCss + '" rel="stylesheet">');
+            } else {
+              dom$J.appendHtml(document.head, '<link data-name="contentstyle" data-class="' + className + '" href="' + contentStylePath + contentCss + '" rel="stylesheet">');
+            }
+          }
         } //Cleanup unused
 
 
@@ -78904,6 +78926,7 @@ class ContentBox {
           }]
         }
       },
+      cssInBody: false,
 
       /* Old Version (backward compatible) */
       onAddSectionOpen: function () {},
@@ -79931,6 +79954,7 @@ class ContentBox {
 
   loadStyles(mainCss, sectionCss) {
     let links = document.getElementsByTagName('link');
+    let boxCssInBody;
 
     for (let i = 0; i < links.length; i++) {
       if (links[i].getAttribute('data-name') === 'contentstyle') {
@@ -79939,9 +79963,21 @@ class ContentBox {
 
       if (links[i].getAttribute('href').indexOf('basetype-') !== -1) {
         links[i].setAttribute('data-rel', '_del');
+      } // Check if main css (box.css in inside body)
+
+
+      if (links[i].getAttribute('href').indexOf('/box.css') !== -1 || links[i].getAttribute('href').indexOf('/box-flex.css') !== -1) {
+        if (links[i].parentNode === document.body) {
+          boxCssInBody = true;
+          this.settings.cssInBody = true;
+        }
       }
     }
 
+    if (this.settings.cssInBody) {
+      boxCssInBody = true;
+    }
+
     let elms = document.querySelectorAll('[data-rel="_del"]');
     elms.forEach(elm => {
       elm.parentNode.removeChild(elm);
@@ -79949,10 +79985,18 @@ class ContentBox {
     let page = document.head;
     if (!page) page = document.body;
     if (mainCss) if (mainCss !== '') {
-      page.insertAdjacentHTML('beforeend', mainCss); // add the style on the head
+      if (boxCssInBody) {
+        this.wrapperEl.insertAdjacentHTML('beforebegin', mainCss);
+      } else {
+        page.insertAdjacentHTML('beforeend', mainCss); // add the style on the head
+      }
     }
     if (sectionCss) if (sectionCss !== '') {
-      page.insertAdjacentHTML('beforeend', sectionCss); // add the style on the head
+      if (boxCssInBody) {
+        this.wrapperEl.insertAdjacentHTML('beforebegin', sectionCss);
+      } else {
+        page.insertAdjacentHTML('beforeend', sectionCss); // add the style on the head
+      }
     }
   }