@innovastudio/contentbox 1.0.58 → 1.0.59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.0.58",
+  "version": "1.0.59",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -38,7 +38,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.0.77",
+    "@innovastudio/contentbuilder": "^1.0.78",
     "axios": "^0.21.4",
     "cors": "^2.8.5",
     "express": "^4.17.1",

package/public/contentbox/contentbox.esm.js

@@ -21185,8 +21185,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>
@@ -49120,9 +49120,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>
@@ -49656,6 +49656,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';