@contentstack/live-preview-utils 3.2.4 → 3.3.0

package/dist/legacy/visualBuilder/listeners/mouseHover.js

@@ -1,7 +1,7 @@
 import "../../chunk-5WRI5ZAA.js";
 
 // src/visualBuilder/listeners/mouseHover.ts
-import { throttle } from "lodash-es";
+import { debounce, throttle } from "lodash-es";
 import { getCsDataOfElement } from "../utils/getCsDataOfElement.js";
 import { removeAddInstanceButtons } from "../utils/multipleElementAddButton.js";
 import { generateCustomCursor } from "../generators/generateCustomCursor.js";
@@ -15,6 +15,7 @@ import { VB_EmptyBlockParentClass } from "../../index.js";
 import Config from "../../configManager/configManager.js";
 import { isCollabThread } from "../generators/generateThread.js";
 import { getEntryPermissionsCached } from "../utils/getEntryPermissionsCached.js";
+import { appendFieldPathDropdown } from "../generators/generateToolbar.js";
 var config = Config.get();
 function resetCustomCursor(customCursor) {
   if (customCursor) {
@@ -39,10 +40,41 @@ function handleCursorPosition(event, customCursor) {
     customCursor.style.top = `${mouseY}px`;
   }
 }
-function addOutline(editableElement, isFieldDisabled2) {
+function addOutline(params) {
+  if (!params) {
+    return;
+  }
+  const { editableElement, eventDetails, content_type_uid, fieldPath, fieldMetadata, fieldDisabled } = params;
   if (!editableElement) return;
-  addHoverOutline(editableElement, isFieldDisabled2);
+  addHoverOutline(editableElement, fieldDisabled);
+  FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(
+    (fieldSchema) => {
+      let entryAcl;
+      if (!fieldSchema) return;
+      getEntryPermissionsCached({
+        entryUid: fieldMetadata.entry_uid,
+        contentTypeUid: fieldMetadata.content_type_uid,
+        locale: fieldMetadata.locale
+      }).then((data) => {
+        entryAcl = data;
+      }).catch((error) => {
+        console.error(
+          "[Visual Builder] Error retrieving entry permissions:",
+          error
+        );
+      }).finally(() => {
+        const { isDisabled: fieldDisabled2 } = isFieldDisabled(
+          fieldSchema,
+          eventDetails,
+          entryAcl
+        );
+        addHoverOutline(editableElement, fieldDisabled2);
+      });
+    }
+  );
 }
+var debouncedAddOutline = debounce(addOutline, 50, { trailing: true });
+var showOutline = (params) => debouncedAddOutline(params);
 function hideDefaultCursor() {
   if ((document == null ? void 0 : document.body) && !document.body.classList.contains(
     visualBuilderStyles()["visual-builder__default-cursor--disabled"]
@@ -83,6 +115,16 @@ function showCustomCursor(customCursor) {
     return;
   customCursor == null ? void 0 : customCursor.classList.add("visible");
 }
+var debouncedRenderHoverToolbar = debounce(async (params) => {
+  const eventDetails = getCsDataOfElement(params.event);
+  if (!eventDetails || !params.overlayWrapper || !params.visualBuilderContainer || !params.focusedToolbar) {
+    return;
+  }
+  appendFieldPathDropdown(eventDetails, params.focusedToolbar, {
+    isHover: true
+  });
+}, 50, { trailing: true });
+var showHoverToolbar = async (params) => await debouncedRenderHoverToolbar(params);
 function isOverlay(target) {
   return target.classList.contains("visual-builder__overlay");
 }
@@ -91,151 +133,158 @@ function isContentEditable(target) {
     return target.getAttribute("contenteditable") === "true";
   return false;
 }
-async function handleMouseHover(params) {
-  throttle(async (params2) => {
-    const eventDetails = getCsDataOfElement(params2.event);
-    const eventTarget = params2.event.target;
-    if ((config == null ? void 0 : config.collab.enable) && (config == null ? void 0 : config.collab.pauseFeedback)) {
-      hideCustomCursor(params2.customCursor);
+function isFieldPathDropdown(target) {
+  return target.classList.contains("visual-builder__focused-toolbar__field-label-wrapper") || target.classList.contains("visual-builder__focused-toolbar__field-label-wrapper__current-field");
+}
+var throttledMouseHover = throttle(async (params) => {
+  const eventDetails = getCsDataOfElement(params.event);
+  const eventTarget = params.event.target;
+  if ((config == null ? void 0 : config.collab.enable) && (config == null ? void 0 : config.collab.pauseFeedback)) {
+    hideCustomCursor(params.customCursor);
+    return;
+  }
+  if (!eventDetails) {
+    if (eventTarget && (isOverlay(eventTarget) || isContentEditable(eventTarget) || isCollabThread(eventTarget))) {
+      handleCursorPosition(params.event, params.customCursor);
+      hideCustomCursor(params.customCursor);
       return;
     }
-    if (!eventDetails) {
-      if (eventTarget && (isOverlay(eventTarget) || isContentEditable(eventTarget) || isCollabThread(eventTarget))) {
-        handleCursorPosition(params2.event, params2.customCursor);
-        hideCustomCursor(params2.customCursor);
-        return;
-      }
-      if (!(config == null ? void 0 : config.collab.enable)) {
-        resetCustomCursor(params2.customCursor);
-      }
-      removeAddInstanceButtons({
-        eventTarget: params2.event.target,
-        visualBuilderContainer: params2.visualBuilderContainer,
-        overlayWrapper: params2.overlayWrapper
+    if (eventTarget && isFieldPathDropdown(eventTarget)) {
+      params.customCursor && hideCustomCursor(params.customCursor);
+      showOutline();
+      showHoverToolbar({
+        event: params.event,
+        overlayWrapper: params.overlayWrapper,
+        visualBuilderContainer: params.visualBuilderContainer,
+        previousSelectedEditableDOM: VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM,
+        focusedToolbar: params.focusedToolbar,
+        resizeObserver: params.resizeObserver
       });
-      handleCursorPosition(params2.event, params2.customCursor);
-      if ((config == null ? void 0 : config.collab.enable) && (config == null ? void 0 : config.collab.isFeedbackMode)) {
-        showCustomCursor(params2.customCursor);
-        collabCustomCursor(params2.customCursor);
+    }
+    if (!(config == null ? void 0 : config.collab.enable)) {
+      resetCustomCursor(params.customCursor);
+    }
+    removeAddInstanceButtons({
+      eventTarget: params.event.target,
+      visualBuilderContainer: params.visualBuilderContainer,
+      overlayWrapper: params.overlayWrapper
+    });
+    handleCursorPosition(params.event, params.customCursor);
+    if ((config == null ? void 0 : config.collab.enable) && (config == null ? void 0 : config.collab.isFeedbackMode)) {
+      showCustomCursor(params.customCursor);
+      collabCustomCursor(params.customCursor);
+    }
+    return;
+  }
+  const { editableElement, fieldMetadata } = eventDetails;
+  const { content_type_uid, fieldPath } = fieldMetadata;
+  if (VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM && VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM.isSameNode(
+    editableElement
+  )) {
+    hideCustomCursor(params.customCursor);
+    return;
+  }
+  if (params.customCursor) {
+    const elementUnderCursor = document.elementFromPoint(
+      params.event.clientX,
+      params.event.clientY
+    );
+    if (elementUnderCursor) {
+      if (elementUnderCursor.nodeName === "A" || elementUnderCursor.nodeName === "BUTTON") {
+        elementUnderCursor.classList.add(
+          visualBuilderStyles()["visual-builder__no-cursor-style"]
+        );
       }
-      return;
     }
-    const { editableElement, fieldMetadata } = eventDetails;
-    const { content_type_uid, fieldPath } = fieldMetadata;
-    if (VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM && VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM.isSameNode(
-      editableElement
-    )) {
-      hideCustomCursor(params2.customCursor);
+    if ((config == null ? void 0 : config.collab.enable) && (config == null ? void 0 : config.collab.isFeedbackMode)) {
+      collabCustomCursor(params.customCursor);
+      handleCursorPosition(params.event, params.customCursor);
+      showCustomCursor(params.customCursor);
+      return;
+    } else if ((config == null ? void 0 : config.collab.enable) && !(config == null ? void 0 : config.collab.isFeedbackMode)) {
+      hideCustomCursor(params.customCursor);
       return;
     }
-    if (params2.customCursor) {
-      const elementUnderCursor = document.elementFromPoint(
-        params2.event.clientX,
-        params2.event.clientY
-      );
-      if (elementUnderCursor) {
-        if (elementUnderCursor.nodeName === "A" || elementUnderCursor.nodeName === "BUTTON") {
-          elementUnderCursor.classList.add(
-            visualBuilderStyles()["visual-builder__no-cursor-style"]
+    if (VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM !== editableElement) {
+      resetCustomCursor(params.customCursor);
+      removeAddInstanceButtons({
+        eventTarget: params.event.target,
+        visualBuilderContainer: params.visualBuilderContainer,
+        overlayWrapper: params.overlayWrapper
+      });
+    }
+    if (!FieldSchemaMap.hasFieldSchema(content_type_uid, fieldPath)) {
+      generateCustomCursor({
+        fieldType: "loading",
+        customCursor: params.customCursor
+      });
+    }
+    FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(
+      (fieldSchema) => {
+        if (!fieldSchema) return;
+        let entryAcl;
+        getEntryPermissionsCached({
+          entryUid: fieldMetadata.entry_uid,
+          contentTypeUid: fieldMetadata.content_type_uid,
+          locale: fieldMetadata.locale
+        }).then((data) => {
+          entryAcl = data;
+        }).catch((error) => {
+          console.error(
+            "[Visual Builder] Error retrieving entry permissions:",
+            error
           );
-        }
-      }
-      if ((config == null ? void 0 : config.collab.enable) && (config == null ? void 0 : config.collab.isFeedbackMode)) {
-        collabCustomCursor(params2.customCursor);
-        handleCursorPosition(params2.event, params2.customCursor);
-        showCustomCursor(params2.customCursor);
-        return;
-      } else if ((config == null ? void 0 : config.collab.enable) && !(config == null ? void 0 : config.collab.isFeedbackMode)) {
-        hideCustomCursor(params2.customCursor);
-        return;
-      }
-      if (VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM !== editableElement) {
-        resetCustomCursor(params2.customCursor);
-        removeAddInstanceButtons({
-          eventTarget: params2.event.target,
-          visualBuilderContainer: params2.visualBuilderContainer,
-          overlayWrapper: params2.overlayWrapper
-        });
-      }
-      if (!FieldSchemaMap.hasFieldSchema(content_type_uid, fieldPath)) {
-        generateCustomCursor({
-          fieldType: "loading",
-          customCursor: params2.customCursor
+        }).finally(() => {
+          if (!params.customCursor) return;
+          const { isDisabled: fieldDisabled } = isFieldDisabled(
+            fieldSchema,
+            eventDetails,
+            entryAcl
+          );
+          const fieldType = getFieldType(fieldSchema);
+          generateCustomCursor({
+            fieldType,
+            customCursor: params.customCursor,
+            fieldDisabled
+          });
         });
       }
-      FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(
-        (fieldSchema) => {
-          if (!fieldSchema) return;
-          let entryAcl;
-          getEntryPermissionsCached({
-            entryUid: fieldMetadata.entry_uid,
-            contentTypeUid: fieldMetadata.content_type_uid,
-            locale: fieldMetadata.locale
-          }).then((data) => {
-            entryAcl = data;
-          }).catch((error) => {
-            console.error(
-              "[Visual Builder] Error retrieving entry permissions:",
-              error
-            );
-          }).finally(() => {
-            if (!params2.customCursor) return;
-            const { isDisabled: fieldDisabled } = isFieldDisabled(
-              fieldSchema,
-              eventDetails,
-              entryAcl
-            );
-            const fieldType = getFieldType(fieldSchema);
-            generateCustomCursor({
-              fieldType,
-              customCursor: params2.customCursor,
-              fieldDisabled
-            });
-          });
-        }
-      );
-      handleCursorPosition(params2.event, params2.customCursor);
-      showCustomCursor(params2.customCursor);
-    }
-    if (!editableElement.classList.contains(VB_EmptyBlockParentClass) && !editableElement.classList.contains("visual-builder__empty-block")) {
-      addOutline(editableElement);
-      FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(
-        (fieldSchema) => {
-          let entryAcl;
-          if (!fieldSchema) return;
-          getEntryPermissionsCached({
-            entryUid: fieldMetadata.entry_uid,
-            contentTypeUid: fieldMetadata.content_type_uid,
-            locale: fieldMetadata.locale
-          }).then((data) => {
-            entryAcl = data;
-          }).catch((error) => {
-            console.error(
-              "[Visual Builder] Error retrieving entry permissions:",
-              error
-            );
-          }).finally(() => {
-            const { isDisabled: fieldDisabled } = isFieldDisabled(
-              fieldSchema,
-              eventDetails,
-              entryAcl
-            );
-            addOutline(editableElement, fieldDisabled);
-          });
-        }
-      );
-    }
-    if (VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM === editableElement) {
-      return;
+    );
+    handleCursorPosition(params.event, params.customCursor);
+    showCustomCursor(params.customCursor);
+  }
+  if (!editableElement.classList.contains(VB_EmptyBlockParentClass) && !editableElement.classList.contains("visual-builder__empty-block")) {
+    showOutline({
+      editableElement,
+      eventDetails,
+      content_type_uid,
+      fieldPath,
+      fieldMetadata
+    });
+    const isFocussed = VisualBuilder.VisualBuilderGlobalState.value.isFocussed;
+    if (!isFocussed) {
+      showHoverToolbar({
+        event: params.event,
+        overlayWrapper: params.overlayWrapper,
+        visualBuilderContainer: params.visualBuilderContainer,
+        previousSelectedEditableDOM: VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM,
+        focusedToolbar: params.focusedToolbar,
+        resizeObserver: params.resizeObserver
+      });
     }
-    VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM = editableElement;
-  }, 10)(params);
-}
+  }
+  if (VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM === editableElement) {
+    return;
+  }
+  VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM = editableElement;
+}, 10);
+var handleMouseHover = async (params) => await throttledMouseHover(params);
 var mouseHover_default = handleMouseHover;
 export {
   mouseHover_default as default,
   hideCustomCursor,
   hideHoverOutline,
-  showCustomCursor
+  showCustomCursor,
+  showHoverToolbar
 };
 //# sourceMappingURL=mouseHover.js.map

package/dist/legacy/visualBuilder/listeners/mouseHover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/listeners/mouseHover.ts"],"sourcesContent":["import { throttle } from \"lodash-es\";\nimport { getCsDataOfElement } from \"../utils/getCsDataOfElement\";\nimport { removeAddInstanceButtons } from \"../utils/multipleElementAddButton\";\nimport { generateCustomCursor } from \"../generators/generateCustomCursor\";\nimport { FieldSchemaMap } from \"../utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"../utils/isFieldDisabled\";\nimport { getFieldType } from \"../utils/getFieldType\";\n\nimport EventListenerHandlerParams from \"./types\";\nimport { VisualBuilder } from \"..\";\nimport { addHoverOutline } from \"../generators/generateHoverOutline\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport { VB_EmptyBlockParentClass } from \"../..\";\nimport Config from \"../../configManager/configManager\";\nimport { isCollabThread } from \"../generators/generateThread\";\nimport { getEntryPermissionsCached } from \"../utils/getEntryPermissionsCached\";\nimport { EntryPermissions } from \"../utils/getEntryPermissions\";\n\nconst config = Config.get();\nexport interface HandleMouseHoverParams\n    extends Pick<\n        EventListenerHandlerParams,\n        \"event\" | \"overlayWrapper\" | \"visualBuilderContainer\"\n    > {\n    customCursor: HTMLDivElement | null;\n}\n\nfunction resetCustomCursor(customCursor: HTMLDivElement | null): void {\n    if (customCursor) {\n        generateCustomCursor({\n            fieldType: \"empty\",\n            customCursor: customCursor,\n        });\n    }\n}\n\nfunction collabCustomCursor(customCursor: HTMLDivElement | null): void {\n    if (!customCursor) return;\n\n    generateCustomCursor({\n        fieldType: \"discussion\",\n        customCursor: customCursor,\n    });\n}\n\nfunction handleCursorPosition(\n    event: MouseEvent,\n    customCursor: HTMLDivElement | null\n): void {\n    if (customCursor) {\n        const mouseY = event.clientY;\n        const mouseX = event.clientX;\n\n        customCursor.style.left = `${mouseX}px`;\n        customCursor.style.top = `${mouseY}px`;\n    }\n}\n\nfunction addOutline(editableElement: Element, isFieldDisabled?: boolean): void {\n    if (!editableElement) return;\n\n    addHoverOutline(editableElement as HTMLElement, isFieldDisabled);\n}\n\nfunction hideDefaultCursor(): void {\n    if (\n        document?.body &&\n        !document.body.classList.contains(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        )\n    )\n        document.body.classList.add(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        );\n}\n\nfunction showDefaultCursor(): void {\n    if (\n        document?.body &&\n        document.body.classList.contains(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        )\n    )\n        document.body.classList.remove(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        );\n}\n\nexport function hideHoverOutline(\n    visualBuilderContainer: HTMLDivElement | null\n): void {\n    if (!visualBuilderContainer) {\n        return;\n    }\n    const hoverOutline = visualBuilderContainer.querySelector(\n        \".visual-builder__hover-outline\"\n    );\n    if (!hoverOutline) {\n        return;\n    }\n    hoverOutline.classList.add(\n        visualBuilderStyles()[\"visual-builder__hover-outline--hidden\"]\n    );\n}\n\nexport function hideCustomCursor(customCursor: HTMLDivElement | null): void {\n    showDefaultCursor();\n    customCursor?.classList.remove(\"visible\");\n}\n\nexport function showCustomCursor(customCursor: HTMLDivElement | null): void {\n    hideDefaultCursor();\n    if (\n        config.collab.enable &&\n        (!config.collab.isFeedbackMode || config.collab.pauseFeedback)\n    )\n        return;\n    customCursor?.classList.add(\"visible\");\n}\n\nfunction isOverlay(target: HTMLElement): boolean {\n    return target.classList.contains(\"visual-builder__overlay\");\n}\n\nfunction isContentEditable(target: HTMLElement): boolean {\n    if (target.hasAttribute(\"contenteditable\"))\n        return target.getAttribute(\"contenteditable\") === \"true\";\n    return false;\n}\n\nasync function handleMouseHover(params: HandleMouseHoverParams): Promise<void> {\n    throttle(async (params: HandleMouseHoverParams) => {\n        const eventDetails = getCsDataOfElement(params.event);\n        const eventTarget = params.event.target as HTMLElement | null;\n\n        if (config?.collab.enable && config?.collab.pauseFeedback) {\n            hideCustomCursor(params.customCursor);\n            return;\n        }\n        if (!eventDetails) {\n            if (\n                eventTarget &&\n                (isOverlay(eventTarget) ||\n                    isContentEditable(eventTarget) ||\n                    isCollabThread(eventTarget))\n            ) {\n                handleCursorPosition(params.event, params.customCursor);\n                hideCustomCursor(params.customCursor);\n                return;\n            }\n            if (!config?.collab.enable) {\n                resetCustomCursor(params.customCursor);\n            }\n            removeAddInstanceButtons({\n                eventTarget: params.event.target,\n                visualBuilderContainer: params.visualBuilderContainer,\n                overlayWrapper: params.overlayWrapper,\n            });\n            handleCursorPosition(params.event, params.customCursor);\n            if (config?.collab.enable && config?.collab.isFeedbackMode) {\n                showCustomCursor(params.customCursor);\n                collabCustomCursor(params.customCursor);\n            }\n            return;\n        }\n\n        const { editableElement, fieldMetadata } = eventDetails;\n        const { content_type_uid, fieldPath } = fieldMetadata;\n\n        if (\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM &&\n            VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM.isSameNode(\n                editableElement\n            )\n        ) {\n            hideCustomCursor(params.customCursor);\n            return;\n        }\n\n        if (params.customCursor) {\n            const elementUnderCursor = document.elementFromPoint(\n                params.event.clientX,\n                params.event.clientY\n            );\n            if (elementUnderCursor) {\n                if (\n                    elementUnderCursor.nodeName === \"A\" ||\n                    elementUnderCursor.nodeName === \"BUTTON\"\n                ) {\n                    elementUnderCursor.classList.add(\n                        visualBuilderStyles()[\"visual-builder__no-cursor-style\"]\n                    );\n                }\n            }\n\n            if (config?.collab.enable && config?.collab.isFeedbackMode) {\n                collabCustomCursor(params.customCursor);\n                handleCursorPosition(params.event, params.customCursor);\n                showCustomCursor(params.customCursor);\n                return;\n            } else if (\n                config?.collab.enable &&\n                !config?.collab.isFeedbackMode\n            ) {\n                hideCustomCursor(params.customCursor);\n                return;\n            }\n\n            if (\n                VisualBuilder.VisualBuilderGlobalState.value\n                    .previousHoveredTargetDOM !== editableElement\n            ) {\n                resetCustomCursor(params.customCursor);\n                removeAddInstanceButtons({\n                    eventTarget: params.event.target,\n                    visualBuilderContainer: params.visualBuilderContainer,\n                    overlayWrapper: params.overlayWrapper,\n                });\n            }\n\n            if (!FieldSchemaMap.hasFieldSchema(content_type_uid, fieldPath)) {\n                generateCustomCursor({\n                    fieldType: \"loading\",\n                    customCursor: params.customCursor,\n                });\n            }\n\n            /**\n             * We called it seperately inside the code block to ensure that\n             * the code will not wait for the promise to resolve.\n             * If we get a cache miss, we will send a message to the iframe\n             * without blocking the code.\n             */\n            FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n                (fieldSchema) => {\n                    if (!fieldSchema) return;\n\n                    let entryAcl: EntryPermissions | undefined;\n                    getEntryPermissionsCached({\n                        entryUid: fieldMetadata.entry_uid,\n                        contentTypeUid: fieldMetadata.content_type_uid,\n                        locale: fieldMetadata.locale,\n                    })\n                        .then((data) => {\n                            entryAcl = data;\n                        })\n                        .catch((error) => {\n                            console.error(\n                                \"[Visual Builder] Error retrieving entry permissions:\",\n                                error\n                            );\n                        })\n                        .finally(() => {\n                            if (!params.customCursor) return;\n                            const { isDisabled: fieldDisabled } =\n                                isFieldDisabled(\n                                    fieldSchema,\n                                    eventDetails,\n                                    entryAcl\n                                );\n                            const fieldType = getFieldType(fieldSchema);\n                            generateCustomCursor({\n                                fieldType,\n                                customCursor: params.customCursor,\n                                fieldDisabled,\n                            });\n                        });\n                }\n            );\n\n            handleCursorPosition(params.event, params.customCursor);\n            showCustomCursor(params.customCursor);\n        }\n\n        if (\n            !editableElement.classList.contains(VB_EmptyBlockParentClass) &&\n            !editableElement.classList.contains(\"visual-builder__empty-block\")\n        ) {\n            addOutline(editableElement);\n            FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n                (fieldSchema) => {\n                    let entryAcl: EntryPermissions | undefined;\n                    if (!fieldSchema) return;\n                    getEntryPermissionsCached({\n                        entryUid: fieldMetadata.entry_uid,\n                        contentTypeUid: fieldMetadata.content_type_uid,\n                        locale: fieldMetadata.locale,\n                    })\n                        .then((data) => {\n                            entryAcl = data;\n                        })\n                        .catch((error) => {\n                            console.error(\n                                \"[Visual Builder] Error retrieving entry permissions:\",\n                                error\n                            );\n                        })\n                        .finally(() => {\n                            const { isDisabled: fieldDisabled } =\n                                isFieldDisabled(\n                                    fieldSchema,\n                                    eventDetails,\n                                    entryAcl\n                                );\n                            addOutline(editableElement, fieldDisabled);\n                        });\n                }\n            );\n        }\n\n        if (\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousHoveredTargetDOM === editableElement\n        ) {\n            return;\n        }\n\n        VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM =\n            editableElement;\n    }, 10)(params);\n}\n\nexport default handleMouseHover;\n"],"mappings":"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","names":["isFieldDisabled","params"]}
+{"version":3,"sources":["../../../../src/visualBuilder/listeners/mouseHover.ts"],"sourcesContent":["import { debounce, throttle } from \"lodash-es\";\nimport { getCsDataOfElement } from \"../utils/getCsDataOfElement\";\nimport { removeAddInstanceButtons } from \"../utils/multipleElementAddButton\";\nimport { generateCustomCursor } from \"../generators/generateCustomCursor\";\nimport { FieldSchemaMap } from \"../utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"../utils/isFieldDisabled\";\nimport { getFieldType } from \"../utils/getFieldType\";\n\nimport EventListenerHandlerParams from \"./types\";\nimport { VisualBuilder } from \"..\";\nimport { addHoverOutline } from \"../generators/generateHoverOutline\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport { VB_EmptyBlockParentClass } from \"../..\";\nimport Config from \"../../configManager/configManager\";\nimport { isCollabThread } from \"../generators/generateThread\";\nimport { getEntryPermissionsCached } from \"../utils/getEntryPermissionsCached\";\nimport { EntryPermissions } from \"../utils/getEntryPermissions\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport { HandleBuilderInteractionParams } from \"./mouseClick\";\nimport { appendFieldPathDropdown, removeFieldToolbar } from \"../generators/generateToolbar\";\nimport { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport { CslpData } from \"../../cslp/types/cslp.types\";\n\nconst config = Config.get();\nexport interface HandleMouseHoverParams\n    extends Pick<\n        EventListenerHandlerParams,\n        \"event\" | \"overlayWrapper\" | \"visualBuilderContainer\" | \"focusedToolbar\" | \"resizeObserver\"\n    > {\n    customCursor: HTMLDivElement | null;\n}\n\ninterface AddOutlineParams {\n    editableElement: Element;\n    eventDetails: VisualBuilderCslpEventDetails;\n    content_type_uid: string;\n    fieldPath: string;\n    fieldDisabled?: boolean;\n    fieldMetadata: CslpData;\n}\n\nfunction resetCustomCursor(customCursor: HTMLDivElement | null): void {\n    if (customCursor) {\n        generateCustomCursor({\n            fieldType: \"empty\",\n            customCursor: customCursor,\n        });\n    }\n}\n\nfunction collabCustomCursor(customCursor: HTMLDivElement | null): void {\n    if (!customCursor) return;\n\n    generateCustomCursor({\n        fieldType: \"discussion\",\n        customCursor: customCursor,\n    });\n}\n\nfunction handleCursorPosition(\n    event: MouseEvent,\n    customCursor: HTMLDivElement | null\n): void {\n    if (customCursor) {\n        const mouseY = event.clientY;\n        const mouseX = event.clientX;\n\n        customCursor.style.left = `${mouseX}px`;\n        customCursor.style.top = `${mouseY}px`;\n    }\n}\n\nfunction addOutline(params?: AddOutlineParams): void {\n    if(!params) {\n        return;\n    }\n    const { editableElement, eventDetails, content_type_uid, fieldPath, fieldMetadata, fieldDisabled } = params;\n    if (!editableElement) return;\n    addHoverOutline(editableElement as HTMLElement, fieldDisabled);\n    FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n        (fieldSchema) => {\n            let entryAcl: EntryPermissions | undefined;\n            if (!fieldSchema) return;\n            getEntryPermissionsCached({\n                entryUid: fieldMetadata.entry_uid,\n                contentTypeUid: fieldMetadata.content_type_uid,\n                locale: fieldMetadata.locale,\n            })\n            .then((data) => {\n                entryAcl = data;\n            })\n            .catch((error) => {\n                console.error(\n                    \"[Visual Builder] Error retrieving entry permissions:\",\n                    error\n                );\n            })\n            .finally(() => {\n                const { isDisabled: fieldDisabled } =\n                    isFieldDisabled(\n                        fieldSchema,\n                        eventDetails,\n                        entryAcl\n                    );\n                addHoverOutline(editableElement, fieldDisabled);\n            });\n        }\n    );\n}\n\nconst debouncedAddOutline = debounce(addOutline, 50, { trailing: true });\nconst showOutline = (params?: AddOutlineParams): void => debouncedAddOutline(params);\n\nfunction hideDefaultCursor(): void {\n    if (\n        document?.body &&\n        !document.body.classList.contains(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        )\n    )\n        document.body.classList.add(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        );\n}\n\nfunction showDefaultCursor(): void {\n    if (\n        document?.body &&\n        document.body.classList.contains(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        )\n    )\n        document.body.classList.remove(\n            visualBuilderStyles()[\"visual-builder__default-cursor--disabled\"]\n        );\n}\n\nexport function hideHoverOutline(\n    visualBuilderContainer: HTMLDivElement | null\n): void {\n    if (!visualBuilderContainer) {\n        return;\n    }\n    const hoverOutline = visualBuilderContainer.querySelector(\n        \".visual-builder__hover-outline\"\n    );\n    if (!hoverOutline) {\n        return;\n    }\n    hoverOutline.classList.add(\n        visualBuilderStyles()[\"visual-builder__hover-outline--hidden\"]\n    );\n}\n\nexport function hideCustomCursor(customCursor: HTMLDivElement | null): void {\n    showDefaultCursor();\n    customCursor?.classList.remove(\"visible\");\n}\n\nexport function showCustomCursor(customCursor: HTMLDivElement | null): void {\n    hideDefaultCursor();\n    if (\n        config.collab.enable &&\n        (!config.collab.isFeedbackMode || config.collab.pauseFeedback)\n    )\n        return;\n    customCursor?.classList.add(\"visible\");\n}\n\nconst debouncedRenderHoverToolbar = debounce(async (params: HandleBuilderInteractionParams) => {\n    const eventDetails = getCsDataOfElement(params.event);\n    if (\n        !eventDetails ||\n        !params.overlayWrapper ||\n        !params.visualBuilderContainer ||\n        !params.focusedToolbar\n    ) {\n        return;\n    }\n\n    appendFieldPathDropdown(eventDetails, params.focusedToolbar, {\n        isHover: true\n    });\n}, 50, { trailing: true });\n\nexport const showHoverToolbar = async (params: HandleBuilderInteractionParams) => await debouncedRenderHoverToolbar(params);\n\nfunction isOverlay(target: HTMLElement): boolean {\n    return target.classList.contains(\"visual-builder__overlay\");\n}\n\nfunction isContentEditable(target: HTMLElement): boolean {\n    if (target.hasAttribute(\"contenteditable\"))\n        return target.getAttribute(\"contenteditable\") === \"true\";\n    return false;\n}\n\nfunction isFieldPathDropdown(target: HTMLElement): boolean {\n    return target.classList.contains(\"visual-builder__focused-toolbar__field-label-wrapper\") || target.classList.contains(\"visual-builder__focused-toolbar__field-label-wrapper__current-field\");\n}\n\nconst throttledMouseHover = throttle(async (params: HandleMouseHoverParams) => {\n    const eventDetails = getCsDataOfElement(params.event);\n    const eventTarget = params.event.target as HTMLElement | null;\n\n    if (config?.collab.enable && config?.collab.pauseFeedback) {\n        hideCustomCursor(params.customCursor);\n        return;\n    }\n    if (!eventDetails) {\n        if (\n            eventTarget &&\n            (isOverlay(eventTarget) ||\n                isContentEditable(eventTarget) ||\n                isCollabThread(eventTarget))\n        ) {\n            handleCursorPosition(params.event, params.customCursor);\n            hideCustomCursor(params.customCursor);\n            return;\n        }\n        if(\n            eventTarget &&\n            isFieldPathDropdown(eventTarget)\n        ) {\n            params.customCursor && hideCustomCursor(params.customCursor);\n            showOutline();\n            showHoverToolbar({\n                event: params.event,\n                overlayWrapper: params.overlayWrapper,\n                visualBuilderContainer: params.visualBuilderContainer,\n                previousSelectedEditableDOM:\n                    VisualBuilder.VisualBuilderGlobalState.value\n                        .previousSelectedEditableDOM,\n                focusedToolbar: params.focusedToolbar,\n                resizeObserver: params.resizeObserver,\n            });\n        }\n        if (!config?.collab.enable) {\n            resetCustomCursor(params.customCursor);\n        }\n        removeAddInstanceButtons({\n            eventTarget: params.event.target,\n            visualBuilderContainer: params.visualBuilderContainer,\n            overlayWrapper: params.overlayWrapper,\n        });\n        handleCursorPosition(params.event, params.customCursor);\n        if (config?.collab.enable && config?.collab.isFeedbackMode) {\n            showCustomCursor(params.customCursor);\n            collabCustomCursor(params.customCursor);\n        }\n        return;\n    }\n\n    const { editableElement, fieldMetadata } = eventDetails;\n    const { content_type_uid, fieldPath } = fieldMetadata;\n\n    if (\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM &&\n        VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM.isSameNode(\n            editableElement\n        )\n    ) {\n        hideCustomCursor(params.customCursor);\n        return;\n    }\n\n    if (params.customCursor) {\n        const elementUnderCursor = document.elementFromPoint(\n            params.event.clientX,\n            params.event.clientY\n        );\n        if (elementUnderCursor) {\n            if (\n                elementUnderCursor.nodeName === \"A\" ||\n                elementUnderCursor.nodeName === \"BUTTON\"\n            ) {\n                elementUnderCursor.classList.add(\n                    visualBuilderStyles()[\"visual-builder__no-cursor-style\"]\n                );\n            }\n        }\n\n        if (config?.collab.enable && config?.collab.isFeedbackMode) {\n            collabCustomCursor(params.customCursor);\n            handleCursorPosition(params.event, params.customCursor);\n            showCustomCursor(params.customCursor);\n            return;\n        } else if (\n            config?.collab.enable &&\n            !config?.collab.isFeedbackMode\n        ) {\n            hideCustomCursor(params.customCursor);\n            return;\n        }\n\n        if (\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousHoveredTargetDOM !== editableElement\n        ) {\n            resetCustomCursor(params.customCursor);\n            removeAddInstanceButtons({\n                eventTarget: params.event.target,\n                visualBuilderContainer: params.visualBuilderContainer,\n                overlayWrapper: params.overlayWrapper,\n            });\n        }\n\n        if (!FieldSchemaMap.hasFieldSchema(content_type_uid, fieldPath)) {\n            generateCustomCursor({\n                fieldType: \"loading\",\n                customCursor: params.customCursor,\n            });\n        }\n\n        /**\n         * We called it seperately inside the code block to ensure that\n         * the code will not wait for the promise to resolve.\n         * If we get a cache miss, we will send a message to the iframe\n         * without blocking the code.\n         */\n        FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n            (fieldSchema) => {\n                if (!fieldSchema) return;\n\n                let entryAcl: EntryPermissions | undefined;\n                getEntryPermissionsCached({\n                    entryUid: fieldMetadata.entry_uid,\n                    contentTypeUid: fieldMetadata.content_type_uid,\n                    locale: fieldMetadata.locale,\n                })\n                    .then((data) => {\n                        entryAcl = data;\n                    })\n                    .catch((error) => {\n                        console.error(\n                            \"[Visual Builder] Error retrieving entry permissions:\",\n                            error\n                        );\n                    })\n                    .finally(() => {\n                        if (!params.customCursor) return;\n                        const { isDisabled: fieldDisabled } =\n                            isFieldDisabled(\n                                fieldSchema,\n                                eventDetails,\n                                entryAcl\n                            );\n                        const fieldType = getFieldType(fieldSchema);\n                        generateCustomCursor({\n                            fieldType,\n                            customCursor: params.customCursor,\n                            fieldDisabled,\n                        });\n                    });\n            }\n        );\n\n        handleCursorPosition(params.event, params.customCursor);\n        showCustomCursor(params.customCursor);\n    }\n\n    if (\n        !editableElement.classList.contains(VB_EmptyBlockParentClass) &&\n        !editableElement.classList.contains(\"visual-builder__empty-block\")\n    ) {\n        showOutline({\n            editableElement,\n            eventDetails,\n            content_type_uid,\n            fieldPath,\n            fieldMetadata,\n        });\n        const isFocussed= VisualBuilder.VisualBuilderGlobalState.value.isFocussed;\n        if(!isFocussed) {\n            showHoverToolbar({\n            event: params.event,\n            overlayWrapper: params.overlayWrapper,\n            visualBuilderContainer: params.visualBuilderContainer,\n            previousSelectedEditableDOM:\n                VisualBuilder.VisualBuilderGlobalState.value\n                    .previousSelectedEditableDOM,\n                focusedToolbar: params.focusedToolbar,\n                resizeObserver: params.resizeObserver,\n            });\n        }\n    }\n\n    if (\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousHoveredTargetDOM === editableElement\n    ) {\n        return;\n    }\n\n    VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM =\n        editableElement;\n}, 10);\n\nconst handleMouseHover = async (params: HandleMouseHoverParams): Promise<void> => await throttledMouseHover(params);\n\nexport default handleMouseHover;\n"],"mappings":"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","names":["fieldDisabled"]}

package/dist/legacy/visualBuilder/utils/getPsuedoEditableEssentialStyles.cjs

@@ -0,0 +1,58 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/utils/getPsuedoEditableEssentialStyles.ts
+var getPsuedoEditableEssentialStyles_exports = {};
+__export(getPsuedoEditableEssentialStyles_exports, {
+  getPsuedoEditableEssentialStyles: () => getPsuedoEditableEssentialStyles
+});
+module.exports = __toCommonJS(getPsuedoEditableEssentialStyles_exports);
+var import_getCamelCaseStyles = __toESM(require("./getCamelCaseStyles.cjs"), 1);
+function getPsuedoEditableEssentialStyles({
+  rect,
+  camelCase
+}) {
+  const overrides = {
+    position: "absolute",
+    top: `${rect.top + window.scrollY}px`,
+    left: `${rect.left + window.scrollX}px`,
+    height: "auto",
+    "min-height": `${Math.abs(rect.height)}px`,
+    "white-space": "normal",
+    "text-transform": "none",
+    "text-wrap-mode": "wrap",
+    "text-overflow": "visible"
+  };
+  return camelCase ? (0, import_getCamelCaseStyles.default)(overrides) : overrides;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getPsuedoEditableEssentialStyles
+});
+//# sourceMappingURL=getPsuedoEditableEssentialStyles.cjs.map

package/dist/legacy/visualBuilder/utils/getPsuedoEditableEssentialStyles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/getPsuedoEditableEssentialStyles.ts"],"sourcesContent":["import getCamelCaseStyles from \"./getCamelCaseStyles\";\n\nexport function getPsuedoEditableEssentialStyles({\n    rect,\n    camelCase,\n}: {\n    rect: DOMRect;\n    camelCase: boolean | undefined;\n}) {\n    const overrides = {\n        position: \"absolute\",\n        top: `${rect.top + window.scrollY}px`,\n        left: `${rect.left + window.scrollX}px`,\n        height: \"auto\",\n        \"min-height\": `${Math.abs(rect.height)}px`,\n        \"white-space\": \"normal\",\n        \"text-transform\": \"none\",\n        \"text-wrap-mode\": \"wrap\",\n        \"text-overflow\": \"visible\",\n    };\n    return camelCase ? getCamelCaseStyles(overrides) : overrides;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAA+B;AAExB,SAAS,iCAAiC;AAAA,EAC7C;AAAA,EACA;AACJ,GAGG;AACC,QAAM,YAAY;AAAA,IACd,UAAU;AAAA,IACV,KAAK,GAAG,KAAK,MAAM,OAAO,OAAO;AAAA,IACjC,MAAM,GAAG,KAAK,OAAO,OAAO,OAAO;AAAA,IACnC,QAAQ;AAAA,IACR,cAAc,GAAG,KAAK,IAAI,KAAK,MAAM,CAAC;AAAA,IACtC,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,EACrB;AACA,SAAO,gBAAY,0BAAAA,SAAmB,SAAS,IAAI;AACvD;","names":["getCamelCaseStyles"]}

package/dist/legacy/visualBuilder/utils/getPsuedoEditableEssentialStyles.d.cts

@@ -0,0 +1,18 @@
+declare function getPsuedoEditableEssentialStyles({ rect, camelCase, }: {
+    rect: DOMRect;
+    camelCase: boolean | undefined;
+}): {
+    [key: string]: string;
+} | {
+    position: string;
+    top: string;
+    left: string;
+    height: string;
+    "min-height": string;
+    "white-space": string;
+    "text-transform": string;
+    "text-wrap-mode": string;
+    "text-overflow": string;
+};
+
+export { getPsuedoEditableEssentialStyles };

package/dist/legacy/visualBuilder/utils/getPsuedoEditableEssentialStyles.d.ts

@@ -0,0 +1,18 @@
+declare function getPsuedoEditableEssentialStyles({ rect, camelCase, }: {
+    rect: DOMRect;
+    camelCase: boolean | undefined;
+}): {
+    [key: string]: string;
+} | {
+    position: string;
+    top: string;
+    left: string;
+    height: string;
+    "min-height": string;
+    "white-space": string;
+    "text-transform": string;
+    "text-wrap-mode": string;
+    "text-overflow": string;
+};
+
+export { getPsuedoEditableEssentialStyles };

package/dist/legacy/visualBuilder/utils/getPsuedoEditableEssentialStyles.js

@@ -0,0 +1,25 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/utils/getPsuedoEditableEssentialStyles.ts
+import getCamelCaseStyles from "./getCamelCaseStyles.js";
+function getPsuedoEditableEssentialStyles({
+  rect,
+  camelCase
+}) {
+  const overrides = {
+    position: "absolute",
+    top: `${rect.top + window.scrollY}px`,
+    left: `${rect.left + window.scrollX}px`,
+    height: "auto",
+    "min-height": `${Math.abs(rect.height)}px`,
+    "white-space": "normal",
+    "text-transform": "none",
+    "text-wrap-mode": "wrap",
+    "text-overflow": "visible"
+  };
+  return camelCase ? getCamelCaseStyles(overrides) : overrides;
+}
+export {
+  getPsuedoEditableEssentialStyles
+};
+//# sourceMappingURL=getPsuedoEditableEssentialStyles.js.map

package/dist/legacy/visualBuilder/utils/getPsuedoEditableEssentialStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/getPsuedoEditableEssentialStyles.ts"],"sourcesContent":["import getCamelCaseStyles from \"./getCamelCaseStyles\";\n\nexport function getPsuedoEditableEssentialStyles({\n    rect,\n    camelCase,\n}: {\n    rect: DOMRect;\n    camelCase: boolean | undefined;\n}) {\n    const overrides = {\n        position: \"absolute\",\n        top: `${rect.top + window.scrollY}px`,\n        left: `${rect.left + window.scrollX}px`,\n        height: \"auto\",\n        \"min-height\": `${Math.abs(rect.height)}px`,\n        \"white-space\": \"normal\",\n        \"text-transform\": \"none\",\n        \"text-wrap-mode\": \"wrap\",\n        \"text-overflow\": \"visible\",\n    };\n    return camelCase ? getCamelCaseStyles(overrides) : overrides;\n}\n"],"mappings":";;;AAAA,OAAO,wBAAwB;AAExB,SAAS,iCAAiC;AAAA,EAC7C;AAAA,EACA;AACJ,GAGG;AACC,QAAM,YAAY;AAAA,IACd,UAAU;AAAA,IACV,KAAK,GAAG,KAAK,MAAM,OAAO,OAAO;AAAA,IACjC,MAAM,GAAG,KAAK,OAAO,OAAO,OAAO;AAAA,IACnC,QAAQ;AAAA,IACR,cAAc,GAAG,KAAK,IAAI,KAAK,MAAM,CAAC;AAAA,IACtC,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,EACrB;AACA,SAAO,YAAY,mBAAmB,SAAS,IAAI;AACvD;","names":[]}

package/dist/legacy/visualBuilder/utils/getPsuedoEditableStylesElement.cjs

@@ -34,20 +34,16 @@ __export(getPsuedoEditableStylesElement_exports, {
 });
 module.exports = __toCommonJS(getPsuedoEditableStylesElement_exports);
 var import_getCamelCaseStyles = __toESM(require("./getCamelCaseStyles.cjs"), 1);
+var import_getPsuedoEditableEssentialStyles = require("./getPsuedoEditableEssentialStyles.cjs");
 var import_getStyleOfAnElement = __toESM(require("./getStyleOfAnElement.cjs"), 1);
 function getPsuedoEditableElementStyles(psuedoEditableElement, camelCase) {
   let styles = (0, import_getStyleOfAnElement.default)(psuedoEditableElement);
+  const rect = psuedoEditableElement.getBoundingClientRect();
   if (camelCase) {
     styles = (0, import_getCamelCaseStyles.default)(styles);
   }
-  const rect = psuedoEditableElement.getBoundingClientRect();
-  styles.position = "absolute";
-  styles.top = `${rect.top + window.scrollY}px`;
-  styles.left = `${rect.left + window.scrollX}px`;
-  styles.height = "auto";
-  styles.whiteSpace = "pre-line";
-  styles.textTransform = "none";
-  return styles;
+  const overrides = (0, import_getPsuedoEditableEssentialStyles.getPsuedoEditableEssentialStyles)({ rect, camelCase });
+  return { ...styles, ...overrides };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/legacy/visualBuilder/utils/getPsuedoEditableStylesElement.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/getPsuedoEditableStylesElement.ts"],"sourcesContent":["import getCamelCaseStyles from \"./getCamelCaseStyles\";\nimport getStyleOfAnElement from \"./getStyleOfAnElement\";\n\nexport function getPsuedoEditableElementStyles(\n    psuedoEditableElement: HTMLElement,\n    camelCase?: boolean\n): { [key: string]: string } {\n    let styles = getStyleOfAnElement(psuedoEditableElement);\n    if (camelCase) {\n        styles = getCamelCaseStyles(styles);\n    }\n    // Get the offsetTop and offsetLeft of the editable element and set the position of the pseudo editable element\n    // The pseudo editable element is positioned absolutely at the same location as the editable element\n    const rect = psuedoEditableElement.getBoundingClientRect();\n\n    styles.position = \"absolute\";\n    styles.top = `${rect.top + window.scrollY}px`;\n    styles.left = `${rect.left + window.scrollX}px`;\n    // setting height to auto so that the element can grow based on the content\n    // and the resize observer can detect the change in height\n    styles.height = \"auto\";\n    styles.whiteSpace = \"pre-line\";\n    styles.textTransform = \"none\";\n\n    return styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAA+B;AAC/B,iCAAgC;AAEzB,SAAS,+BACZ,uBACA,WACyB;AACzB,MAAI,aAAS,2BAAAA,SAAoB,qBAAqB;AACtD,MAAI,WAAW;AACX,iBAAS,0BAAAC,SAAmB,MAAM;AAAA,EACtC;AAGA,QAAM,OAAO,sBAAsB,sBAAsB;AAEzD,SAAO,WAAW;AAClB,SAAO,MAAM,GAAG,KAAK,MAAM,OAAO,OAAO;AACzC,SAAO,OAAO,GAAG,KAAK,OAAO,OAAO,OAAO;AAG3C,SAAO,SAAS;AAChB,SAAO,aAAa;AACpB,SAAO,gBAAgB;AAEvB,SAAO;AACX;","names":["getStyleOfAnElement","getCamelCaseStyles"]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/getPsuedoEditableStylesElement.ts"],"sourcesContent":["import getCamelCaseStyles from \"./getCamelCaseStyles\";\nimport { getPsuedoEditableEssentialStyles } from \"./getPsuedoEditableEssentialStyles\";\nimport getStyleOfAnElement from \"./getStyleOfAnElement\";\n\nexport function getPsuedoEditableElementStyles(\n    psuedoEditableElement: HTMLElement,\n    camelCase?: boolean\n): { [key: string]: string } {\n    let styles = getStyleOfAnElement(psuedoEditableElement);\n    // Get the offsetTop and offsetLeft of the editable element and set the position of the pseudo editable element\n    // The pseudo editable element is positioned absolutely at the same location as the editable element\n    const rect = psuedoEditableElement.getBoundingClientRect();\n\n    if (camelCase) {\n        styles = getCamelCaseStyles(styles);\n    }\n    const overrides = getPsuedoEditableEssentialStyles({ rect, camelCase });\n    return { ...styles, ...overrides };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAA+B;AAC/B,8CAAiD;AACjD,iCAAgC;AAEzB,SAAS,+BACZ,uBACA,WACyB;AACzB,MAAI,aAAS,2BAAAA,SAAoB,qBAAqB;AAGtD,QAAM,OAAO,sBAAsB,sBAAsB;AAEzD,MAAI,WAAW;AACX,iBAAS,0BAAAC,SAAmB,MAAM;AAAA,EACtC;AACA,QAAM,gBAAY,0EAAiC,EAAE,MAAM,UAAU,CAAC;AACtE,SAAO,EAAE,GAAG,QAAQ,GAAG,UAAU;AACrC;","names":["getStyleOfAnElement","getCamelCaseStyles"]}