@innovastudio/contentbox 1.6.189 → 1.6.191

package/index.d.ts

@@ -404,7 +404,7 @@ interface ContentBoxOptions {
     activeStyleOffset?: number;
     contentStylesVersion?: number;
     
-    getInlineTypographyStyle?: (scope: string) => void;
+    getInlineTypographyStyle?: (classname: string) => void;
 }
 
 interface OpenModalOptions {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.189",
+  "version": "1.6.191",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "types": "index.d.ts",

package/public/contentbox/contentbox.esm.js

@@ -158970,7 +158970,8 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
     };
     this.settings = Object.assign(this, defaults, settings);
     this.screenMode = this.settings.screenMode; // Expose as direct property
-    // this.activeBox = null;
+
+    this.onLoadHtml = null; // this.activeBox = null;
     // this.activeSection = null;
 
     if (this.contentStylesVersion === 2) {
@@ -162716,18 +162717,33 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
       section.classList.forEach(item => {
         if (item.indexOf('type-') !== -1) {
           const contentClass = item;
-          const contentCss = item + '.css'; //Add css
+          const contentCss = item + '.css'; // Check if it's an inline style or external CSS file
 
-          let exist = false;
-          let links = this.doc.getElementsByTagName('link');
+          const cssText = this.getInlineTypographyStyle && this.getInlineTypographyStyle(contentClass);
 
-          for (let i = 0; i < links.length; i++) {
-            let src = links[i].href.toLowerCase();
-            if (src.indexOf(contentCss.toLowerCase()) !== -1) exist = true;
-          }
+          if (cssText) {
+            // Add inline style
+            const styleExists = [...this.doc.querySelectorAll('style[data-class]')].some(style => style.dataset.class === contentClass);
 
-          if (!exist) {
-            this.wrapperEl.insertAdjacentHTML('beforeend', '<link data-name="contentstyle" data-class="' + contentClass + '" href="' + contentStylePath + contentCss + '" rel="stylesheet">');
+            if (!styleExists) {
+              const styleEl = this.doc.createElement('style');
+              styleEl.dataset.class = contentClass;
+              styleEl.textContent = cssText;
+              this.doc.head.appendChild(styleEl);
+            }
+          } else {
+            // Add external CSS file
+            let exist = false;
+            let links = this.doc.getElementsByTagName('link');
+
+            for (let i = 0; i < links.length; i++) {
+              let src = links[i].href.toLowerCase();
+              if (src.indexOf(contentCss.toLowerCase()) !== -1) exist = true;
+            }
+
+            if (!exist) {
+              this.wrapperEl.insertAdjacentHTML('beforeend', '<link data-name="contentstyle" data-class="' + contentClass + '" href="' + contentStylePath + contentCss + '" rel="stylesheet">');
+            }
           }
         }
       }); // Code Blocks Handling
@@ -163566,6 +163582,26 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
     }
   }
 
+  loadStyles_BAK(mainCss, sectionCss) {
+    // Wait for IFRAME loaded
+    const wrapper = this.wrapperEl;
+
+    if (!wrapper) {
+      setTimeout(() => {
+        this.loadStyles(mainCss, sectionCss);
+      }, 100);
+      return;
+    }
+
+    if (mainCss && mainCss !== '') {
+      this.doc.head.insertAdjacentHTML('beforeend', mainCss); // add the style on the head
+    }
+
+    if (sectionCss && sectionCss !== '') {
+      this.doc.head.insertAdjacentHTML('beforeend', sectionCss); // add the style on the head
+    }
+  }
+
   getWrapper() {
     return this.wrapperEl;
   }