@innovastudio/contentbuilder 1.5.6 → 1.5.8

package/package.json

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

package/public/contentbuilder/contentbuilder.css

@@ -2075,20 +2075,6 @@ button:focus-visible {
   font-weight: 300;
   outline: none;
 }
-#_cbhtml .is-modal .pickcolor, #_cbhtml .is-modal .pickcolorclass, #_cbhtml .is-modal .imagesource, #_cbhtml .is-modal .imageadjust, #_cbhtml .is-modal .imageadjust2,
-#_cbhtml .is-modal .audioselect, #_cbhtml .is-modal .imageselect, #_cbhtml .is-modal .mediaselect, #_cbhtml .is-modal .videoselect, #_cbhtml .is-modal .mediasource,
-.is-ui .is-modal .pickcolor,
-.is-ui .is-modal .pickcolorclass,
-.is-ui .is-modal .imagesource,
-.is-ui .is-modal .imageadjust,
-.is-ui .is-modal .imageadjust2,
-.is-ui .is-modal .audioselect,
-.is-ui .is-modal .imageselect,
-.is-ui .is-modal .mediaselect,
-.is-ui .is-modal .videoselect,
-.is-ui .is-modal .mediasource {
-  z-index: 10005 !important;
-}
 #_cbhtml .is-modal a:focus,
 .is-ui .is-modal a:focus {
   outline: #3e93f7 2px solid;
@@ -2274,13 +2260,14 @@ button:focus-visible {
 .is-ui .is-modal div.is-modal-footer button {
   margin-left: 2px;
 }
-#_cbhtml .is-modal.fileselect, #_cbhtml .is-modal.mediaselect, #_cbhtml .is-modal.imageselect, #_cbhtml .is-modal.videoselect, #_cbhtml .is-modal.otherselect, #_cbhtml .is-modal.pickcolor, #_cbhtml .is-modal.pickcolorclass, #_cbhtml .is-modal.imagesource, #_cbhtml .is-modal.imageadjust, #_cbhtml .is-modal.imageadjust2, #_cbhtml .is-modal.audioselect, #_cbhtml .is-modal.mediasource,
+#_cbhtml .is-modal.fileselect, #_cbhtml .is-modal.mediaselect, #_cbhtml .is-modal.imageselect, #_cbhtml .is-modal.videoselect, #_cbhtml .is-modal.otherselect, #_cbhtml .is-modal.pickcolor, #_cbhtml .is-modal.pickcolormore, #_cbhtml .is-modal.pickcolorclass, #_cbhtml .is-modal.imagesource, #_cbhtml .is-modal.imageadjust, #_cbhtml .is-modal.imageadjust2, #_cbhtml .is-modal.audioselect, #_cbhtml .is-modal.mediasource,
 .is-ui .is-modal.fileselect,
 .is-ui .is-modal.mediaselect,
 .is-ui .is-modal.imageselect,
 .is-ui .is-modal.videoselect,
 .is-ui .is-modal.otherselect,
 .is-ui .is-modal.pickcolor,
+.is-ui .is-modal.pickcolormore,
 .is-ui .is-modal.pickcolorclass,
 .is-ui .is-modal.imagesource,
 .is-ui .is-modal.imageadjust,
@@ -6220,3 +6207,7 @@ div[data-html] {
   mix-blend-mode: screen;
   filter: invert(1);
 }
+
+i.bi, i.icon {
+  display: inline-flex;
+}

package/public/contentbuilder/contentbuilder.esm.js

@@ -1455,11 +1455,13 @@ const renderQuickAdd = builder => {
     elm = quickadd.querySelector('.add-social');
     dom.addEventListener(elm, 'click', () => {
       const mode = quickadd.getAttribute('data-mode');
-      const html = `<div class="is-social" style="text-align: center;">
-                <a href="https://twitter.com/"><i class="icon ion-social-twitter" style="margin-right: 1em"></i></a>
-                <a href="https://www.facebook.com/"><i class="icon ion-social-facebook" style="margin-right: 1em"></i></a>
-                <a href="mailto:you@example.com"><i class="icon ion-android-drafts"></i></a>
-            </div>`;
+      const html = `
+            <div class="is-social text-left">
+                <a href="https://twitter.com/"><i class="bi bi-twitter-x"></i></a>
+                <a href="https://www.facebook.com/"><i class="bi bi-facebook"></i></a>
+                <a href="https://www.instagram.com/" title=""><i class="icon bi bi-instagram"></i></a>
+            </div>
+            `;
       util.addContent(html, mode);
     });
     elm = quickadd.querySelector('.add-map');
@@ -45218,6 +45220,8 @@ class Image$1 {
         try {
           img.setAttribute('data-filename', input.files[0].name); //needed for saveimage.js | 
 
+          // img.crossOrigin = 'anonymous';
+
           this.processImage(input.files[0], img, () => {
             imageProgress.style.display = 'none';
             elm = imageTool.querySelector('#fileEmbedImage');
@@ -71222,7 +71226,7 @@ class Rte {
   addIcon(classname) {
     const dom = this.dom;
     this.util.restoreSelection();
-    if (this.builder.activeIcon) {
+    if (this.builder.activeIcon && this.builder.doc.contains(this.builder.activeIcon)) {
       this.builder.uo.saveForUndo();
 
       /*
@@ -71254,6 +71258,12 @@ class Rte {
       this.builder.uo.saveForUndo();
       this.util.pasteHtmlAtCaret('<i class="' + classname + ' icon-active"></i>', true);
       this.builder.activeIcon = this.builder.doc.querySelector('.icon-active');
+
+      // this.util.pasteHtmlAtCaret('<i class="icon-active"></i>', true); 
+      // const newIcon = this.builder.doc.querySelector('.icon-active');
+      // newIcon.className = classname + ' icon-active';
+      // this.builder.activeIcon = newIcon;
+
       dom.selectElementContents(this.builder.activeIcon);
       this.util.saveSelection();
     }