@innovastudio/contentbuilder 1.4.63 → 1.4.64

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -5479,6 +5479,7 @@ class Util {
     localStorage.removeItem('_dictation');
     localStorage.removeItem('_mic');
     localStorage.removeItem('_autosendcommand');
+    localStorage.removeItem('_sampleshown');
 
     //NOT USED
     localStorage.removeItem('_scrollableeditor');
@@ -14708,7 +14709,7 @@ class HtmlUtil {
     }
     return html;
   }
-  readHtml(content, view, multiple) {
+  readHtml(content, view, multiple, excludeCustomBlock) {
     //view = true (hide internal attributes). view = false (actual html)
 
     //Make absolute
@@ -15001,6 +15002,12 @@ class HtmlUtil {
         }
       }
     });
+    if (excludeCustomBlock) {
+      const elmCustomBlocks = tmp.querySelectorAll('[data-html]');
+      elmCustomBlocks.forEach(elm => {
+        elm.innerHTML = '';
+      });
+    }
     html = '';
     if (multiple) {
       //ContentBox
@@ -77480,7 +77487,7 @@ class Dictation {
                 align-items: center;">
                     ${util.out('Send a Command')}</span>
                 <button class="is-modal-close" tabindex="-1" title="${util.out('Close')}">
-                    <svg class="is-icon-flex"><use xlink:href="#ion-ios-close-empty"></use></svg>
+                    <svg class="is-icon-flex"style="width:20px;height:20px"><use xlink:href="#ion-ios-close-empty"></use></svg>
                 </button>
             </div>
             <div style="display:flex;flex-direction:column;justify-content:space-between;position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;border-top:transparent 35px solid;overflow-y:hidden;overflow-x:auto;">
@@ -77527,6 +77534,11 @@ class Dictation {
     const btnClear = builderStuff.querySelector('.cmd-clear-command');
     const chkAutoSend = builderStuff.querySelector('#chkAutoSendCommand');
     const btnCommandList = builderStuff.querySelector('.cmd-command-list');
+    const inpCommand = this.builderStuff.querySelector('.inp-command');
+    if (localStorage.getItem('_sampleshown') === null) {
+      inpCommand.setAttribute('placeholder', this.builder.sampleCommand);
+      localStorage.setItem('_sampleshown', true);
+    }
     this.builder.commandText = '';
     this.builder.autoSendCommand = false;
     if (localStorage.getItem('_dictation') !== null) {
@@ -77637,7 +77649,6 @@ class Dictation {
 
       this.opts.send(question);
     });
-    const inpCommand = this.builderStuff.querySelector('.inp-command');
     inpCommand.addEventListener('keydown', e => {
       if (e.keyCode === 13 && !e.shiftKey) {
         e.preventDefault();
@@ -77671,7 +77682,17 @@ class Dictation {
     }
   }
   openDictation() {
+    if (this.modalCommand.classList.contains('active')) {
+      setTimeout(() => {
+        // Needed if opens programmatically on builder start (wait until all loaded)
+        const inpCommand = this.modalCommand.querySelector('.inp-command');
+        inpCommand.focus();
+      }, 600);
+      return;
+    }
     this.modalCommand.classList.add('active');
+    const inpCommand = this.modalCommand.querySelector('.inp-command');
+    inpCommand.focus();
     localStorage.setItem('_dictation', '1');
     const chkAutoSend = this.builderStuff.querySelector('#chkAutoSendCommand');
     const btnClear = this.builderStuff.querySelector('.cmd-clear-command');
@@ -78499,6 +78520,7 @@ class ContentBuilder {
       /* Prompt/Command Stuff */
       isContentBox: false,
       sendCommandUrl: 'http://localhost:8081/answer',
+      //sampleCommand: '',
       speechRecognitionLang: 'en-US',
       headlineList: ['We create simple and effective designs.', 'Ultimate Experiences With Story, Emotion, And Purpose.', 'Build Anything Beautifully', 'With Less Stuff and More Compassion', 'We\'re [CompanyName]. Full stack development with a spark of creativity.', 'Transforming your digital experience with [CompanyName]. Achieve your online goals with our customized solutions.', 'Revolutionizing web development with [CompanyName]. Unleash your digital potential with our high-performance solutions.', 'Creative and Inspiring'],
       shortCommandList: {
@@ -79773,9 +79795,9 @@ class ContentBuilder {
     const htmlutil = new HtmlUtil(this);
     htmlutil.viewHtmlExternal();
   }
-  readHtml(content, view, multiple) {
+  readHtml(content, view, multiple, excludeCustomBlock) {
     const htmlutil = new HtmlUtil(this);
-    return htmlutil.readHtml(content, view, multiple);
+    return htmlutil.readHtml(content, view, multiple, excludeCustomBlock);
   }
   fromViewToActual(html) {
     const htmlutil = new HtmlUtil(this);