@innovastudio/contentbox 1.6.190 → 1.6.191

package/package.json

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

package/public/contentbox/contentbox.esm.js

@@ -162717,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