@innovastudio/contentbox 1.6.27 → 1.6.28

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbox",
   "type": "module",
-  "version": "1.6.27",
+  "version": "1.6.28",
   "description": "",
   "main": "public/contentbox/contentbox.esm.js",
   "files": [

package/public/contentbox/contentbox.esm.js

@@ -131643,6 +131643,7 @@ class IframePanel {
   constructor(opts = {}, builder) {
     let defaults = {
       src: '',
+      blankHtml: '',
       page: '.is-wrapper',
       onReady: () => {}
     };
@@ -132179,7 +132180,9 @@ class IframePanel {
   loadIframe() {
     let iframe = this.editPanel.querySelector('iframe');
 
-    if (this.src !== '') {
+    if (this.blankHtml !== '') {
+      iframe.srcdoc = this.blankHtml;
+    } else if (this.src !== '') {
       iframe.setAttribute('src', this.src);
     } else {
       alert('Please specify src attribute.');
@@ -132287,6 +132290,7 @@ class ContentBox {
       simpleEditingBreakpoint: '970px',
       // iframe only
       canvas: false,
+      blankHtml: '',
       // Old Template System:
       designUrl1: 'assets/designs/basic.js',
       designUrl2: 'assets/designs/examples.js',
@@ -135216,7 +135220,7 @@ Add an image for each feature.`, 'Revise the headline, paragraph, and all the te
         image: {
           title: 'Image',
           description: 'Generate image for the selected image or background',
-          list: ['A small, minimalist wood cabin, situated atop a hill, seen from a distance']
+          list: ['A small office building in a distant view, surrounded by a warm blend of brown and orange hues against a serene blue sky. Embrace a muted color palette with pastel tones, emphasizing natural and clean aesthetics. Craft a simple yet impactful composition with generous negative space, channeling a minimalist look that exudes brightness and sophistication. Infuse the scene with a style reminiscent of architecture magazines, ensuring a full focus background that complements the building\'s design. Utilize high-quality equipment such as an 8K UHD camera and DSLR for impeccable detail, and employ soft lighting to enhance the overall visual appeal.', 'A minimalist wood cabin is captured from a distance, surrounded by a sea of grass, bathed in the soft, breathtaking sunlight of 17:00, under an expansive blue sky. The image is crafted in a true minimalist photographic style, emphasizing the bright open sky and featuring lots of white space.', 'A simple wooden table adorned with a petite vase and a vibrant yellow flower. Opt for a clean background with ample white space, prioritizing minimalism. Cultivate a muted color palette and pastel tones to create a serene atmosphere. Employ soft lighting to enhance the gentle ambiance. Aim for a style reminiscent of interior magazines, capturing the essence of sophistication and simplicity in every detail.']
         },
         selection: {
           title: 'Selection & Layout',
@@ -135361,7 +135365,7 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
         image: {
           title: 'Image',
           description: 'Generate image for the selected image or background',
-          list: ['A small, minimalist wood cabin, situated atop a hill, seen from a distance']
+          list: ['A small office building in a distant view, surrounded by a warm blend of brown and orange hues against a serene blue sky. Embrace a muted color palette with pastel tones, emphasizing natural and clean aesthetics. Craft a simple yet impactful composition with generous negative space, channeling a minimalist look that exudes brightness and sophistication. Infuse the scene with a style reminiscent of architecture magazines, ensuring a full focus background that complements the building\'s design. Utilize high-quality equipment such as an 8K UHD camera and DSLR for impeccable detail, and employ soft lighting to enhance the overall visual appeal.', 'A minimalist wood cabin is captured from a distance, surrounded by a sea of grass, bathed in the soft, breathtaking sunlight of 17:00, under an expansive blue sky. The image is crafted in a true minimalist photographic style, emphasizing the bright open sky and featuring lots of white space.', 'A simple wooden table adorned with a petite vase and a vibrant yellow flower. Opt for a clean background with ample white space, prioritizing minimalism. Cultivate a muted color palette and pastel tones to create a serene atmosphere. Employ soft lighting to enhance the gentle ambiance. Aim for a style reminiscent of interior magazines, capturing the essence of sophistication and simplicity in every detail.']
         }
         /*
         selection: {
@@ -135898,9 +135902,9 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
     };
 
     if (this.iframeSrc) {
-      let iframeSrc = this.iframeSrc;
       this.iframePanel = new IframePanel({
-        src: iframeSrc,
+        src: this.iframeSrc,
+        blankHtml: this.blankHtml,
         page: '.is-wrapper',
         onReady: ifr => {
           initialStart(ifr);
@@ -135920,7 +135924,7 @@ Add an image for each feature.`, 'Create a new block showcasing a photo gallery
   editorSetup() {
     this.editor = new ContentBuilder({
       controlPanel: this.settings.controlPanel,
-      canvas: true,
+      canvas: this.settings.canvas,
       isContentBox: true,
       speechTranscribeUrl: this.settings.speechTranscribeUrl,
       autoSendDelay: this.settings.autoSendDelay,