@innovastudio/contentbuilder 1.1.2 → 1.1.5

package/package.json

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

package/public/contentbuilder/config.js

@@ -1,8 +1,7 @@
 //PLUGINS
-// _cb.settings.plugins = ['preview','wordcount','buttoneditor', 'symbols']; // old way
+// _cb.settings.plugins = ['preview','wordcount', 'symbols']; // old way
 _cb.settings.plugins = [
     { name: 'preview', showInMainToolbar: true, showInElementToolbar: true },
     { name: 'wordcount', showInMainToolbar: true, showInElementToolbar: true },
     { name: 'symbols', showInMainToolbar: true, showInElementToolbar: false },
-    { name: 'buttoneditor', showInMainToolbar: false, showInElementToolbar: false },
 ];

package/public/contentbuilder/contentbuilder.css

@@ -2093,7 +2093,7 @@ button:focus {
   position: fixed;
   overflow: hidden;
   width: 520px;
-  height: 720px;
+  height: 686px;
   top: 50%;
   left: auto;
   right: 30%;

package/public/contentbuilder/contentbuilder.esm.js

@@ -1,18 +1,3 @@
-function _mergeNamespaces(n, m) {
-	m.forEach(function (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default' && !(k in n)) {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	});
-	return Object.freeze(n);
-}
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var rangyCore = {exports: {}};
@@ -15657,18 +15642,31 @@ const renderQuickAdd = builder => {
     elm = quickadd.querySelector('.add-button');
     if (elm) dom$F.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      const html = `<div>
+      let html = `<div>
                 <a href="#" class="transition-all inline-block cursor-pointer no-underline border-2 border-solid border-transparent ml-1 mr-1 hover:border-transparent rounded bg-gray-200 hover:bg-gray-300 tracking-75 uppercase py-2 size-14 px-8 font-semibold text-gray-600">Read More</a>
             </div>`;
+
+      if (builder.opts.emailMode) {
+        html = '<div><a href="#" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a></div>';
+      }
+
       util.addContent(html, mode);
     });
     elm = quickadd.querySelector('.add-twobutton');
     if (elm) dom$F.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      const html = `<div>
+      let html = `<div>
                 <a href="#" class="transition-all inline-block cursor-pointer no-underline border-2 border-solid border-transparent ml-1 mr-1 hover:border-transparent rounded bg-gray-200 hover:bg-gray-300 tracking-75 uppercase py-2 size-14 px-8 font-semibold text-gray-600">Read More</a>
                 <a href="#" class="transition-all inline-block cursor-pointer no-underline border-2 border-solid ml-1 mr-1 rounded tracking-75 uppercase py-2 size-14 px-8 border-current hover:border-transparent hover:text-white font-semibold text-indigo-500 hover:bg-indigo-500">Get Started</a>
             </div>`;
+
+      if (builder.opts.emailMode) {
+        html = `<div>
+                    <a href="#" style="margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgb(220, 220, 220); color: rgb(0, 0, 0); border-color: rgb(220, 220, 220); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 400; font-size: 14px; letter-spacing: 3px;">Read More</a> &nbsp;
+                    <a href="#" style="display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border-style: solid; cursor: pointer; background-color: rgba(0, 0, 0, 0); border-color: rgb(53, 53, 53); border-width: 2px; border-radius: 0px; padding: 13px 28px; line-height: 21px; text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 3px; color: rgb(53, 53, 53);">Get Started</a>
+                </div>`;
+      }
+
       util.addContent(html, mode);
     });
     elm = quickadd.querySelector('.add-spacer');
@@ -43405,7 +43403,7 @@ function (_super) {
 
 var Moveable$1 = Moveable;
 
-var loadImage$1 = {exports: {}};
+var loadImage = {exports: {}};
 
 /*
  * JavaScript Load Image
@@ -43630,7 +43628,7 @@ var loadImage$1 = {exports: {}};
     $.loadImage = loadImage;
   }
 })((typeof window !== 'undefined' && window) || commonjsGlobal);
-}(loadImage$1));
+}(loadImage));
 
 var loadImageScale = {exports: {}};
 
@@ -43648,7 +43646,7 @@ var loadImageScale = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports);
+    factory(loadImage.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -43977,7 +43975,7 @@ var loadImageMeta = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports);
+    factory(loadImage.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -44230,7 +44228,7 @@ var loadImageFetch = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports);
+    factory(loadImage.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -44334,7 +44332,7 @@ var loadImageExif = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports, loadImageMeta.exports);
+    factory(loadImage.exports, loadImageMeta.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -44793,7 +44791,7 @@ var loadImageExifMap = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports, loadImageExif.exports);
+    factory(loadImage.exports, loadImageExif.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -45213,7 +45211,7 @@ var loadImageIptc = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports, loadImageMeta.exports);
+    factory(loadImage.exports, loadImageMeta.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -45453,7 +45451,7 @@ var loadImageIptcMap = {exports: {}};
 (function (module) {
 (function (factory) {
   if (module.exports) {
-    factory(loadImage$1.exports, loadImageIptc.exports);
+    factory(loadImage.exports, loadImageIptc.exports);
   } else {
     // Browser globals:
     factory(window.loadImage);
@@ -45617,7 +45615,7 @@ var loadImageOrientation = {exports: {}};
 (function (factory) {
   if (module.exports) {
     factory(
-      loadImage$1.exports,
+      loadImage.exports,
       loadImageScale.exports,
       loadImageMeta.exports
     );
@@ -46052,14 +46050,8 @@ var loadImageOrientation = {exports: {}};
 
 /* global module, require */
 
-var js = loadImage$1.exports;
-
-var loadImage_ = /*#__PURE__*/Object.freeze(/*#__PURE__*/_mergeNamespaces({
-	__proto__: null,
-	'default': js
-}, [js]));
+var js = loadImage.exports;
 
-const loadImage = loadImage_;
 const dom$A = new Dom();
 class Image {
   constructor(builder) {
@@ -47151,14 +47143,14 @@ class Image {
     }
 
     if (this.builder.opts.maxEmbedImageWidth === -1) {
-      loadImage(file, img => {
+      js(file, img => {
         targetImg.src = img.toDataURL(type, quality);
         processImageDone();
       }, {
         canvas: true
       });
     } else {
-      loadImage(file, img => {
+      js(file, img => {
         targetImg.src = img.toDataURL(type, quality);
         processImageDone();
       }, {
@@ -66365,7 +66357,8 @@ class ContentBuilder {
           stretch: 'items-stretch'
         }
       },
-      useCssClasses: false
+      useCssClasses: false,
+      useButtonPlugin: false
     }; // obj.preserveSelection = true; (can be set programmatically) to prevent click that clears selection on external custom modal.
 
     this.opts = Object.assign(this, defaults, opts);
@@ -66428,16 +66421,19 @@ class ContentBuilder {
       this.opts.onMediaUpload = this.opts.onLargerImageUpload;
     } else if (this.opts.onMediaUpload) {
       this.opts.onLargerImageUpload = this.opts.onMediaUpload;
-    } // Check if button editor plugin is used
+    } // useButtonPlugin
 
 
-    const plugins = this.plugins;
-    this.useButtonPlugin = false;
+    if (this.opts.emailMode) {
+      this.useButtonPlugin = true;
+    }
 
-    for (let i = 0; i < plugins.length; i++) {
-      if (plugins[i].name === 'buttoneditor') {
-        this.useButtonPlugin = true;
-      }
+    if (!this.useButtonPlugin) {
+      let _arr = this.plugins.filter(item => {
+        return item.name !== 'buttoneditor';
+      });
+
+      this.plugins = [..._arr];
     } // Alternative settions to define css grid frameworks