@innovastudio/contentbuilder 1.3.19 → 1.3.20

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.3.19",
+  "version": "1.3.20",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.css

@@ -5176,6 +5176,5 @@ button:focus-visible {
 
 /* Make slider block resizable */
 .is-builder > div > div[data-module=slider-builder].cell-active {
-  padding: 0 2px 4px !important;
   z-index: 1 !important;
 }

package/public/contentbuilder/contentbuilder.esm.js

@@ -15783,7 +15783,7 @@ class Snippets {
                     z-index:10;width:30px;height:30px;position:absolute;
                     top:2px;right:2px;box-sizing:border-box;padding:0;line-height:40px;font-size: 12px;text-align:center;cursor:pointer;
                 }
-                .is-pop-close:focus {
+                .is-pop-close:focus-visible {
                     outline:  ${this.builder.styleOutlineColor} 2px solid;
                 }
 
@@ -15924,7 +15924,7 @@ class Snippets {
                     border-radius: 2px;
                 }
 
-                .is-design-list>li:focus {
+                .is-design-list>li:focus-visible {
                     outline:  ${this.builder.styleOutlineColor} 2px solid;
                 }
 
@@ -16023,7 +16023,7 @@ class Snippets {
                     cursor: default;
                 }
 
-                .is-category-list a:focus {
+                .is-category-list a:focus-visible {
                     outline:  ${this.builder.styleOutlineColor} 2px solid;
                 }
         
@@ -53080,9 +53080,13 @@ class Module {
         var moduleDesc = module.getAttribute('data-module-desc');
 
         if (moduleDesc) {
-          moduleModal.querySelector('.is-modal-bar').innerHTML = moduleDesc + `<button class="is-modal-close" tabindex="-1" title="${util.out('Close')}">&#10005;</button>`;
+          moduleModal.querySelector('.is-modal-bar').innerHTML = moduleDesc + `<button class="is-modal-close" tabindex="-1" title="${util.out('Close')}">
+                    <svg class="is-icon-flex" style="width:30px;height:30px;"><use xlink:href="#ion-ios-close-empty"></use></svg>
+                    </button>`;
         } else {
-          moduleModal.querySelector('.is-modal-bar').innerHTML = this.util.out('Module Settings') + `<button class="is-modal-close" tabindex="-1" title="${util.out('Close')}">&#10005;</button>`;
+          moduleModal.querySelector('.is-modal-bar').innerHTML = this.util.out('Module Settings') + `<button class="is-modal-close" tabindex="-1" title="${util.out('Close')}">
+                    <svg class="is-icon-flex" style="width:30px;height:30px;"><use xlink:href="#ion-ios-close-empty"></use></svg>
+                    </button>`;
         }
 
         var w = module.getAttribute('data-dialog-width');
@@ -53097,6 +53101,12 @@ class Module {
           h = '570px';
         }
 
+        if (modulename === 'slider-builder') {
+          moduleModal.querySelector('div:not(.is-modal-overlay)').style.width = '90vw';
+          w = '1500px';
+          h = '80vh';
+        }
+
         moduleModal.querySelector('div:not(.is-modal-overlay)').style.maxWidth = w;
         moduleModal.querySelector('div:not(.is-modal-overlay)').style.height = h;
         let btnClose = moduleModal.querySelector('.is-modal-close');
@@ -54373,6 +54383,12 @@ class Video {
     let elm = e.target;
 
     if (elm.tagName.toLowerCase() === 'video') {
+      if (elm.closest('[data-html]')) {
+        this.builder.activeVideo = null;
+        this.videoTool.style.display = '';
+        return;
+      }
+
       this.builder.activeVideo = elm;
       this.videoTool.style.display = 'flex';
       let _toolwidth = this.videoTool.offsetWidth; //to get value, element must not hidden (display:none). So set display:flex before this.
@@ -54380,7 +54396,8 @@ class Video {
       let w = elm.offsetWidth * this.builder.opts.zoom;
       let top = elm.getBoundingClientRect().top + this.builder.win.pageYOffset;
       let left = elm.getBoundingClientRect().left;
-      left = left + (w - _toolwidth); //Adjust left in case an element is outside the screen
+      left = left + (w - _toolwidth); // left = left + (w/2 - _toolwidth/2);
+      //Adjust left in case an element is outside the screen
 
       const _screenwidth = window.innerWidth;
       if (_toolwidth + left > _screenwidth) left = elm.getBoundingClientRect().left;