@innovastudio/contentbuilder 1.5.30 → 1.5.32

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -48167,7 +48167,8 @@ class Hyperlink {
                 selection = selectionText;
                 const range = selection.getRangeAt(0);
                 const fragment = range.extractContents();
-                const link = document.createElement('a');
+                const link = this.builder.doc.createElement('a'); //
+
                 link.setAttribute('href', url);
                 link.setAttribute('title', title);
                 if (modal.querySelector('.input-newwindow').checked) {
@@ -48187,7 +48188,8 @@ class Hyperlink {
               } else if (selectionElm) {
                 selection = selectionElm;
                 selectionElm.innerHTML = `<a class="dummylink" href="dummy">${linktext}</a>`;
-                let link = document.querySelector('.dummylink');
+                let link = this.builder.doc.querySelector('.dummylink'); //
+
                 link.setAttribute('href', url);
                 link.setAttribute('title', title);
                 if (modal.querySelector('.input-newwindow').checked) {
@@ -83411,6 +83413,37 @@ class Draggable {
     }
   }
   updateBlockStyle(target) {
+    // Block placement should must not 50% outside the container
+    const container = target.closest('.box-canvas');
+    let containerHeight = container.offsetHeight;
+    let containerWidth = container.offsetWidth;
+    /*
+    if(target.offsetTop + target.offsetHeight>=containerHeight) {
+        target.style.top = containerHeight-target.offsetHeight +'px';
+    }
+    if(target.offsetTop<=0) {
+        target.style.top = '0px';
+    }
+    if(target.offsetLeft + target.offsetWidth>=åcontainerWidth) {
+        target.style.left = (containerWidth-target.offsetWidth) +'px';
+    }
+    if(target.offsetLeft<=0) {
+        target.style.left = '0px';
+    }
+    */
+    if (target.offsetTop + target.offsetHeight <= target.offsetHeight / 2) {
+      target.style.top = '0px';
+    }
+    if (containerHeight - target.offsetTop <= target.offsetHeight / 2) {
+      target.style.top = containerHeight - target.offsetHeight + 'px';
+    }
+    if (target.offsetLeft + target.offsetWidth <= target.offsetWidth / 2) {
+      target.style.left = '0px';
+    }
+    if (containerWidth - target.offsetLeft <= target.offsetWidth / 2) {
+      target.style.left = containerWidth - target.offsetWidth + 'px';
+    }
+
     // Replace with ruler's alignment
     if (this.ruler.rulerTop !== null) target.style.top = this.ruler.rulerTop + 'px';
     if (this.ruler.rulerBottom !== null) target.style.top = this.ruler.rulerBottom - target.offsetHeight + 'px'; //new
@@ -89057,6 +89090,18 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
             });
             var html = result[0].html;
             var noedit = result[0].noedit;
+            if (result[0].mode === 'canvas') {
+              html = result[0].html2;
+              if (!html) {
+                html = `
+                                <div class="row">
+                                    <div class="column pt-0 pb-0 pl-0 pr-0 flex flex-col justify-center">
+                                    <img src="${this.opts.snippetPath}images/img-2400x1350.png" alt="">
+                                    </div>
+                                </div>
+                            `;
+              }
+            }
             var bSnippet;
             if (html.indexOf('"row') === -1) {
               bSnippet = true; // Just snippet (without row/column grid)