@contentstack/live-preview-utils 2.0.3 → 3.0.0

package/dist/modern/visualBuilder/listeners/mouseClick.js

@@ -0,0 +1,111 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/listeners/mouseClick.ts
+import {
+  cleanIndividualFieldResidual,
+  handleIndividualFields
+} from "../utils/handleIndividualFields.js";
+import {
+  getCsDataOfElement,
+  getDOMEditStack
+} from "../utils/getCsDataOfElement.js";
+import { appendFocusedToolbar } from "../generators/generateToolbar.js";
+import { addFocusOverlay } from "../generators/generateOverlay.js";
+import visualBuilderPostMessage from "../utils/visualBuilderPostMessage.js";
+import { VisualBuilderPostMessageEvents } from "../utils/types/postMessage.types.js";
+import { VisualBuilder } from "../index.js";
+import { FieldSchemaMap } from "../utils/fieldSchemaMap.js";
+import { isFieldDisabled } from "../utils/isFieldDisabled.js";
+import { toggleHighlightedCommentIconDisplay } from "../generators/generateHighlightedComment.js";
+function addOverlay(params) {
+  if (!params.overlayWrapper || !params.editableElement) return;
+  addFocusOverlay(
+    params.editableElement,
+    params.overlayWrapper,
+    params.isFieldDisabled
+  );
+  params.resizeObserver.observe(params.editableElement);
+}
+function addFocusedToolbar(params) {
+  const { editableElement } = params.eventDetails;
+  if (!editableElement || !params.focusedToolbar) return;
+  appendFocusedToolbar(params.eventDetails, params.focusedToolbar);
+}
+async function handleBuilderInteraction(params) {
+  const eventTarget = params.event.target;
+  const isAnchorElement = eventTarget instanceof HTMLAnchorElement;
+  const elementHasCslp = eventTarget && (eventTarget.hasAttribute("data-cslp") || eventTarget.closest("[data-cslp]"));
+  if (isAnchorElement || elementHasCslp && !eventTarget.closest(".visual-builder__empty-block")) {
+    params.event.preventDefault();
+    params.event.stopPropagation();
+  }
+  const eventDetails = getCsDataOfElement(params.event);
+  visualBuilderPostMessage?.send(VisualBuilderPostMessageEvents.MOUSE_CLICK, {
+    cslpData: eventDetails?.cslpData,
+    fieldMetadata: eventDetails?.fieldMetadata
+  }).catch((err) => {
+    console.warn("Error while sending post message", err);
+  });
+  if (!eventDetails || !params.overlayWrapper || !params.visualBuilderContainer) {
+    return;
+  }
+  const { editableElement, fieldMetadata } = eventDetails;
+  if (VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM && VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM !== editableElement) {
+    cleanIndividualFieldResidual({
+      overlayWrapper: params.overlayWrapper,
+      visualBuilderContainer: params.visualBuilderContainer,
+      focusedToolbar: params.focusedToolbar,
+      resizeObserver: params.resizeObserver
+    });
+  }
+  if (editableElement.classList.contains(
+    "visual-builder__empty-block-parent"
+  ) || editableElement.classList.contains("visual-builder__empty-block")) {
+    return;
+  }
+  const previousSelectedElement = VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM;
+  if (previousSelectedElement && previousSelectedElement === editableElement) {
+    return;
+  }
+  VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM = editableElement;
+  addOverlay({
+    overlayWrapper: params.overlayWrapper,
+    resizeObserver: params.resizeObserver,
+    editableElement
+  });
+  addFocusedToolbar({
+    eventDetails,
+    focusedToolbar: params.focusedToolbar
+  });
+  const { content_type_uid, fieldPath, cslpValue } = fieldMetadata;
+  toggleHighlightedCommentIconDisplay(cslpValue, false);
+  const fieldSchema = await FieldSchemaMap.getFieldSchema(
+    content_type_uid,
+    fieldPath
+  );
+  if (fieldSchema) {
+    const { isDisabled } = isFieldDisabled(fieldSchema, eventDetails);
+    if (isDisabled) {
+      addOverlay({
+        overlayWrapper: params.overlayWrapper,
+        resizeObserver: params.resizeObserver,
+        editableElement,
+        isFieldDisabled: true
+      });
+    }
+  }
+  visualBuilderPostMessage?.send(VisualBuilderPostMessageEvents.FOCUS_FIELD, {
+    DOMEditStack: getDOMEditStack(editableElement)
+  });
+  await handleIndividualFields(eventDetails, {
+    visualBuilderContainer: params.visualBuilderContainer,
+    resizeObserver: params.resizeObserver,
+    lastEditedField: previousSelectedElement
+  });
+}
+var mouseClick_default = handleBuilderInteraction;
+export {
+  addFocusedToolbar,
+  mouseClick_default as default
+};
+//# sourceMappingURL=mouseClick.js.map

