@innovastudio/contentbox 1.3.22 → 1.3.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.3.22",
+  "version": "1.3.23",
   "type": "module",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
@@ -46,7 +46,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.2.18",
+    "@innovastudio/contentbuilder": "^1.2.19",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -15527,7 +15527,16 @@ class Util {
   }
 
   showPop(pop, cancelCallback, btn) {
-    const dom = this.dom;
+    const dom = this.dom; // Hide other pops
+
+    let elms = this.builder.doc.querySelectorAll('.is-pop.active');
+    Array.prototype.forEach.call(elms, elm => {
+      if (elm !== pop) {
+        elm.style.display = '';
+        dom.removeClass(elm, 'active');
+        elm.setAttribute('aria-hidden', true);
+      }
+    });
     if (pop.style.display === 'flex') return; // important
 
     this.clearAllEventListener(pop); // for safety of uncleared events as a result of closing without hidePop()
@@ -16486,11 +16495,13 @@ class Util {
       rtepop.style.display = '';
       dom.removeClass(rtepop, 'active');
       dom.removeClass(rtepop, 'deactive'); // dom.addClass(rtepop, 'deactive');
-    }); // let pops = builderStuff.querySelectorAll('.is-pop');
-    // Array.prototype.forEach.call(pops, (pop) => {
-    //     pop.style.display = '';
-    // });
-
+    });
+    let pops = builderStuff.querySelectorAll('.is-pop');
+    Array.prototype.forEach.call(pops, pop => {
+      pop.style.display = '';
+      dom.removeClass(pop, 'active');
+      pop.setAttribute('aria-hidden', true);
+    });
     this.builder.colTool.lockIndicator.style.display = ''; // Clear resizable images
     // this.builder.element.image.clearImageResizer();
   } // source: http://stackoverflow.com/questions/1349404/generate-a-string-of-5-random-characters-in-javascript
@@ -29221,7 +29232,7 @@ class ColumnTool$1 {
       setTimeout(() => {
         dom$G.removeClass(this.columnMore, 'transition1');
       }, 300);
-    }, 300);
+    }, 30);
   }
 
   hide() {
@@ -63972,13 +63983,11 @@ class RowTool {
       rowMore = builderStuff.querySelector('.rowmore');
       let elm = rowMore.querySelector('.row-up');
       if (elm) dom$p.addEventListener(elm, 'click', () => {
-        this.grid.moveRowUp();
-        util.clearControls();
+        this.grid.moveRowUp(); // util.clearControls();
       });
       elm = rowMore.querySelector('.row-down');
       if (elm) dom$p.addEventListener(elm, 'click', () => {
-        this.grid.moveRowDown();
-        util.clearControls();
+        this.grid.moveRowDown(); // util.clearControls();
       });
       elm = rowMore.querySelector('.row-duplicate');
       if (elm) dom$p.addEventListener(elm, 'click', () => {
@@ -66418,14 +66427,12 @@ class ColumnTool {
 
       elm = columnMore.querySelector('.cell-prev');
       dom$n.addEventListener(elm, 'click', () => {
-        this.grid.moveColumnPrevious();
-        util.clearControls();
+        this.grid.moveColumnPrevious(); // util.clearControls();
       }); // Move Next
 
       elm = columnMore.querySelector('.cell-next');
       dom$n.addEventListener(elm, 'click', () => {
-        this.grid.moveColumnNext();
-        util.clearControls();
+        this.grid.moveColumnNext(); // util.clearControls();
       }); // Move Up
 
       elm = columnMore.querySelector('.cell-up');