@innovastudio/contentbuilder 1.5.173 → 1.5.175

package/package.json

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

package/public/contentbuilder/contentbuilder.esm.js

@@ -14439,7 +14439,14 @@ class HtmlUtil {
       const cell = util.cellSelected();
       cell.innerHTML = html;
       let builderActive = this.builder.doc.querySelector('.builder-active');
-      if (builderActive) this.builder.applyBehaviorOn(builderActive);
+      if (builderActive) {
+        this.builder.applyBehaviorOn(builderActive);
+
+        // reinit after apply html
+        if (this.builder.win.builderRuntime && builderActive.querySelector('[data-cb-type]')) {
+          this.builder.win.builderRuntime.reinitialize(builderActive);
+        }
+      }
 
       //Trigger Change event
       this.builder.opts.onChange();
@@ -14458,7 +14465,14 @@ class HtmlUtil {
       if (!row) return;
       row.innerHTML = html;
       let builderActive = this.builder.doc.querySelector('.builder-active');
-      if (builderActive) this.builder.applyBehaviorOn(builderActive);
+      if (builderActive) {
+        this.builder.applyBehaviorOn(builderActive);
+
+        // reinit after apply html
+        if (this.builder.win.builderRuntime && builderActive.querySelector('[data-cb-type]')) {
+          this.builder.win.builderRuntime.reinitialize(builderActive);
+        }
+      }
 
       //Trigger Change event
       this.builder.opts.onChange();
@@ -14493,6 +14507,12 @@ class HtmlUtil {
       // let builderActive = this.builder.doc.querySelector('.builder-active');
       // if(builderActive) this.builder.applyBehaviorOn(builderActive);
       this.builder.applyBehaviorOn(area);
+
+      // reinit after apply html
+      if (this.builder.win.builderRuntime && area.querySelector('[data-cb-type]')) {
+        this.builder.win.builderRuntime.reinitialize(area);
+      }
+
       /*else {
            const builders = this.builder.doc.querySelectorAll(this.builder.opts.container);
           if(builders.length > 1) {
@@ -15112,13 +15132,18 @@ class HtmlUtil {
           elm.removeAttribute('data-item-id');
         });
       }
+      // Cleanup data-item-id
+      let elms = element.querySelectorAll('[data-item-id]');
+      elms.forEach(elm => {
+        elm.removeAttribute('data-item-id');
+      });
 
       // Clean data-edit-id in editable area 
       let editables = element.querySelectorAll('.edit');
       editables.forEach(area => {
         area.removeAttribute('data-edit-id');
       });
-      let elms = element.querySelectorAll('[data-scroll], [data-scroll-once]');
+      elms = element.querySelectorAll('[data-scroll], [data-scroll-once]');
       elms.forEach(elm => {
         elm.removeAttribute('data-scroll');
         elm.removeAttribute('data-scroll-once');
@@ -51147,9 +51172,10 @@ class SettingsUIGenerator {
   generateForm(pluginName, element, onChange) {
     const plugin = this.runtime.getPlugin(pluginName);
     if (!plugin || !plugin.settings) {
-      console.warn(`Plugin "${pluginName}" has no settings schema`);
+      // console.warn(`Plugin "${pluginName}" has no settings schema`);
       if (!plugin.editor) return this.createEmptyForm();
     }
+    if (!plugin.settings) plugin.settings = {};
     const form = document.createElement('div');
     form.className = 'cb-settings-form';
 
@@ -51525,6 +51551,7 @@ class SettingsUIGenerator {
    */
   getCurrentValues(element, settings) {
     const values = {};
+    if (!settings) return values;
     Object.keys(settings).forEach(key => {
       if (key.startsWith('_')) return;
       const attrName = 'data-cb-' + key.replace(/([A-Z])/g, '-$1').toLowerCase();
@@ -63580,6 +63607,14 @@ class ElementTool {
     let elementTool = this.elementTool;
     let elm = this.builder.activeElement;
     if (!elm) return;
+    const editableArea = elm.closest('[data-edit-actions]');
+    if (editableArea) {
+      const editActions = editableArea.dataset.editActions || '';
+      if (editActions.includes('no-add')) {
+        // Adding elements is disabled
+        return;
+      }
+    }
     if (elm.closest('.is-dock')) return;
     // if(elm.closest('[data-cb-type]')) return;