package/dist/modern/visualBuilder/listeners/mouseClick.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/listeners/mouseClick.ts"],"sourcesContent":["import {\n    cleanIndividualFieldResidual,\n    handleIndividualFields,\n} from \"../utils/handleIndividualFields\";\n\nimport {\n    getCsDataOfElement,\n    getDOMEditStack,\n} from \"../utils/getCsDataOfElement\";\n\nimport { appendFocusedToolbar } from \"../generators/generateToolbar\";\n\nimport { addFocusOverlay, hideOverlay } from \"../generators/generateOverlay\";\n\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\n\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\nimport { VisualBuilder } from \"..\";\nimport { FieldSchemaMap } from \"../utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"../utils/isFieldDisabled\";\nimport EventListenerHandlerParams from \"./types\";\nimport { toggleHighlightedCommentIconDisplay } from \"../generators/generateHighlightedComment\";\n\ntype HandleBuilderInteractionParams = Omit<\n    EventListenerHandlerParams,\n    \"eventDetails\" | \"customCursor\"\n>;\n\ntype AddFocusOverlayParams = Pick<\n    EventListenerHandlerParams,\n    \"overlayWrapper\" | \"resizeObserver\"\n> & { editableElement: Element; isFieldDisabled?: boolean };\n\ntype AddFocusedToolbarParams = Pick<\n    EventListenerHandlerParams,\n    \"eventDetails\" | \"focusedToolbar\"\n>;\n\nfunction addOverlay(params: AddFocusOverlayParams) {\n    if (!params.overlayWrapper || !params.editableElement) return;\n\n    addFocusOverlay(\n        params.editableElement,\n        params.overlayWrapper,\n        params.isFieldDisabled\n    );\n    params.resizeObserver.observe(params.editableElement);\n}\n\nexport function addFocusedToolbar(params: AddFocusedToolbarParams): void {\n    const { editableElement } = params.eventDetails;\n\n    if (!editableElement || !params.focusedToolbar) return;\n\n    appendFocusedToolbar(params.eventDetails, params.focusedToolbar);\n}\n\nasync function handleBuilderInteraction(\n    params: HandleBuilderInteractionParams\n): Promise<void> {\n    const eventTarget = params.event.target as HTMLElement | null;\n    const isAnchorElement = eventTarget instanceof HTMLAnchorElement;\n    const elementHasCslp =\n        eventTarget &&\n        (eventTarget.hasAttribute(\"data-cslp\") ||\n            eventTarget.closest(\"[data-cslp]\"));\n\n    // prevent default behavior for anchor elements and elements with cslp attribute\n    if (\n        isAnchorElement ||\n        (elementHasCslp && !eventTarget.closest(\".visual-builder__empty-block\"))\n    ) {\n        params.event.preventDefault();\n        params.event.stopPropagation();\n    }\n\n    const eventDetails = getCsDataOfElement(params.event);\n    visualBuilderPostMessage\n        ?.send(VisualBuilderPostMessageEvents.MOUSE_CLICK, {\n            cslpData: eventDetails?.cslpData,\n            fieldMetadata: eventDetails?.fieldMetadata,\n        })\n        .catch((err) => {\n            console.warn(\"Error while sending post message\", err);\n        });\n    if (\n        !eventDetails ||\n        !params.overlayWrapper ||\n        !params.visualBuilderContainer\n    ) {\n        return;\n    }\n    const { editableElement, fieldMetadata } = eventDetails;\n\n    if (\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM &&\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM !== editableElement\n    ) {\n        cleanIndividualFieldResidual({\n            overlayWrapper: params.overlayWrapper,\n            visualBuilderContainer: params.visualBuilderContainer,\n            focusedToolbar: params.focusedToolbar,\n            resizeObserver: params.resizeObserver,\n        });\n    }\n\n    // if the selected element is our empty block element, return\n    if (\n        editableElement.classList.contains(\n            \"visual-builder__empty-block-parent\"\n        ) ||\n        editableElement.classList.contains(\"visual-builder__empty-block\")\n    ) {\n        return;\n    }\n\n    // when previous and current selected element is same, return.\n    // this also avoids inserting psuedo-editable field (field data is\n    // not equal to text content in DOM) when performing mouse\n    // selections in the content editable\n    const previousSelectedElement =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (\n        previousSelectedElement &&\n        previousSelectedElement === editableElement\n    ) {\n        return;\n    }\n\n    VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n        editableElement;\n\n    addOverlay({\n        overlayWrapper: params.overlayWrapper,\n        resizeObserver: params.resizeObserver,\n        editableElement: editableElement,\n    });\n\n    addFocusedToolbar({\n        eventDetails: eventDetails,\n        focusedToolbar: params.focusedToolbar,\n    });\n\n    const { content_type_uid, fieldPath, cslpValue } = fieldMetadata;\n\n    toggleHighlightedCommentIconDisplay(cslpValue, false);\n\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        content_type_uid,\n        fieldPath\n    );\n\n    if (fieldSchema) {\n        // after field schema is available re-add disabled overlay\n        const { isDisabled } = isFieldDisabled(fieldSchema, eventDetails);\n        if (isDisabled) {\n            addOverlay({\n                overlayWrapper: params.overlayWrapper,\n                resizeObserver: params.resizeObserver,\n                editableElement: editableElement,\n                isFieldDisabled: true,\n            });\n        }\n    }\n\n    // This is most probably redundant code, as the handleIndividualFields function\n    // takes care of this\n    // TODO: Remove this\n    // if (\n    //     fieldSchema.data_type === \"block\" ||\n    //     fieldSchema.multiple ||\n    //     (fieldSchema.data_type === \"reference\" &&\n    //         // @ts-ignore\n    //         fieldSchema.field_metadata.ref_multiple)\n    // ) {\n    //     handleAddButtonsForMultiple(eventDetails, {\n    //         editableElement: editableElement,\n    //         visualBuilderContainer: params.visualBuilderContainer,\n    //         resizeObserver: params.resizeObserver,\n    //     });\n    // } else {\n    //     removeAddInstanceButtons({\n    //         eventTarget: params.event.target,\n    //         visualBuilderContainer: params.visualBuilderContainer,\n    //         overlayWrapper: params.overlayWrapper,\n    //     });\n    // }\n    visualBuilderPostMessage?.send(VisualBuilderPostMessageEvents.FOCUS_FIELD, {\n        DOMEditStack: getDOMEditStack(editableElement),\n    });\n\n    await handleIndividualFields(eventDetails, {\n        visualBuilderContainer: params.visualBuilderContainer,\n        resizeObserver: params.resizeObserver,\n        lastEditedField: previousSelectedElement,\n    });\n}\n\nexport default handleBuilderInteraction;\n"],"mappings":"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","names":[]}

