@innovastudio/contentbuilder 1.5.129 → 1.5.131

package/index.d.ts

@@ -1,6 +1,7 @@
 interface ContentBuilderOptions {
     page?: string;
     container?: string;
+    siteToken?: string;
     row?: string;
     cols?: any[]; 
     colequal?: any[]; 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.5.129",
+  "version": "1.5.131",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "types": "index.d.ts",

package/public/contentbuilder/contentbuilder.esm.js

@@ -70864,14 +70864,14 @@ class Rte {
     if (btnLink) btnLink.style.display = '';
     if (btnSymbol) btnSymbol.style.display = '';
     if (!customcode && !noedit && !_protected || subblock) {
-      if ((elm.tagName.toLowerCase() === 'img' || dom.hasClass(elm, 'is-social') || dom.hasClass(elm, 'is-rounded-button-medium') || dom.hasClass(elm, 'cell-active')) && !dom.getSelected()) {
+      if ((dom.hasClass(elm, 'is-social') || dom.hasClass(elm, 'is-rounded-button-medium') || dom.hasClass(elm, 'cell-active')) && !dom.getSelected()) {
         if (this.elementRteTool.style.display === 'none' || this.elementRteTool.style.display === '') {
           this.elementRteTool.style.display = 'flex';
           this.rteTool.style.display = 'none';
           this.showAlignButtons();
           this.positionToolbar();
         }
-      } else if (dom.hasClass(elm, 'spacer') || elm.tagName.toLowerCase() === 'video' || dom.hasClass(elm, 'ovl') || col.getAttribute('data-html') && !subblock) {
+      } else if (elm.tagName.toLowerCase() === 'img' || dom.hasClass(elm, 'spacer') || elm.tagName.toLowerCase() === 'video' || dom.hasClass(elm, 'ovl') || col.getAttribute('data-html') && !subblock) {
         //|| col===elm
 
         if (this.elementRteTool.style.display === 'none' || this.elementRteTool.style.display === '') {
@@ -83221,144 +83221,139 @@ class Dictation {
     this.builder = builder;
     this.imageModels = [{
       id: 'fal-ai/nano-banana',
-      // ok
       label: 'Nano Banana',
       sizes: [],
       // no size options
       output_format: 'jpeg'
     }, {
       id: 'fal-ai/imagen4/preview/fast',
-      // ok
       label: 'Imagen 4 Preview Fast',
       sizes: ['1:1', '4:3', '16:9', '3:4', '9:16']
     }, {
       id: 'fal-ai/imagen4/preview',
-      // ok
       label: 'Imagen 4 Preview',
       sizes: ['1:1', '4:3', '16:9', '3:4', '9:16']
     }, {
       id: 'fal-ai/imagen4/preview/ultra',
-      // ok
       label: 'Imagen 4 Preview Ultra',
       sizes: ['1:1', '4:3', '16:9', '3:4', '9:16']
-    }, {
-      id: 'fal-ai/hidream-i1-fast',
-      // ok
-      label: 'HiDream-I1 Fast',
-      // sizes: => uses defaultSizes
-      output_format: 'jpeg'
-    }, {
-      id: 'fal-ai/hidream-i1-dev',
-      // ok
-      label: 'HiDream-I1 Dev',
-      output_format: 'jpeg'
-    }, {
-      id: 'fal-ai/hidream-i1-full',
-      // ok
-      label: 'HiDream-I1 Full',
-      output_format: 'jpeg'
-    }, {
-      id: 'bria/text-to-image/3.2',
-      // ok
-      label: 'Bria (3.2)',
-      sizes: ['1:1', '3:2', '4:3', '5:4', '16:9', '2:3', '3:4', '4:5', '9:16']
-    }, {
-      id: 'fal-ai/recraft/v3/text-to-image',
-      // ok
-      label: 'Recraft V3'
     }, {
       id: 'fal-ai/flux-1/schnell',
-      // ok
       label: 'FLUX.1 Schnell',
+      // sizes: => uses defaultSizes
       output_format: 'jpeg'
-    }, {
+    },
+    // Krea
+    {
       id: 'fal-ai/flux/krea',
-      // ok
       label: 'FLUX.1 Krea',
       output_format: 'jpeg'
-    }, {
-      id: 'fal-ai/flux-krea-lora',
-      // ok
-      label: 'FLUX.1 Krea Lora',
-      output_format: 'jpeg'
-    }, {
+    },
+    // {
+    //     id: 'fal-ai/flux-krea-lora',
+    //     label: 'FLUX.1 Krea Lora',
+    //     output_format: 'jpeg'
+    // },
+    // Kontext
+    {
       id: 'fal-ai/flux-kontext-lora/text-to-image',
-      // ok
-      label: 'FLUX Kontext Lora',
+      label: 'FLUX.1 Kontext Lora',
       output_format: 'jpeg'
     }, {
       id: 'fal-ai/flux-pro/kontext/text-to-image',
-      // ok 
       label: 'FLUX.1 Kontext Pro',
       sizes: ['21:9', '16:9', '4:3', '3:2', '1:1', '2:3', '3:4', '9:16', '9:21'],
       size_param: 'aspect_ratio',
+      // aspect_ratio
       output_format: 'jpeg'
     }, {
       id: 'fal-ai/flux-pro/kontext/max/text-to-image',
-      // ok
       label: 'FLUX.1 Kontext Max',
       sizes: ['21:9', '16:9', '4:3', '3:2', '1:1', '2:3', '3:4', '9:16', '9:21'],
       size_param: 'aspect_ratio',
+      // aspect_ratio
+      output_format: 'jpeg'
+    },
+    // Pro
+    {
+      id: 'fal-ai/flux-pro/new',
+      label: 'FLUX.1 Pro',
+      // new, fast
+      output_format: 'jpeg'
+    }, {
+      id: 'fal-ai/flux-pro/v1.1',
+      label: 'FLUX1.1 Pro',
       output_format: 'jpeg'
     }, {
       id: 'fal-ai/flux-pro/v1.1-ultra',
-      // ok
-      label: 'FLUX 1.1 Pro Ultra',
+      label: 'FLUX1.1 Pro Ultra',
       sizes: ['21:9', '16:9', '4:3', '3:2', '1:1', '2:3', '3:4', '9:16', '9:21'],
       size_param: 'aspect_ratio',
+      // aspect_ratio
       output_format: 'jpeg'
     }, {
       id: 'fal-ai/bytedance/seedream/v4/text-to-image',
-      // ok
       label: 'ByteDance Seedream 4.0'
     }, {
       id: 'fal-ai/wan/v2.2-5b/text-to-image',
-      // ok
       label: 'Wan 2.2 5B',
       output_format: 'jpeg',
       output_param: 'image_format'
     }, {
       id: 'fal-ai/wan/v2.2-a14b/text-to-image',
-      // ok
       label: 'Wan 2.2 14B'
     }, {
       id: 'fal-ai/qwen-image',
-      // ok
       label: 'Qwen Image',
       output_format: 'jpeg'
+    }, {
+      id: 'fal-ai/hidream-i1-fast',
+      label: 'HiDream-I1 Fast',
+      output_format: 'jpeg'
+    }, {
+      id: 'fal-ai/hidream-i1-dev',
+      label: 'HiDream-I1 Dev',
+      output_format: 'jpeg'
+    }, {
+      id: 'fal-ai/hidream-i1-full',
+      label: 'HiDream-I1 Full',
+      output_format: 'jpeg'
+    }, {
+      id: 'bria/text-to-image/3.2',
+      // new
+      label: 'Bria (3.2)',
+      sizes: ['1:1', '3:2', '4:3', '5:4', '16:9', '2:3', '3:4', '4:5', '9:16']
+    }, {
+      id: 'fal-ai/recraft/v3/text-to-image',
+      label: 'Recraft V3'
     }, {
       id: 'fal-ai/ideogram/v3',
-      // ok
       label: 'Ideogram V3'
     }, {
       id: 'fal-ai/minimax/image-01',
-      // ok
+      // new
       label: 'MiniMax Image-01',
       sizes: ['21:9', '16:9', '4:3', '3:2', '1:1', '2:3', '3:4', '9:16'],
-      size_param: 'aspect_ratio'
+      size_param: 'aspect_ratio' // aspect_ratio
     }, {
       id: 'fal-ai/playground-v25',
-      // ok
+      // new
       label: 'Playground v25',
       output_format: 'jpeg'
     }, {
       id: 'fal-ai/sana',
-      // ok
       label: 'Sana Base',
       output_format: 'jpeg'
     }, {
       id: 'fal-ai/sana/sprint',
-      // ok
       label: 'Sana Sprint',
       output_format: 'jpeg'
     }, {
       id: 'fal-ai/sana/v1.5/4.8b',
-      // ok
       label: 'Sana v1.5 4.8B',
       output_format: 'jpeg'
     }, {
       id: 'fal-ai/sana/v1.5/1.6b',
-      // ok
       label: 'Sana v1.5 1.6B',
       output_format: 'jpeg'
     }];
@@ -92811,6 +92806,7 @@ class ContentBuilder {
     let defaults = {
       page: '',
       container: '.is-container',
+      siteToken: '',
       row: '',
       cols: [],
       colequal: [],
@@ -94220,6 +94216,7 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
     const builders = this.doc.querySelectorAll(this.opts.container);
     Array.prototype.forEach.call(builders, builder => {
       builder.classList.add('is-container');
+      if (this.siteToken) builder.setAttribute('data-site-token', this.siteToken);
 
       // Check if preview
       if (this.dom.hasClass(builder, 'preview')) this.preview = true;
@@ -94980,7 +94977,20 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
           }
       }
       */
-
+      const clickedElementEditable = target.closest('[contenteditable]');
+      let insideEditable = this.doc.activeElement && this.doc.activeElement.closest('[contenteditable]') && this.doc.activeElement.closest('.is-builder');
+      if (insideEditable && !clickedElementEditable) {
+        this.saveSelection();
+        const selection = this.dom.getSelection();
+        if (selection && !selection.isCollapsed) {
+          // Only if there is text selected (not caret selection)
+          const col = this.doc.activeElement.closest('[contenteditable]');
+          if (col) {
+            // this.handleCellClick(col, e);
+            this.activateColumnAndRte(col);
+          }
+        }
+      }
       if (!(a || p || b || c || d || f || g || h || i || j || o || isSpecialElement || clrPicker) || rowClicked && !i || containerClicked) {
         // Click anywhere but is not inside builder area, modal, popup, tool or rte, then clear row/column (cell) selection
 
@@ -98679,6 +98689,32 @@ Add an image for each feature.`, 'Create a new content showcasing a photo galler
       }
     }
   }
+  activateColumnAndRte(col) {
+    const util = this.util;
+    util.clearActiveCell();
+    this.activeCol = col;
+    col.classList.add('cell-active');
+    let row = col.parentNode;
+    row.classList.add('row-active');
+    const builders = this.doc.querySelectorAll(this.opts.container);
+    builders.forEach(builder => {
+      builder.classList.remove('builder-active');
+    });
+    row.parentNode.classList.add('builder-active');
+    this.doc.body.classList.add('content-edit');
+    if (row.childElementCount - 2 === 1) ; else {
+      row.classList.add('row-outline');
+    }
+
+    // Call onContentClick to indicate click on editable content (eg. for plugin usage)
+    // if(this.opts.onContentClick) this.opts.onContentClick(e);
+
+    this.colTool.click(col);
+    // this.elmTool.click(col, e);
+    this.activeElement = col;
+    this.inspectedElement = col;
+    if (!this.controlPanel) this.rte.click(col);
+  }
   handleCellClick(col, e) {
     if (this.cleanEditing) {
       col.parentNode.querySelector('.is-row-tool').style.display = '';