@innovastudio/contentbox 1.5.45 → 1.5.47

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.5.45",
+  "version": "1.5.47",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [
@@ -46,7 +46,7 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@innovastudio/contentbuilder": "^1.4.33",
+    "@innovastudio/contentbuilder": "^1.4.36",
     "js-beautify": "^1.14.0"
   }
 }

package/public/contentbox/contentbox.esm.js

@@ -19403,6 +19403,7 @@ class Util$1 {
         // Render custom code block
         html = decodeURIComponent(block.getAttribute('data-html'));
         html = html.replace(/{id}/g, this.makeId());
+        html = html.replace(/<script>/g, `${this.builder.nonce ? `<script nonce="${this.builder.nonce}">` : '<script>'}`);
 
         for (var i = 1; i <= 20; i++) {
           html = html.replace('[%HTML' + i + '%]', block.getAttribute('data-html-' + i) === undefined ? '' : decodeURIComponent(block.getAttribute('data-html-' + i))); //render editable area
@@ -21360,7 +21361,7 @@ class Util$1 {
         ${this.getFontPreview()}
         </ul>
 
-        <script>
+        <script${this.builder.nonce ? ` nonce="${this.builder.nonce}"` : ''}>
 
             const close = () => {
                 parent.focus();
@@ -31242,7 +31243,7 @@ class Snippets {
             <ul class="is-design-list" tabindex="-1" role="dialog" aria-modal="true" aria-hidden="true">
             </ul>
         
-            <script>
+            <script${this.builder.nonce ? ` nonce="${this.builder.nonce}"` : ''}>
         
                 var snippetPath = '${snippetPath}';
                 var snippetCategories = ${snippetCategoriesString};
@@ -67249,6 +67250,11 @@ class ButtonEditor {
         }
 
         activeButton.classList.remove('active');
+
+        if (activeButton.tagName.toLowerCase() === 'a') {
+          activeButton.setAttribute('role', 'button');
+        }
+
         this.realtime();
         this.builder.opts.onChange();
         e.preventDefault();
@@ -67314,6 +67320,11 @@ class ButtonEditor {
         }
 
         activeButton.classList.remove('active');
+
+        if (activeButton.tagName.toLowerCase() === 'a') {
+          activeButton.setAttribute('role', 'button');
+        }
+
         this.builder.opts.onChange();
         this.realtime();
         e.preventDefault();
@@ -67386,6 +67397,10 @@ class ButtonEditor {
     link.removeAttribute('data-hover-color');
     link.removeAttribute('data-hover-bordercolor');
     dom.addClass(link, 'whitespace-nowrap');
+
+    if (link.tagName.toLowerCase() === 'a') {
+      link.setAttribute('role', 'button');
+    }
   }
 
   cleanupOldClasses(link) {
@@ -68608,6 +68623,7 @@ class Module {
         const iframe = moduleModal.querySelector('iframe');
         let result = await fetch(this.builder.opts.modulePath + modulename + '.html');
         result = await result.text();
+        result = result.replace(/<script>/g, `${this.builder.nonce ? `<script nonce="${this.builder.nonce}">` : '<script>'}`);
         let doc = iframe.contentWindow.document;
         doc.open();
         doc.write(result);
@@ -68629,6 +68645,7 @@ class Module {
 
         let html = this.builderStuff.querySelector('#hidContentModuleCode').value;
         html = html.replace(/{id}/g, this.util.makeId());
+        html = html.replace(/<script>/g, `${this.builder.nonce ? `<script nonce="${this.builder.nonce}">` : '<script>'}`);
         /* OLD
         for(var i=1;i<=20;i++){ // OLD
             html = html.replace('[%HTML'+i+'%]', (module.getAttribute('data-html-'+i) === undefined ? '' : decodeURIComponent(module.getAttribute('data-html-'+i))));//render editable area
@@ -68805,6 +68822,7 @@ class Code {
         });
         let html = decodeURIComponent(codeblock.getAttribute('data-html')); //html = html.replace(/{id}/g, this.util.makeId());
 
+        html = html.replace(/<script>/g, `${this.builder.nonce ? `<script nonce="${this.builder.nonce}">` : '<script>'}`);
         tmpbuilder.parentNode.removeChild(tmpbuilder); // Use existing modal
 
         let viewhtml;
@@ -87831,7 +87849,7 @@ class Rte {
         ${this.getIcons()}
         </div>
 
-        <script>
+        <script${this.builder.nonce ? ` nonce="${this.builder.nonce}"` : ''}>
             const setValue = (elm) => {
                 if(!elm.className) elm = elm.childNodes[0];
                 parent._cb.addIcon(elm.className);
@@ -93758,6 +93776,7 @@ class ContentBuilder {
                 // Render custom code block
                 html = decodeURIComponent(block.getAttribute('data-html'));
                 html = html.replace(/{id}/g, util.makeId());
+                html = html.replace(/<script>/g, `${this.nonce ? `<script nonce="${this.nonce}">` : '<script>'}`);
 
                 for (var i = 1; i <= 20; i++) {
                   html = html.replace('[%HTML' + i + '%]', block.getAttribute('data-html-' + i) === undefined ? '' : decodeURIComponent(block.getAttribute('data-html-' + i))); //render editable area
@@ -96386,6 +96405,7 @@ class ContentBuilder {
                 // Render custom code block
                 html = decodeURIComponent(block.getAttribute('data-html'));
                 html = html.replace(/{id}/g, this.util.makeId());
+                html = html.replace(/<script>/g, `${this.nonce ? `<script nonce="${this.nonce}">` : '<script>'}`);
 
                 for (var i = 1; i <= 20; i++) {
                   html = html.replace('[%HTML' + i + '%]', block.getAttribute('data-html-' + i) === undefined ? '' : decodeURIComponent(block.getAttribute('data-html-' + i))); //render editable area