@innovastudio/contentbuilder 1.5.58 → 1.5.60

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -1085,7 +1085,7 @@ class Snippets {
 
                     if(bSnippet) {
                         var quickadd = parent._cb.builderStuff.querySelector('.quickadd');
-                        var mode = quickadd.getAttribute('data-mode');
+                        var mode = quickadd?quickadd.getAttribute('data-mode'):null;
                         if(!mode) {
                             // in case of using viewSnippets() to open the dialog (mode=null) => change to non snippet.
                             html = '<div class="row">' +
@@ -62571,24 +62571,48 @@ class Pickr {
         return requestAnimationFrame(cb);
       }
 
+      /*
       // Apply default color
       that.setColor(opt.default);
       that._rePositioningPicker();
-
-      // Initialize color representation
+       // Initialize color representation
       if (opt.defaultRepresentation) {
-        that._representation = opt.defaultRepresentation;
-        that.setColorRepresentation(that._representation);
+          that._representation = opt.defaultRepresentation;
+          that.setColorRepresentation(that._representation);
       }
-
-      // Show pickr if locked
+       // Show pickr if locked
       if (opt.showAlways) {
-        that.show();
+          that.show();
       }
-
-      // Initialization is done - pickr is usable, fire init event
+       // Initialization is done - pickr is usable, fire init event
       that._initializingActive = false;
       that._emit('init');
+      */
+
+      // Modified: fix performance issue
+      new Promise(resolve => {
+        // Apply default color
+        that.setColor(opt.default);
+        that._rePositioningPicker();
+
+        // Initialize color representation
+        if (opt.defaultRepresentation) {
+          that._representation = opt.defaultRepresentation;
+          that.setColorRepresentation(that._representation);
+        }
+
+        // Show pickr if locked
+        if (opt.showAlways) {
+          that.show();
+        }
+        resolve();
+      }).then(() => {
+        // Once all heavy work is done, perform any finalization here
+
+        // Initialization is done - pickr is usable, fire init event
+        that._initializingActive = false;
+        that._emit('init');
+      });
     });
   }
 
@@ -64037,7 +64061,7 @@ class GradientPicker {
       // Delete custom gradient
       let btnsRemoveGrad = this.objStuff.querySelectorAll('.div-custom-gradients .is-elmgrad-remove');
       Array.prototype.forEach.call(btnsRemoveGrad, btnRemoveGrad => {
-        btnRemoveGrad.addEventListener('click', () => {
+        btnRemoveGrad.addEventListener('click', e => {
           //Custom grad colors
           let customgradcolors = [];
           if (localStorage.getItem('_customgradcolors') !== null) {
@@ -64050,8 +64074,9 @@ class GradientPicker {
             }
           }
           localStorage.setItem('_customgradcolors', JSON.stringify(customgradcolors));
-          btnRemoveGrad.parentNode.parentNode.removeChild(btnRemoveGrad.parentNode);
-          return false;
+          btnRemoveGrad.closest('.is-elmgrad-item').remove();
+          e.preventDefault();
+          e.stopImmediatePropagation();
         });
       });
     });
@@ -64156,7 +64181,7 @@ class GradientPicker {
     // Delete custom gradient
     let btnsRemoveGrad = this.objStuff.querySelectorAll('.div-custom-gradients .is-elmgrad-remove');
     Array.prototype.forEach.call(btnsRemoveGrad, btnRemoveGrad => {
-      btnRemoveGrad.addEventListener('click', () => {
+      btnRemoveGrad.addEventListener('click', e => {
         //Custom grad colors
         let customgradcolors = [];
         if (localStorage.getItem('_customgradcolors') !== null) {
@@ -64169,8 +64194,9 @@ class GradientPicker {
           }
         }
         localStorage.setItem('_customgradcolors', JSON.stringify(customgradcolors));
-        btnRemoveGrad.parentNode.parentNode.removeChild(btnRemoveGrad.parentNode);
-        return false;
+        btnRemoveGrad.closest('.is-elmgrad-item').remove();
+        e.preventDefault();
+        e.stopImmediatePropagation();
       });
     });
     const handleKeyDown = e => {
@@ -69078,11 +69104,16 @@ class Rte {
     //     iframe.src = builder.opts.snippetData;
     // }
     const ifr = modal.querySelector('iframe');
-    var doc = ifr.contentWindow.document;
-    if (doc.body.innerHTML === '') {
-      doc.open();
-      doc.write(snippets.getSnippetsHtml());
-      doc.close();
+    // var doc = ifr.contentWindow.document;
+    // if(doc.body.innerHTML==='') {
+    //     doc.open();
+    //     doc.write(snippets.getSnippetsHtml());
+    //     doc.close();
+    // }
+
+    if (!ifr.srcdoc) {
+      // Set the HTML content directly using the srcdoc attribute
+      ifr.srcdoc = snippets.getSnippetsHtml();
     }
   }
   openIcon(e) {