@innovastudio/contentbox 1.1.11 → 1.1.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innovastudio/contentbox",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [

package/public/contentbox/contentbox.esm.js

@@ -9807,6 +9807,30 @@ class EditBox {
   } //editModule
 
 
+  refreshModule() {
+    const modalEditModule = document.querySelector('.is-modal.editmodule');
+    const builderStuff = this.builderStuff;
+    let activeBox = this.builder.activeBox;
+    let activeModule = activeBox.querySelector('.is-overlay-content[data-module]');
+    let modalIframe = modalEditModule.querySelector('iframe');
+    if (modalIframe.contentWindow.construct) modalIframe.contentWindow.construct();
+    const hidModuleCode = builderStuff.querySelector('#hidModuleCode');
+    const hidModuleSettings = builderStuff.querySelector('#hidModuleSettings'); //Save Html (original)
+
+    activeModule.setAttribute('data-html', encodeURIComponent(hidModuleCode.value)); //Save Settings (original)
+
+    activeModule.setAttribute('data-settings', encodeURIComponent(hidModuleSettings.value)); //Render (programmatically)
+
+    let range = document.createRange();
+    activeModule.innerHTML = '';
+    activeModule.appendChild(range.createContextualFragment(hidModuleCode.value)); // We use createContextualFragment so that embedded javascript code (code block) will be executed
+    //Trigger Render event
+
+    this.builder.settings.onRender(); //Trigger Change event
+
+    this.builder.settings.onChange();
+  }
+
   boxWidthSmaller() {
     let activeBox = this.builder.activeBox;
     let currentBox;
@@ -80604,6 +80628,10 @@ class ContentBox {
     this.editor.util.hideModal(modal);
   }
 
+  refreshModule() {
+    this.editbox.refreshModule();
+  }
+
   loadStyles(mainCss, sectionCss) {
     let links = document.getElementsByTagName('link');
     let boxCssInBody;