package/dist/modern/visualBuilder/listeners/mouseHover.cjs

@@ -0,0 +1,198 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/listeners/mouseHover.ts
+var mouseHover_exports = {};
+__export(mouseHover_exports, {
+  default: () => mouseHover_default,
+  hideCustomCursor: () => hideCustomCursor,
+  hideHoverOutline: () => hideHoverOutline,
+  showCustomCursor: () => showCustomCursor
+});
+module.exports = __toCommonJS(mouseHover_exports);
+var import_lodash_es = require("lodash-es");
+var import_getCsDataOfElement = require("../utils/getCsDataOfElement.cjs");
+var import_multipleElementAddButton = require("../utils/multipleElementAddButton.cjs");
+var import_generateCustomCursor = require("../generators/generateCustomCursor.cjs");
+var import_fieldSchemaMap = require("../utils/fieldSchemaMap.cjs");
+var import_isFieldDisabled = require("../utils/isFieldDisabled.cjs");
+var import_getFieldType = require("../utils/getFieldType.cjs");
+var import__ = require("../index.cjs");
+var import_generateHoverOutline = require("../generators/generateHoverOutline.cjs");
+var import_visualBuilder = require("../visualBuilder.style.cjs");
+function resetCustomCursor(customCursor) {
+  if (customCursor) {
+    (0, import_generateCustomCursor.generateCustomCursor)({
+      fieldType: "empty",
+      customCursor
+    });
+  }
+}
+function handleCursorPosition(event, customCursor) {
+  if (customCursor) {
+    const mouseY = event.clientY;
+    const mouseX = event.clientX;
+    customCursor.style.left = `${mouseX}px`;
+    customCursor.style.top = `${mouseY}px`;
+  }
+}
+function addOutline(editableElement, isFieldDisabled2) {
+  if (!editableElement) return;
+  (0, import_generateHoverOutline.addHoverOutline)(editableElement, isFieldDisabled2);
+}
+function hideDefaultCursor() {
+  if (document?.body && !document.body.classList.contains(
+    (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__default-cursor--disabled"]
+  ))
+    document.body.classList.add(
+      (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__default-cursor--disabled"]
+    );
+}
+function showDefaultCursor() {
+  if (document?.body && document.body.classList.contains(
+    (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__default-cursor--disabled"]
+  ))
+    document.body.classList.remove(
+      (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__default-cursor--disabled"]
+    );
+}
+function hideHoverOutline(visualBuilderContainer) {
+  if (!visualBuilderContainer) {
+    return;
+  }
+  const hoverOutline = visualBuilderContainer.querySelector(
+    ".visual-builder__hover-outline"
+  );
+  if (!hoverOutline) {
+    return;
+  }
+  hoverOutline.classList.add(
+    (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__hover-outline--hidden"]
+  );
+}
+function hideCustomCursor(customCursor) {
+  showDefaultCursor();
+  customCursor?.classList.remove("visible");
+}
+function showCustomCursor(customCursor) {
+  hideDefaultCursor();
+  customCursor?.classList.add("visible");
+}
+function isOverlay(target) {
+  return target.classList.contains("visual-builder__overlay");
+}
+function isContentEditable(target) {
+  if (target.hasAttribute("contenteditable"))
+    return target.getAttribute("contenteditable") === "true";
+  return false;
+}
+async function handleMouseHover(params) {
+  (0, import_lodash_es.throttle)(async (params2) => {
+    const eventDetails = (0, import_getCsDataOfElement.getCsDataOfElement)(params2.event);
+    const eventTarget = params2.event.target;
+    if (!eventDetails) {
+      if (eventTarget && (isOverlay(eventTarget) || isContentEditable(eventTarget))) {
+        hideCustomCursor(params2.customCursor);
+        return;
+      }
+      resetCustomCursor(params2.customCursor);
+      (0, import_multipleElementAddButton.removeAddInstanceButtons)({
+        eventTarget: params2.event.target,
+        visualBuilderContainer: params2.visualBuilderContainer,
+        overlayWrapper: params2.overlayWrapper
+      });
+      handleCursorPosition(params2.event, params2.customCursor);
+      return;
+    }
+    const { editableElement, fieldMetadata } = eventDetails;
+    const { content_type_uid, fieldPath } = fieldMetadata;
+    if (import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM && import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM.isSameNode(
+      editableElement
+    )) {
+      hideCustomCursor(params2.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(
+            (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__no-cursor-style"]
+          );
+        }
+      }
+      if (import__.VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM !== editableElement) {
+        resetCustomCursor(params2.customCursor);
+        (0, import_multipleElementAddButton.removeAddInstanceButtons)({
+          eventTarget: params2.event.target,
+          visualBuilderContainer: params2.visualBuilderContainer,
+          overlayWrapper: params2.overlayWrapper
+        });
+      }
+      if (!import_fieldSchemaMap.FieldSchemaMap.hasFieldSchema(content_type_uid, fieldPath)) {
+        (0, import_generateCustomCursor.generateCustomCursor)({
+          fieldType: "loading",
+          customCursor: params2.customCursor
+        });
+      }
+      import_fieldSchemaMap.FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(
+        (fieldSchema) => {
+          if (!fieldSchema) return;
+          if (!params2.customCursor) return;
+          const { isDisabled: fieldDisabled } = (0, import_isFieldDisabled.isFieldDisabled)(
+            fieldSchema,
+            eventDetails
+          );
+          const fieldType = (0, import_getFieldType.getFieldType)(fieldSchema);
+          (0, import_generateCustomCursor.generateCustomCursor)({
+            fieldType,
+            customCursor: params2.customCursor,
+            fieldDisabled
+          });
+        }
+      );
+      handleCursorPosition(params2.event, params2.customCursor);
+      showCustomCursor(params2.customCursor);
+    }
+    if (!editableElement.classList.contains(
+      "visual-builder__empty-block-parent"
+    ) && !editableElement.classList.contains("visual-builder__empty-block")) {
+      addOutline(editableElement);
+      import_fieldSchemaMap.FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(
+        (fieldSchema) => {
+          if (!fieldSchema) return;
+          const { isDisabled: fieldDisabled, reason } = (0, import_isFieldDisabled.isFieldDisabled)(fieldSchema, eventDetails);
+          addOutline(editableElement, fieldDisabled);
+        }
+      );
+    }
+    if (import__.VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM === editableElement) {
+      return;
+    }
+    import__.VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM = editableElement;
+  }, 10)(params);
+}
+var mouseHover_default = handleMouseHover;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  hideCustomCursor,
+  hideHoverOutline,
+  showCustomCursor
+});
+//# sourceMappingURL=mouseHover.cjs.map

package/dist/modern/visualBuilder/listeners/mouseHover.cjs.map

@@ -0,0 +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\";\n\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 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    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        if (!eventDetails) {\n            if (\n                eventTarget &&\n                (isOverlay(eventTarget) || isContentEditable(eventTarget))\n            ) {\n                hideCustomCursor(params.customCursor);\n                return;\n            }\n            resetCustomCursor(params.customCursor);\n            removeAddInstanceButtons({\n                eventTarget: params.event.target,\n                visualBuilderContainer: params.visualBuilderContainer,\n                overlayWrapper: params.overlayWrapper,\n            });\n            handleCursorPosition(params.event, params.customCursor);\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(params.event.clientX, params.event.clientY);\n            if(elementUnderCursor){\n              if(elementUnderCursor.nodeName === \"A\" || elementUnderCursor.nodeName === \"BUTTON\"){\n                elementUnderCursor.classList.add(\n                  visualBuilderStyles()['visual-builder__no-cursor-style']\n                )\n              }\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                    if (!params.customCursor) return;\n                    const { isDisabled: fieldDisabled } = isFieldDisabled(\n                        fieldSchema,\n                        eventDetails\n                    );\n                    const fieldType = getFieldType(fieldSchema);\n                    generateCustomCursor({\n                        fieldType,\n                        customCursor: params.customCursor,\n                        fieldDisabled,\n                    });\n                }\n            );\n\n            handleCursorPosition(params.event, params.customCursor);\n            showCustomCursor(params.customCursor);\n        }\n\n        if (\n            !editableElement.classList.contains(\n                \"visual-builder__empty-block-parent\"\n            ) &&\n            !editableElement.classList.contains(\"visual-builder__empty-block\")\n        ) {\n            addOutline(editableElement);\n            FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n                (fieldSchema) => {\n                    if(!fieldSchema) return;\n                    const { isDisabled: fieldDisabled, reason } =\n                        isFieldDisabled(fieldSchema, eventDetails);\n                    addOutline(editableElement, fieldDisabled);\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"]}

package/dist/modern/visualBuilder/listeners/mouseHover.d.cts

@@ -0,0 +1,13 @@
+import EventListenerHandlerParams from './types.cjs';
+import '../types/visualBuilder.types.cjs';
+import '../../cslp/types/cslp.types.cjs';
+
+interface HandleMouseHoverParams extends Pick<EventListenerHandlerParams, "event" | "overlayWrapper" | "visualBuilderContainer"> {
+    customCursor: HTMLDivElement | null;
+}
+declare function hideHoverOutline(visualBuilderContainer: HTMLDivElement | null): void;
+declare function hideCustomCursor(customCursor: HTMLDivElement | null): void;
+declare function showCustomCursor(customCursor: HTMLDivElement | null): void;
+declare function handleMouseHover(params: HandleMouseHoverParams): Promise<void>;
+
+export { type HandleMouseHoverParams, handleMouseHover as default, hideCustomCursor, hideHoverOutline, showCustomCursor };

package/dist/modern/visualBuilder/listeners/mouseHover.d.ts

@@ -0,0 +1,13 @@
+import EventListenerHandlerParams from './types.js';
+import '../types/visualBuilder.types.js';
+import '../../cslp/types/cslp.types.js';
+
+interface HandleMouseHoverParams extends Pick<EventListenerHandlerParams, "event" | "overlayWrapper" | "visualBuilderContainer"> {
+    customCursor: HTMLDivElement | null;
+}
+declare function hideHoverOutline(visualBuilderContainer: HTMLDivElement | null): void;
+declare function hideCustomCursor(customCursor: HTMLDivElement | null): void;
+declare function showCustomCursor(customCursor: HTMLDivElement | null): void;
+declare function handleMouseHover(params: HandleMouseHoverParams): Promise<void>;
+
+export { type HandleMouseHoverParams, handleMouseHover as default, hideCustomCursor, hideHoverOutline, showCustomCursor };

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

@@ -0,0 +1,173 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/listeners/mouseHover.ts
+import { throttle } from "lodash-es";
+import { getCsDataOfElement } from "../utils/getCsDataOfElement.js";
+import { removeAddInstanceButtons } from "../utils/multipleElementAddButton.js";
+import { generateCustomCursor } from "../generators/generateCustomCursor.js";
+import { FieldSchemaMap } from "../utils/fieldSchemaMap.js";
+import { isFieldDisabled } from "../utils/isFieldDisabled.js";
+import { getFieldType } from "../utils/getFieldType.js";
+import { VisualBuilder } from "../index.js";
+import { addHoverOutline } from "../generators/generateHoverOutline.js";
+import { visualBuilderStyles } from "../visualBuilder.style.js";
+function resetCustomCursor(customCursor) {
+  if (customCursor) {
+    generateCustomCursor({
+      fieldType: "empty",
+      customCursor
+    });
+  }
+}
+function handleCursorPosition(event, customCursor) {
+  if (customCursor) {
+    const mouseY = event.clientY;
+    const mouseX = event.clientX;
+    customCursor.style.left = `${mouseX}px`;
+    customCursor.style.top = `${mouseY}px`;
+  }
+}
+function addOutline(editableElement, isFieldDisabled2) {
+  if (!editableElement) return;
+  addHoverOutline(editableElement, isFieldDisabled2);
+}
+function hideDefaultCursor() {
+  if (document?.body && !document.body.classList.contains(
+    visualBuilderStyles()["visual-builder__default-cursor--disabled"]
+  ))
+    document.body.classList.add(
+      visualBuilderStyles()["visual-builder__default-cursor--disabled"]
+    );
+}
+function showDefaultCursor() {
+  if (document?.body && document.body.classList.contains(
+    visualBuilderStyles()["visual-builder__default-cursor--disabled"]
+  ))
+    document.body.classList.remove(
+      visualBuilderStyles()["visual-builder__default-cursor--disabled"]
+    );
+}
+function hideHoverOutline(visualBuilderContainer) {
+  if (!visualBuilderContainer) {
+    return;
+  }
+  const hoverOutline = visualBuilderContainer.querySelector(
+    ".visual-builder__hover-outline"
+  );
+  if (!hoverOutline) {
+    return;
+  }
+  hoverOutline.classList.add(
+    visualBuilderStyles()["visual-builder__hover-outline--hidden"]
+  );
+}
+function hideCustomCursor(customCursor) {
+  showDefaultCursor();
+  customCursor?.classList.remove("visible");
+}
+function showCustomCursor(customCursor) {
+  hideDefaultCursor();
+  customCursor?.classList.add("visible");
+}
+function isOverlay(target) {
+  return target.classList.contains("visual-builder__overlay");
+}
+function isContentEditable(target) {
+  if (target.hasAttribute("contenteditable"))
+    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 (!eventDetails) {
+      if (eventTarget && (isOverlay(eventTarget) || isContentEditable(eventTarget))) {
+        hideCustomCursor(params2.customCursor);
+        return;
+      }
+      resetCustomCursor(params2.customCursor);
+      removeAddInstanceButtons({
+        eventTarget: params2.event.target,
+        visualBuilderContainer: params2.visualBuilderContainer,
+        overlayWrapper: params2.overlayWrapper
+      });
+      handleCursorPosition(params2.event, params2.customCursor);
+      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);
+      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(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
+        });
+      }
+      FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(
+        (fieldSchema) => {
+          if (!fieldSchema) return;
+          if (!params2.customCursor) return;
+          const { isDisabled: fieldDisabled } = isFieldDisabled(
+            fieldSchema,
+            eventDetails
+          );
+          const fieldType = getFieldType(fieldSchema);
+          generateCustomCursor({
+            fieldType,
+            customCursor: params2.customCursor,
+            fieldDisabled
+          });
+        }
+      );
+      handleCursorPosition(params2.event, params2.customCursor);
+      showCustomCursor(params2.customCursor);
+    }
+    if (!editableElement.classList.contains(
+      "visual-builder__empty-block-parent"
+    ) && !editableElement.classList.contains("visual-builder__empty-block")) {
+      addOutline(editableElement);
+      FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(
+        (fieldSchema) => {
+          if (!fieldSchema) return;
+          const { isDisabled: fieldDisabled, reason } = isFieldDisabled(fieldSchema, eventDetails);
+          addOutline(editableElement, fieldDisabled);
+        }
+      );
+    }
+    if (VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM === editableElement) {
+      return;
+    }
+    VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM = editableElement;
+  }, 10)(params);
+}
+var mouseHover_default = handleMouseHover;
+export {
+  mouseHover_default as default,
+  hideCustomCursor,
+  hideHoverOutline,
+  showCustomCursor
+};
+//# sourceMappingURL=mouseHover.js.map

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

