@innovastudio/contentbuilder 1.5.58 → 1.5.59

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.58",
+  "version": "1.5.59",
   "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');
+      });
     });
   }
 
@@ -69078,11 +69102,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) {