@innovastudio/contentbuilder 1.4.68 → 1.4.70

package/package.json

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

package/public/contentbuilder/contentbuilder.css

@@ -3304,7 +3304,7 @@ button:focus-visible {
   padding-left: 25px;
   padding-right: 25px;
   min-width: 110px;
-  background: #f7f7f7;
+  background: #f3f3f3;
   border: transparent 1px solid;
   box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
 }
@@ -3312,7 +3312,7 @@ button:focus-visible {
 #_cbhtml .is-btn.classic-primary:hover,
 .is-ui button.classic-primary:hover,
 .is-ui .is-btn.classic-primary:hover {
-  background: #f9f9f9;
+  background: #f3f3f3;
   border: transparent 1px solid;
 }
 #_cbhtml button.classic-secondary,
@@ -4924,7 +4924,7 @@ button:focus-visible {
 .is-builder[hidesnippetaddtool] .row-active .is-rowadd-tool {
   display: none;
 }
-.is-builder[hideelementhighlight] .elm-active {
+.is-builder[hideelementhighlight] .cell-active .elm-active {
   background-color: transparent;
 }
 

package/public/contentbuilder/contentbuilder.esm.js

@@ -3932,6 +3932,70 @@ class Util {
       return s;
     }
   }
+  showMessage(message) {
+    const dom = this.dom;
+    let html = '';
+    html = `<div class="is-modal modalmessage" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
+            <div class="is-modal-content" style="padding-top: 15px;padding-bottom: 20px;max-width: 450px;">
+                <div style="margin: 20px 0 30px;font-size: 17px;">${message}</div>
+                <button title="${this.out('Ok')}" class="input-ok classic focus-warning">${this.out('Ok')}</button>
+            </div>
+        </div>`;
+    const builderStuff = this.builder.builderStuff;
+    let modalMessage = builderStuff.querySelector('.modalmessage');
+    if (!modalMessage) {
+      dom.appendHtml(builderStuff, html);
+      modalMessage = builderStuff.querySelector('.modalmessage');
+    }
+    this.showModal(modalMessage, true);
+    let buttonok = modalMessage.querySelector('.is-confirm .input-ok');
+    dom.addEventListener(buttonok, 'click', () => {
+      this.hideModal(modalMessage);
+      modalMessage.parentNode.removeChild(modalMessage); //remove modal
+    });
+  }
+
+  showChoice(message, yestext, callback) {
+    const dom = this.dom;
+    let html = '';
+    html = `<div class="is-modal modalmessage" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
+            <div class="is-modal-content" style="padding-top: 15px;padding-bottom: 20px;max-width: 450px;">
+                <div style="margin: 20px 0 30px;font-size: 17px;">${message}</div>
+
+                <div style="display:flex;">
+                    <button title="${this.out('Cancel')}" class="input-cancel classic-secondary" style="width:100%;margin-right:4px;">${this.out('Cancel')}</button>
+                    <button title="${yestext}" class="input-ok classic-primary" style="width:100%">${yestext}</button>
+                </div>
+            </div>
+        </div>`;
+    const builderStuff = this.builder.builderStuff;
+    let modalMessage = builderStuff.querySelector('.modalmessage');
+    if (!modalMessage) {
+      dom.appendHtml(builderStuff, html);
+      modalMessage = builderStuff.querySelector('.modalmessage');
+    }
+    this.showModal(modalMessage, false, () => {
+      //this function runs when overlay is clicked. Remove modal.
+      modalMessage.parentNode.removeChild(modalMessage);
+      callback(false);
+    });
+    let btnCancel = modalMessage.querySelector('.modalmessage .input-cancel');
+    dom.addEventListener(btnCancel, 'click', () => {
+      this.hideModal(modalMessage);
+      modalMessage.parentNode.removeChild(modalMessage); //remove modal
+
+      callback(false);
+    });
+    btnCancel.focus();
+    let btnOk = modalMessage.querySelector('.modalmessage .input-ok');
+    dom.addEventListener(btnOk, 'click', () => {
+      this.hideModal(modalMessage);
+      modalMessage.parentNode.removeChild(modalMessage); //remove modal
+
+      //do task
+      callback(true);
+    });
+  }
   confirm(message, callback, yesno, yestext) {
     if (!this.builder.deleteConfirm) {
       callback(true);
@@ -5217,6 +5281,9 @@ class Util {
       pop.setAttribute('aria-hidden', true);
     });
     this.builder.colTool.lockIndicator.style.display = '';
+    if (this.builder.resize) {
+      this.builder.resize.destroy(); // destroy previous instance
+    }
 
     // Clear resizable images
     // this.builder.element.image.clearImageResizer();
@@ -77460,7 +77527,7 @@ class Dictation {
                 }
             }
             .path {
-                stroke: #b7b7b7;
+                stroke: #232323; /* #b7b7b7; */
                 stroke-dasharray: 187;
                 stroke-dashoffset: 0;
                 transform-origin: center;