@@ -0,0 +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\";\n\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 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    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        if (!eventDetails) {\n            if (\n                eventTarget &&\n                (isOverlay(eventTarget) || isContentEditable(eventTarget))\n            ) {\n                hideCustomCursor(params.customCursor);\n                return;\n            }\n            resetCustomCursor(params.customCursor);\n            removeAddInstanceButtons({\n                eventTarget: params.event.target,\n                visualBuilderContainer: params.visualBuilderContainer,\n                overlayWrapper: params.overlayWrapper,\n            });\n            handleCursorPosition(params.event, params.customCursor);\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(params.event.clientX, params.event.clientY);\n            if(elementUnderCursor){\n              if(elementUnderCursor.nodeName === \"A\" || elementUnderCursor.nodeName === \"BUTTON\"){\n                elementUnderCursor.classList.add(\n                  visualBuilderStyles()['visual-builder__no-cursor-style']\n                )\n              }\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                    if (!params.customCursor) return;\n                    const { isDisabled: fieldDisabled } = isFieldDisabled(\n                        fieldSchema,\n                        eventDetails\n                    );\n                    const fieldType = getFieldType(fieldSchema);\n                    generateCustomCursor({\n                        fieldType,\n                        customCursor: params.customCursor,\n                        fieldDisabled,\n                    });\n                }\n            );\n\n            handleCursorPosition(params.event, params.customCursor);\n            showCustomCursor(params.customCursor);\n        }\n\n        if (\n            !editableElement.classList.contains(\n                \"visual-builder__empty-block-parent\"\n            ) &&\n            !editableElement.classList.contains(\"visual-builder__empty-block\")\n        ) {\n            addOutline(editableElement);\n            FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath).then(\n                (fieldSchema) => {\n                    if(!fieldSchema) return;\n                    const { isDisabled: fieldDisabled, reason } =\n                        isFieldDisabled(fieldSchema, eventDetails);\n                    addOutline(editableElement, fieldDisabled);\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"]}

