@innovastudio/contentbox 1.2.24 → 1.2.27

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.2.24",
-  "type": "module",
+  "version": "1.2.27",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -46,7 +45,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.1.21",
+    "@innovastudio/contentbuilder": "^1.1.23",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -2423,7 +2423,9 @@ class EditSection {
     const activeSection = this.builder.activeSection;
     activeSection.removeAttribute('data-bottom-top');
     activeSection.removeAttribute('data-300-bottom');
-    activeSection.removeAttribute('data-400-bottom');
+    activeSection.removeAttribute('data-400-bottom'); //remove old (backward compatible)
+
+    activeSection.removeAttribute('data-center-top');
     activeSection.removeAttribute('data-anim-start');
     activeSection.style.transform = '';
 
@@ -2436,10 +2438,10 @@ class EditSection {
       activeSection.setAttribute('data-300-bottom', 'transform:translateX(0%) translateY(0%) scale(1)');
     } else if (s === 'slide-left') {
       activeSection.setAttribute('data-bottom-top', 'transform:translateX(100%) translateY(0%) scale(1)');
-      activeSection.setAttribute('data-400-bottom', 'transform:translateX(0%) translateY(0%) scale(1)'); //400 is shorter than 300
+      activeSection.setAttribute('data-center-top', 'transform:translateX(0%) translateY(0%) scale(1)'); //400 is shorter than 300
     } else if (s === 'slide-right') {
       activeSection.setAttribute('data-bottom-top', 'transform:translateX(-100%) translateY(0%) scale(1)');
-      activeSection.setAttribute('data-400-bottom', 'transform:translateX(0%) translateY(0%) scale(1)');
+      activeSection.setAttribute('data-center-top', 'transform:translateX(0%) translateY(0%) scale(1)');
     }
 
     activeSection.setAttribute('data-anim-start', s);
@@ -15334,8 +15336,8 @@ class Util {
 
       let builderActive = document.querySelector('.builder-active');
       if (builderActive) this.builder.applyBehaviorOn(builderActive);
-      cellElement = rowElement.childNodes[0];
-      cellElement.click(); //change active block to the newly created
+      cellElement = rowElement.querySelector('div');
+      if (cellElement) cellElement.click(); //change active block to the newly created
       // Change to row selection
 
       rowElement.className = rowElement.className.replace('row-outline', ''); // columnTool = parent.document.querySelector('.is-column-tool');
@@ -27714,7 +27716,7 @@ class Dropdown {
     let dropdown = document.querySelector('.is-selectbox-options[data-group="' + groupname + '"]');
     if (this.opts.dropdown) dropdown = this.opts.dropdown;
     dom$C.addEventListener(selectbox, 'click', () => {
-      if (dropdown.style.display === 'none') {
+      if (dropdown.style.display === 'none' || dropdown.style.display === '') {
         let dropdowns = document.querySelectorAll('.is-selectbox-options');
         Array.prototype.forEach.call(dropdowns, elm => {
           elm.style.display = 'none';