@innovastudio/contentbuilder 1.0.77 → 1.0.78

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbuilder",
-  "version": "1.0.77",
+  "version": "1.0.78",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -10915,8 +10915,8 @@ const renderQuickAdd = builder => {
     const html = `<div class="is-pop quickadd arrow-right" style="z-index:10003;">
         <div class="is-pop-close" style="display:none;z-index:1;width:40px;height:40px;position:absolute;top:0px;right:0px;box-sizing:border-box;padding:0;line-height:40px;font-size: 12px;color:#777;text-align:center;cursor:pointer;"><svg class="is-icon-flex" style="width:40px;height:40px;"><use xlink:href="#ion-ios-close-empty"></use></svg></div>
         <div class="is-pop-tabs">
-            <div class="is-pop-tab-item active" data-value="left">${util.out('Add to Left')}</div>
-            <div class="is-pop-tab-item" data-value="right">${util.out('Add to Right')}</div>
+            <div class="is-pop-tab-item" data-value="left">${util.out('Add to Left')}</div>
+            <div class="is-pop-tab-item active" data-value="right">${util.out('Add to Right')}</div>
         </div>
         <div style="padding:12px;display:flex;flex-direction:row;flex-flow: wrap;justify-content: center;align-items: center;">
             <button title="${util.out('Paragraph')}" class="add-paragraph"><span style="display:block;margin:0 0 8px;"><svg class="is-icon-flex" style="width:12px;height:12px;"><use xlink:href="#icon-align-full"></use></svg></span>${util.out('Paragraph')}</button>
@@ -38850,9 +38850,9 @@ class Image {
                             <button title="4x6" data-crop-size="0.6666" style="width: 40px;height: 60px;">4x6</button>
                             <button title="${util.out('Free')}" data-crop-size="" style="width: 60px;height: 45px;">${util.out('Free')}</button>
                         </div>
-                        <div class="imageedit-preview" style="max-width:1000px;width: 100%;max-height: 550px;height: 100%;">
+                        <div class="imageedit-preview" style="max-width:1000px;width:100%;max-height:550px;">
                         </div>
-                        <div style="margin-top:7px;text-align:right;align-self:flex-end;">
+                        <div style="margin-top:15px;text-align:right;align-self:flex-end;">
                             <button title="${util.out('Cancel')}" class="input-cancel classic-secondary">${util.out('Cancel')}</button>
                             <button title="${util.out('Apply')}" class="input-ok classic-primary">${util.out('Apply')}</button>
                         </div>
@@ -39386,6 +39386,7 @@ class Image {
         let preview = modalImageEdit.querySelector('.imageedit-preview');
         const maxW = 800;
         const maxH = 550;
+        preview.style.height = '';
 
         if (img.offsetWidth < maxW && img.offsetHeight < maxH) {
           preview.style.width = img.offsetWidth + 'px';