@innovastudio/contentbuilder 1.5.135 → 1.5.136

package/public/contentbuilder/contentbuilder.css

@@ -3688,6 +3688,10 @@ button:focus-visible {
   fill: #111 !important;
   color: #111 !important;
 }
+#_cbhtml #divImageResizer,
+.is-ui #divImageResizer {
+  z-index: -1;
+}
 #_cbhtml .dot,
 .is-ui .dot {
   height: 7px;

package/public/contentbuilder/contentbuilder.esm.js

@@ -4935,7 +4935,11 @@ class Util {
     // this.builder.doc.activeElement.blur();
     // document.activeElement.blur();
     this.builder.doc.body.focus();
-    pop.setAttribute('aria-hidden', true);
+
+    // pop.setAttribute('aria-hidden', true);
+    setTimeout(() => {
+      pop.setAttribute('aria-hidden', true);
+    }, 0);
 
     // pop.removeEventListener('keydown', this.handlePopKeyDown);
     // document.removeEventListener('click', this.handlePopClickOut);
@@ -96213,8 +96217,28 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
               itemEl.outerHTML = itemEl.innerHTML;
             }
 
+            // Get newly added row
+            let rows = builder.children;
+            let newRows = [];
+            for (let i = 0; i < rows.length; i++) {
+              const row = rows[i];
+              const tool = row.querySelector('.is-tool');
+              if (!tool) {
+                newRows.push(row);
+              }
+            }
+
             // After snippet has been added, re-apply behavior on builder areas
             this.applyBehaviorOn(builder);
+            if (newRows.length > 0) {
+              let newRow = newRows[0]; // get first added row
+              if (newRow.children.length > 0) {
+                const newCol = newRow.children[0];
+                if (newCol.children.length > 0) {
+                  newCol.children[0].click(); // Focus on first element
+                }
+              }
+            }
 
             //Trigger Change event
             this.opts.onChange();
@@ -97899,16 +97923,12 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
         }
 
         if (this.opts.snippetJSON.target === 'ContentBuilder') {
-          console.log(`
-    ContentBuilder is a commercial library.
-    Please obtain a license at: https://innovastudio.com/contentbuilder
-    `);
+          console.log(`ContentBuilder is a commercial library.
+Please obtain a license at: https://innovastudio.com/contentbuilder`);
         }
         if (this.opts.snippetJSON.target === 'ContentBox') {
-          console.log(`
-    ContentBox is a commercial library.
-    Please obtain a license at: https://innovastudio.com/contentbox
-    `);
+          console.log(`ContentBox is a commercial library.
+Please obtain a license at: https://innovastudio.com/contentbox`);
         }
       };
       document.body.appendChild(script);