Builder overlay + Sizing

addons/html_builder/static/src/builder/options/add_element_option.js

@@ -6,6 +6,8 @@ export class AddElementOption extends Component {
     static components = {
         ...defaultOptionComponents,
     };
+    static props = {};
+
     addText() {
         console.log("addText");
     }

addons/html_builder/static/src/builder/options/layout_option.js

@@ -4,13 +4,11 @@ import { defaultOptionComponents } from "../components/defaultComponents";
 import { useDomState } from "../builder_helpers";
 import { SpacingOption } from "./spacing_option";
 import { AddElementOption } from "./add_element_option";
-
-// TODO to import in html_builder
 import {
-    _convertToNormalColumn,
-    _reloadLazyImages,
-    _toggleGridMode,
-} from "@web_editor/js/common/grid_layout_utils";
+    convertToNormalColumn,
+    reloadLazyImages,
+    toggleGridMode,
+} from "@html_builder/builder/utils/grid_layout_utils";
 
 export class LayoutOption extends Component {
     static template = "html_builder.LayoutOption";
@@ -35,7 +33,7 @@ export class LayoutOption extends Component {
             // Prevent toggling grid mode twice.
             return;
         }
-        _toggleGridMode(this.env.getEditingElement().querySelector(".container"));
+        toggleGridMode(this.env.getEditingElement().querySelector(".container"));
         this.env.editor.shared.history.addStep();
     }
     setColumnLayout() {
@@ -52,9 +50,9 @@ export class LayoutOption extends Component {
 
         for (const columnEl of columnEls) {
             // Reloading the images.
-            _reloadLazyImages(columnEl);
+            reloadLazyImages(columnEl);
             // Removing the grid properties.
-            _convertToNormalColumn(columnEl);
+            convertToNormalColumn(columnEl);
         }
         // Removing the grid properties.
         delete rowEl.dataset.rowCount;

addons/html_builder/static/src/builder/options/spacing_option.js

@@ -7,6 +7,8 @@ export class SpacingOption extends Component {
     static components = {
         ...defaultOptionComponents,
     };
+    static props = {};
+
     setup() {
         this.target = this.env.getEditingElement().querySelector(".o_grid_mode");
         this.targetComputedStyle = getComputedStyle(this.target);