package/dist/modern/{utils → visualBuilder/listeners}/types.cjs

@@ -13,7 +13,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/utils/types.ts
+// src/visualBuilder/listeners/types.ts
 var types_exports = {};
 module.exports = __toCommonJS(types_exports);
 //# sourceMappingURL=types.cjs.map

package/dist/modern/visualBuilder/listeners/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/listeners/types.ts"],"sourcesContent":["import { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\n\ninterface EventListenerHandlerParams {\n    event: MouseEvent;\n    overlayWrapper: HTMLDivElement | null;\n    visualBuilderContainer: HTMLDivElement | null;\n    previousSelectedEditableDOM: Element | null;\n    focusedToolbar: HTMLDivElement | null;\n    resizeObserver: ResizeObserver;\n    eventDetails: VisualBuilderCslpEventDetails;\n    customCursor: HTMLDivElement | null;\n}\n\nexport default EventListenerHandlerParams;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/modern/visualBuilder/listeners/types.d.cts

@@ -0,0 +1,15 @@
+import { VisualBuilderCslpEventDetails } from '../types/visualBuilder.types.cjs';
+import '../../cslp/types/cslp.types.cjs';
+
+interface EventListenerHandlerParams {
+    event: MouseEvent;
+    overlayWrapper: HTMLDivElement | null;
+    visualBuilderContainer: HTMLDivElement | null;
+    previousSelectedEditableDOM: Element | null;
+    focusedToolbar: HTMLDivElement | null;
+    resizeObserver: ResizeObserver;
+    eventDetails: VisualBuilderCslpEventDetails;
+    customCursor: HTMLDivElement | null;
+}
+
+export type { EventListenerHandlerParams as default };

package/dist/modern/visualBuilder/listeners/types.d.ts

@@ -0,0 +1,15 @@
+import { VisualBuilderCslpEventDetails } from '../types/visualBuilder.types.js';
+import '../../cslp/types/cslp.types.js';
+
+interface EventListenerHandlerParams {
+    event: MouseEvent;
+    overlayWrapper: HTMLDivElement | null;
+    visualBuilderContainer: HTMLDivElement | null;
+    previousSelectedEditableDOM: Element | null;
+    focusedToolbar: HTMLDivElement | null;
+    resizeObserver: ResizeObserver;
+    eventDetails: VisualBuilderCslpEventDetails;
+    customCursor: HTMLDivElement | null;
+}
+
+export type { EventListenerHandlerParams as default };

package/dist/modern/visualBuilder/listeners/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}