@contentstack/live-preview-utils 4.4.1 → 4.4.2

package/dist/modern/visualBuilder/generators/generateToolbar.cjs

@@ -58,9 +58,8 @@ function appendFocusedToolbar(eventDetails, focusedToolbarElement, hideOverlay,
 }
 async function appendFieldToolbar(eventDetails, focusedToolbarElement, hideOverlay, isVariant = false, options) {
   const { isHover } = options || {};
-  if (focusedToolbarElement.querySelector(
-    ".visual-builder__focused-toolbar__multiple-field-toolbar"
-  ) && !isHover)
+  const toolbarSelector = ".visual-builder__focused-toolbar__multiple-field-toolbar";
+  if (focusedToolbarElement.querySelector(toolbarSelector) && !isHover)
     return;
   const { acl: entryPermissions, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } = await (0, import_fetchEntryPermissionsAndStageDetails.fetchEntryPermissionsAndStageDetails)({
     entryUid: eventDetails.fieldMetadata.entry_uid,
@@ -69,6 +68,8 @@ async function appendFieldToolbar(eventDetails, focusedToolbarElement, hideOverl
     variantUid: eventDetails.fieldMetadata.variant,
     fieldPathWithIndex: eventDetails.fieldMetadata.fieldPathWithIndex
   });
+  if (focusedToolbarElement.querySelector(toolbarSelector) && !isHover)
+    return;
   const wrapper = document.createDocumentFragment();
   (0, import_preact.render)(
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/modern/visualBuilder/generators/generateToolbar.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/generators/generateToolbar.tsx"],"sourcesContent":["import React from \"preact/compat\";\nimport { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport {\n    DATA_CSLP_ATTR_SELECTOR,\n    LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX,\n    RIGHT_EDGE_BUFFER,\n    TOOLBAR_EDGE_BUFFER,\n    TOP_EDGE_BUFFER,\n} from \"../utils/constants\";\nimport FieldToolbarComponent from \"../components/FieldToolbar\";\nimport { render } from \"preact\";\nimport FieldLabelWrapperComponent from \"../components/fieldLabelWrapper\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { fetchEntryPermissionsAndStageDetails } from \"../utils/fetchEntryPermissionsAndStageDetails\";\n\nexport function appendFocusedToolbar(\n    eventDetails: VisualBuilderCslpEventDetails,\n    focusedToolbarElement: HTMLDivElement,\n    hideOverlay: () => void,\n    isVariant: boolean = false,\n    options?: {\n        isHover?: boolean;\n    }\n): void {\n    appendFieldPathDropdown(eventDetails, focusedToolbarElement, options);\n    if(options?.isHover) {\n        return;\n    }\n    appendFieldToolbar(\n        eventDetails,\n        focusedToolbarElement,\n        hideOverlay,\n        isVariant\n    );\n}\n\nexport async function appendFieldToolbar(\n    eventDetails: VisualBuilderCslpEventDetails,\n    focusedToolbarElement: HTMLDivElement,\n    hideOverlay: () => void,\n    isVariant: boolean = false,\n    options?: {\n        isHover?: boolean;\n    }\n): Promise<void> {\n    const { isHover } = options || {};\n    if (\n        focusedToolbarElement.querySelector(\n            \".visual-builder__focused-toolbar__multiple-field-toolbar\"\n        ) && !isHover\n    )\n        return;\n    const { acl: entryPermissions, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: eventDetails.fieldMetadata.entry_uid,\n            contentTypeUid: eventDetails.fieldMetadata.content_type_uid,\n            locale: eventDetails.fieldMetadata.locale,\n            variantUid: eventDetails.fieldMetadata.variant,\n            fieldPathWithIndex: eventDetails.fieldMetadata.fieldPathWithIndex,\n        });\n    const wrapper = document.createDocumentFragment();\n    render(\n        <FieldToolbarComponent\n            eventDetails={eventDetails}\n            hideOverlay={hideOverlay}\n            isVariant={isVariant}\n            entryPermissions={entryPermissions}\n            entryWorkflowStageDetails={entryWorkflowStageDetails}\n            resolvedVariantPermissions={resolvedVariantPermissions}\n        />,\n        wrapper\n    );\n    focusedToolbarElement.append(wrapper);\n}\n\nexport function appendFieldPathDropdown(\n    eventDetails: VisualBuilderCslpEventDetails,\n    focusedToolbarElement: HTMLDivElement,\n    options?: {\n        isHover?: boolean;\n    }\n): void {\n    const { isHover } = options || {};\n    const fieldLabelWrapper = document.querySelector(\n        \".visual-builder__focused-toolbar__field-label-wrapper\"\n    ) as HTMLDivElement | null;\n    const { editableElement: targetElement, fieldMetadata } = eventDetails;\n\n    if (fieldLabelWrapper) {\n        if(isHover) {\n            const fieldCslp = fieldLabelWrapper.getAttribute(\"data-hovered-cslp\");\n            if(fieldCslp === fieldMetadata.cslpValue) {\n                return;\n            } else {\n                removeFieldToolbar(focusedToolbarElement);\n            }\n        } else {\n            return;\n        }\n    }\n    \n    const targetElementDimension = targetElement.getBoundingClientRect();\n\n    const distanceFromTop =\n        targetElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n    // Position the toolbar at the top unless there's insufficient space or scrolling up is not possible (topmost element targetted).\n    const adjustedDistanceFromTop =\n        targetElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n            ? distanceFromTop + targetElementDimension.height + TOP_EDGE_BUFFER\n            : distanceFromTop;\n\n    const distanceFromLeft =\n        targetElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n    const adjustedDistanceFromLeft = Math.max(\n        distanceFromLeft,\n        TOOLBAR_EDGE_BUFFER\n    );\n\n    const targetElementRightEdgeOffset =\n        window.scrollX + window.innerWidth - targetElementDimension.left;\n\n    if (targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER) {\n        // Overflow / Cutoff on right edge\n        focusedToolbarElement.style.justifyContent = \"flex-end\";\n        focusedToolbarElement.style.left = `${\n            targetElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n        }px`;\n    } else {\n        focusedToolbarElement.style.justifyContent = \"flex-start\"; // default\n        focusedToolbarElement.style.left = `${adjustedDistanceFromLeft}px`;\n    }\n\n    focusedToolbarElement.style.top = `${adjustedDistanceFromTop}px`;\n\n    const parentPaths = collectParentCSLPPaths(targetElement, 2);\n\n    const wrapper = document.createDocumentFragment();\n    render(\n        <FieldLabelWrapperComponent\n            fieldMetadata={fieldMetadata}\n            eventDetails={eventDetails}\n            parentPaths={parentPaths}\n            getParentEditableElement={(cslp: string) => {\n                const parentElement = targetElement.closest(\n                    `[${DATA_CSLP_ATTR_SELECTOR}=\"${cslp}\"]`\n                ) as HTMLElement | null;\n                return parentElement;\n            }}\n        />,\n        wrapper\n    );\n\n    focusedToolbarElement.appendChild(wrapper);\n}\n\nfunction collectParentCSLPPaths(\n    targetElement: Element,\n    count: number\n): Array<string> {\n    const cslpPaths: Array<string> = [];\n    let currentElement = targetElement.parentElement;\n\n    while (count > 0 || currentElement === window.document.body) {\n        if (!currentElement) {\n            return cslpPaths;\n        }\n\n        if (currentElement.hasAttribute(DATA_CSLP_ATTR_SELECTOR)) {\n            cslpPaths.push(\n                currentElement.getAttribute(DATA_CSLP_ATTR_SELECTOR) as string\n            );\n            count--;\n        }\n        currentElement = currentElement.parentElement;\n    }\n\n    return cslpPaths;\n}\n\nexport function removeFieldToolbar(toolbar: Element) {\n    toolbar.innerHTML = \"\";\n    const toolbarEvents = [\n        VisualBuilderPostMessageEvents.DELETE_INSTANCE,\n        VisualBuilderPostMessageEvents.UPDATE_DISCUSSION_ID,\n        VisualBuilderPostMessageEvents.FIELD_LOCATION_DATA\n    ];\n    toolbarEvents.forEach((event) => {\n        //@ts-expect-error - We are accessing private method here, but it is necessary to clean up the event listeners.\n        if (visualBuilderPostMessage?.requestMessageHandlers?.has(event)) {\n            //@ts-expect-error - We are accessing private method here, but it is necessary to clean up the event listeners.\n            visualBuilderPostMessage?.unregisterEvent?.(event);\n        }\n    });\n}\n"],"mappings":"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","names":["FieldToolbarComponent","FieldLabelWrapperComponent","visualBuilderPostMessage"]}
+{"version":3,"sources":["../../../../src/visualBuilder/generators/generateToolbar.tsx"],"sourcesContent":["import React from \"preact/compat\";\nimport { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport {\n    DATA_CSLP_ATTR_SELECTOR,\n    LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX,\n    RIGHT_EDGE_BUFFER,\n    TOOLBAR_EDGE_BUFFER,\n    TOP_EDGE_BUFFER,\n} from \"../utils/constants\";\nimport FieldToolbarComponent from \"../components/FieldToolbar\";\nimport { render } from \"preact\";\nimport FieldLabelWrapperComponent from \"../components/fieldLabelWrapper\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { fetchEntryPermissionsAndStageDetails } from \"../utils/fetchEntryPermissionsAndStageDetails\";\n\nexport function appendFocusedToolbar(\n    eventDetails: VisualBuilderCslpEventDetails,\n    focusedToolbarElement: HTMLDivElement,\n    hideOverlay: () => void,\n    isVariant: boolean = false,\n    options?: {\n        isHover?: boolean;\n    }\n): void {\n    appendFieldPathDropdown(eventDetails, focusedToolbarElement, options);\n    if(options?.isHover) {\n        return;\n    }\n    appendFieldToolbar(\n        eventDetails,\n        focusedToolbarElement,\n        hideOverlay,\n        isVariant\n    );\n}\n\nexport async function appendFieldToolbar(\n    eventDetails: VisualBuilderCslpEventDetails,\n    focusedToolbarElement: HTMLDivElement,\n    hideOverlay: () => void,\n    isVariant: boolean = false,\n    options?: {\n        isHover?: boolean;\n    }\n): Promise<void> {\n    const { isHover } = options || {};\n    const toolbarSelector = \".visual-builder__focused-toolbar__multiple-field-toolbar\";\n    if (focusedToolbarElement.querySelector(toolbarSelector) && !isHover)\n        return;\n    const { acl: entryPermissions, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: eventDetails.fieldMetadata.entry_uid,\n            contentTypeUid: eventDetails.fieldMetadata.content_type_uid,\n            locale: eventDetails.fieldMetadata.locale,\n            variantUid: eventDetails.fieldMetadata.variant,\n            fieldPathWithIndex: eventDetails.fieldMetadata.fieldPathWithIndex,\n        });\n    // Re-check after the async gap: a concurrent call (e.g. reEvaluate) may have\n    // already appended while fetchEntryPermissionsAndStageDetails was in-flight.\n    if (focusedToolbarElement.querySelector(toolbarSelector) && !isHover)\n        return;\n    const wrapper = document.createDocumentFragment();\n    render(\n        <FieldToolbarComponent\n            eventDetails={eventDetails}\n            hideOverlay={hideOverlay}\n            isVariant={isVariant}\n            entryPermissions={entryPermissions}\n            entryWorkflowStageDetails={entryWorkflowStageDetails}\n            resolvedVariantPermissions={resolvedVariantPermissions}\n        />,\n        wrapper\n    );\n    focusedToolbarElement.append(wrapper);\n}\n\nexport function appendFieldPathDropdown(\n    eventDetails: VisualBuilderCslpEventDetails,\n    focusedToolbarElement: HTMLDivElement,\n    options?: {\n        isHover?: boolean;\n    }\n): void {\n    const { isHover } = options || {};\n    const fieldLabelWrapper = document.querySelector(\n        \".visual-builder__focused-toolbar__field-label-wrapper\"\n    ) as HTMLDivElement | null;\n    const { editableElement: targetElement, fieldMetadata } = eventDetails;\n\n    if (fieldLabelWrapper) {\n        if(isHover) {\n            const fieldCslp = fieldLabelWrapper.getAttribute(\"data-hovered-cslp\");\n            if(fieldCslp === fieldMetadata.cslpValue) {\n                return;\n            } else {\n                removeFieldToolbar(focusedToolbarElement);\n            }\n        } else {\n            return;\n        }\n    }\n    \n    const targetElementDimension = targetElement.getBoundingClientRect();\n\n    const distanceFromTop =\n        targetElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n    // Position the toolbar at the top unless there's insufficient space or scrolling up is not possible (topmost element targetted).\n    const adjustedDistanceFromTop =\n        targetElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n            ? distanceFromTop + targetElementDimension.height + TOP_EDGE_BUFFER\n            : distanceFromTop;\n\n    const distanceFromLeft =\n        targetElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n    const adjustedDistanceFromLeft = Math.max(\n        distanceFromLeft,\n        TOOLBAR_EDGE_BUFFER\n    );\n\n    const targetElementRightEdgeOffset =\n        window.scrollX + window.innerWidth - targetElementDimension.left;\n\n    if (targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER) {\n        // Overflow / Cutoff on right edge\n        focusedToolbarElement.style.justifyContent = \"flex-end\";\n        focusedToolbarElement.style.left = `${\n            targetElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n        }px`;\n    } else {\n        focusedToolbarElement.style.justifyContent = \"flex-start\"; // default\n        focusedToolbarElement.style.left = `${adjustedDistanceFromLeft}px`;\n    }\n\n    focusedToolbarElement.style.top = `${adjustedDistanceFromTop}px`;\n\n    const parentPaths = collectParentCSLPPaths(targetElement, 2);\n\n    const wrapper = document.createDocumentFragment();\n    render(\n        <FieldLabelWrapperComponent\n            fieldMetadata={fieldMetadata}\n            eventDetails={eventDetails}\n            parentPaths={parentPaths}\n            getParentEditableElement={(cslp: string) => {\n                const parentElement = targetElement.closest(\n                    `[${DATA_CSLP_ATTR_SELECTOR}=\"${cslp}\"]`\n                ) as HTMLElement | null;\n                return parentElement;\n            }}\n        />,\n        wrapper\n    );\n\n    focusedToolbarElement.appendChild(wrapper);\n}\n\nfunction collectParentCSLPPaths(\n    targetElement: Element,\n    count: number\n): Array<string> {\n    const cslpPaths: Array<string> = [];\n    let currentElement = targetElement.parentElement;\n\n    while (count > 0 || currentElement === window.document.body) {\n        if (!currentElement) {\n            return cslpPaths;\n        }\n\n        if (currentElement.hasAttribute(DATA_CSLP_ATTR_SELECTOR)) {\n            cslpPaths.push(\n                currentElement.getAttribute(DATA_CSLP_ATTR_SELECTOR) as string\n            );\n            count--;\n        }\n        currentElement = currentElement.parentElement;\n    }\n\n    return cslpPaths;\n}\n\nexport function removeFieldToolbar(toolbar: Element) {\n    toolbar.innerHTML = \"\";\n    const toolbarEvents = [\n        VisualBuilderPostMessageEvents.DELETE_INSTANCE,\n        VisualBuilderPostMessageEvents.UPDATE_DISCUSSION_ID,\n        VisualBuilderPostMessageEvents.FIELD_LOCATION_DATA\n    ];\n    toolbarEvents.forEach((event) => {\n        //@ts-expect-error - We are accessing private method here, but it is necessary to clean up the event listeners.\n        if (visualBuilderPostMessage?.requestMessageHandlers?.has(event)) {\n            //@ts-expect-error - We are accessing private method here, but it is necessary to clean up the event listeners.\n            visualBuilderPostMessage?.unregisterEvent?.(event);\n        }\n    });\n}\n"],"mappings":"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","names":["FieldToolbarComponent","FieldLabelWrapperComponent","visualBuilderPostMessage"]}

package/dist/modern/visualBuilder/generators/generateToolbar.js

@@ -29,9 +29,8 @@ function appendFocusedToolbar(eventDetails, focusedToolbarElement, hideOverlay,
 }
 async function appendFieldToolbar(eventDetails, focusedToolbarElement, hideOverlay, isVariant = false, options) {
   const { isHover } = options || {};
-  if (focusedToolbarElement.querySelector(
-    ".visual-builder__focused-toolbar__multiple-field-toolbar"
-  ) && !isHover)
+  const toolbarSelector = ".visual-builder__focused-toolbar__multiple-field-toolbar";
+  if (focusedToolbarElement.querySelector(toolbarSelector) && !isHover)
     return;
   const { acl: entryPermissions, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } = await fetchEntryPermissionsAndStageDetails({
     entryUid: eventDetails.fieldMetadata.entry_uid,
@@ -40,6 +39,8 @@ async function appendFieldToolbar(eventDetails, focusedToolbarElement, hideOverl
     variantUid: eventDetails.fieldMetadata.variant,
     fieldPathWithIndex: eventDetails.fieldMetadata.fieldPathWithIndex
   });
+  if (focusedToolbarElement.querySelector(toolbarSelector) && !isHover)
+    return;
   const wrapper = document.createDocumentFragment();
   render(
     /* @__PURE__ */ jsx(

package/dist/modern/visualBuilder/generators/generateToolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/generators/generateToolbar.tsx"],"sourcesContent":["import React from \"preact/compat\";\nimport { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport {\n    DATA_CSLP_ATTR_SELECTOR,\n    LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX,\n    RIGHT_EDGE_BUFFER,\n    TOOLBAR_EDGE_BUFFER,\n    TOP_EDGE_BUFFER,\n} from \"../utils/constants\";\nimport FieldToolbarComponent from \"../components/FieldToolbar\";\nimport { render } from \"preact\";\nimport FieldLabelWrapperComponent from \"../components/fieldLabelWrapper\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { fetchEntryPermissionsAndStageDetails } from \"../utils/fetchEntryPermissionsAndStageDetails\";\n\nexport function appendFocusedToolbar(\n    eventDetails: VisualBuilderCslpEventDetails,\n    focusedToolbarElement: HTMLDivElement,\n    hideOverlay: () => void,\n    isVariant: boolean = false,\n    options?: {\n        isHover?: boolean;\n    }\n): void {\n    appendFieldPathDropdown(eventDetails, focusedToolbarElement, options);\n    if(options?.isHover) {\n        return;\n    }\n    appendFieldToolbar(\n        eventDetails,\n        focusedToolbarElement,\n        hideOverlay,\n        isVariant\n    );\n}\n\nexport async function appendFieldToolbar(\n    eventDetails: VisualBuilderCslpEventDetails,\n    focusedToolbarElement: HTMLDivElement,\n    hideOverlay: () => void,\n    isVariant: boolean = false,\n    options?: {\n        isHover?: boolean;\n    }\n): Promise<void> {\n    const { isHover } = options || {};\n    if (\n        focusedToolbarElement.querySelector(\n            \".visual-builder__focused-toolbar__multiple-field-toolbar\"\n        ) && !isHover\n    )\n        return;\n    const { acl: entryPermissions, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: eventDetails.fieldMetadata.entry_uid,\n            contentTypeUid: eventDetails.fieldMetadata.content_type_uid,\n            locale: eventDetails.fieldMetadata.locale,\n            variantUid: eventDetails.fieldMetadata.variant,\n            fieldPathWithIndex: eventDetails.fieldMetadata.fieldPathWithIndex,\n        });\n    const wrapper = document.createDocumentFragment();\n    render(\n        <FieldToolbarComponent\n            eventDetails={eventDetails}\n            hideOverlay={hideOverlay}\n            isVariant={isVariant}\n            entryPermissions={entryPermissions}\n            entryWorkflowStageDetails={entryWorkflowStageDetails}\n            resolvedVariantPermissions={resolvedVariantPermissions}\n        />,\n        wrapper\n    );\n    focusedToolbarElement.append(wrapper);\n}\n\nexport function appendFieldPathDropdown(\n    eventDetails: VisualBuilderCslpEventDetails,\n    focusedToolbarElement: HTMLDivElement,\n    options?: {\n        isHover?: boolean;\n    }\n): void {\n    const { isHover } = options || {};\n    const fieldLabelWrapper = document.querySelector(\n        \".visual-builder__focused-toolbar__field-label-wrapper\"\n    ) as HTMLDivElement | null;\n    const { editableElement: targetElement, fieldMetadata } = eventDetails;\n\n    if (fieldLabelWrapper) {\n        if(isHover) {\n            const fieldCslp = fieldLabelWrapper.getAttribute(\"data-hovered-cslp\");\n            if(fieldCslp === fieldMetadata.cslpValue) {\n                return;\n            } else {\n                removeFieldToolbar(focusedToolbarElement);\n            }\n        } else {\n            return;\n        }\n    }\n    \n    const targetElementDimension = targetElement.getBoundingClientRect();\n\n    const distanceFromTop =\n        targetElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n    // Position the toolbar at the top unless there's insufficient space or scrolling up is not possible (topmost element targetted).\n    const adjustedDistanceFromTop =\n        targetElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n            ? distanceFromTop + targetElementDimension.height + TOP_EDGE_BUFFER\n            : distanceFromTop;\n\n    const distanceFromLeft =\n        targetElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n    const adjustedDistanceFromLeft = Math.max(\n        distanceFromLeft,\n        TOOLBAR_EDGE_BUFFER\n    );\n\n    const targetElementRightEdgeOffset =\n        window.scrollX + window.innerWidth - targetElementDimension.left;\n\n    if (targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER) {\n        // Overflow / Cutoff on right edge\n        focusedToolbarElement.style.justifyContent = \"flex-end\";\n        focusedToolbarElement.style.left = `${\n            targetElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n        }px`;\n    } else {\n        focusedToolbarElement.style.justifyContent = \"flex-start\"; // default\n        focusedToolbarElement.style.left = `${adjustedDistanceFromLeft}px`;\n    }\n\n    focusedToolbarElement.style.top = `${adjustedDistanceFromTop}px`;\n\n    const parentPaths = collectParentCSLPPaths(targetElement, 2);\n\n    const wrapper = document.createDocumentFragment();\n    render(\n        <FieldLabelWrapperComponent\n            fieldMetadata={fieldMetadata}\n            eventDetails={eventDetails}\n            parentPaths={parentPaths}\n            getParentEditableElement={(cslp: string) => {\n                const parentElement = targetElement.closest(\n                    `[${DATA_CSLP_ATTR_SELECTOR}=\"${cslp}\"]`\n                ) as HTMLElement | null;\n                return parentElement;\n            }}\n        />,\n        wrapper\n    );\n\n    focusedToolbarElement.appendChild(wrapper);\n}\n\nfunction collectParentCSLPPaths(\n    targetElement: Element,\n    count: number\n): Array<string> {\n    const cslpPaths: Array<string> = [];\n    let currentElement = targetElement.parentElement;\n\n    while (count > 0 || currentElement === window.document.body) {\n        if (!currentElement) {\n            return cslpPaths;\n        }\n\n        if (currentElement.hasAttribute(DATA_CSLP_ATTR_SELECTOR)) {\n            cslpPaths.push(\n                currentElement.getAttribute(DATA_CSLP_ATTR_SELECTOR) as string\n            );\n            count--;\n        }\n        currentElement = currentElement.parentElement;\n    }\n\n    return cslpPaths;\n}\n\nexport function removeFieldToolbar(toolbar: Element) {\n    toolbar.innerHTML = \"\";\n    const toolbarEvents = [\n        VisualBuilderPostMessageEvents.DELETE_INSTANCE,\n        VisualBuilderPostMessageEvents.UPDATE_DISCUSSION_ID,\n        VisualBuilderPostMessageEvents.FIELD_LOCATION_DATA\n    ];\n    toolbarEvents.forEach((event) => {\n        //@ts-expect-error - We are accessing private method here, but it is necessary to clean up the event listeners.\n        if (visualBuilderPostMessage?.requestMessageHandlers?.has(event)) {\n            //@ts-expect-error - We are accessing private method here, but it is necessary to clean up the event listeners.\n            visualBuilderPostMessage?.unregisterEvent?.(event);\n        }\n    });\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/generators/generateToolbar.tsx"],"sourcesContent":["import React from \"preact/compat\";\nimport { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport {\n    DATA_CSLP_ATTR_SELECTOR,\n    LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX,\n    RIGHT_EDGE_BUFFER,\n    TOOLBAR_EDGE_BUFFER,\n    TOP_EDGE_BUFFER,\n} from \"../utils/constants\";\nimport FieldToolbarComponent from \"../components/FieldToolbar\";\nimport { render } from \"preact\";\nimport FieldLabelWrapperComponent from \"../components/fieldLabelWrapper\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { fetchEntryPermissionsAndStageDetails } from \"../utils/fetchEntryPermissionsAndStageDetails\";\n\nexport function appendFocusedToolbar(\n    eventDetails: VisualBuilderCslpEventDetails,\n    focusedToolbarElement: HTMLDivElement,\n    hideOverlay: () => void,\n    isVariant: boolean = false,\n    options?: {\n        isHover?: boolean;\n    }\n): void {\n    appendFieldPathDropdown(eventDetails, focusedToolbarElement, options);\n    if(options?.isHover) {\n        return;\n    }\n    appendFieldToolbar(\n        eventDetails,\n        focusedToolbarElement,\n        hideOverlay,\n        isVariant\n    );\n}\n\nexport async function appendFieldToolbar(\n    eventDetails: VisualBuilderCslpEventDetails,\n    focusedToolbarElement: HTMLDivElement,\n    hideOverlay: () => void,\n    isVariant: boolean = false,\n    options?: {\n        isHover?: boolean;\n    }\n): Promise<void> {\n    const { isHover } = options || {};\n    const toolbarSelector = \".visual-builder__focused-toolbar__multiple-field-toolbar\";\n    if (focusedToolbarElement.querySelector(toolbarSelector) && !isHover)\n        return;\n    const { acl: entryPermissions, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: eventDetails.fieldMetadata.entry_uid,\n            contentTypeUid: eventDetails.fieldMetadata.content_type_uid,\n            locale: eventDetails.fieldMetadata.locale,\n            variantUid: eventDetails.fieldMetadata.variant,\n            fieldPathWithIndex: eventDetails.fieldMetadata.fieldPathWithIndex,\n        });\n    // Re-check after the async gap: a concurrent call (e.g. reEvaluate) may have\n    // already appended while fetchEntryPermissionsAndStageDetails was in-flight.\n    if (focusedToolbarElement.querySelector(toolbarSelector) && !isHover)\n        return;\n    const wrapper = document.createDocumentFragment();\n    render(\n        <FieldToolbarComponent\n            eventDetails={eventDetails}\n            hideOverlay={hideOverlay}\n            isVariant={isVariant}\n            entryPermissions={entryPermissions}\n            entryWorkflowStageDetails={entryWorkflowStageDetails}\n            resolvedVariantPermissions={resolvedVariantPermissions}\n        />,\n        wrapper\n    );\n    focusedToolbarElement.append(wrapper);\n}\n\nexport function appendFieldPathDropdown(\n    eventDetails: VisualBuilderCslpEventDetails,\n    focusedToolbarElement: HTMLDivElement,\n    options?: {\n        isHover?: boolean;\n    }\n): void {\n    const { isHover } = options || {};\n    const fieldLabelWrapper = document.querySelector(\n        \".visual-builder__focused-toolbar__field-label-wrapper\"\n    ) as HTMLDivElement | null;\n    const { editableElement: targetElement, fieldMetadata } = eventDetails;\n\n    if (fieldLabelWrapper) {\n        if(isHover) {\n            const fieldCslp = fieldLabelWrapper.getAttribute(\"data-hovered-cslp\");\n            if(fieldCslp === fieldMetadata.cslpValue) {\n                return;\n            } else {\n                removeFieldToolbar(focusedToolbarElement);\n            }\n        } else {\n            return;\n        }\n    }\n    \n    const targetElementDimension = targetElement.getBoundingClientRect();\n\n    const distanceFromTop =\n        targetElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n    // Position the toolbar at the top unless there's insufficient space or scrolling up is not possible (topmost element targetted).\n    const adjustedDistanceFromTop =\n        targetElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n            ? distanceFromTop + targetElementDimension.height + TOP_EDGE_BUFFER\n            : distanceFromTop;\n\n    const distanceFromLeft =\n        targetElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n    const adjustedDistanceFromLeft = Math.max(\n        distanceFromLeft,\n        TOOLBAR_EDGE_BUFFER\n    );\n\n    const targetElementRightEdgeOffset =\n        window.scrollX + window.innerWidth - targetElementDimension.left;\n\n    if (targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER) {\n        // Overflow / Cutoff on right edge\n        focusedToolbarElement.style.justifyContent = \"flex-end\";\n        focusedToolbarElement.style.left = `${\n            targetElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n        }px`;\n    } else {\n        focusedToolbarElement.style.justifyContent = \"flex-start\"; // default\n        focusedToolbarElement.style.left = `${adjustedDistanceFromLeft}px`;\n    }\n\n    focusedToolbarElement.style.top = `${adjustedDistanceFromTop}px`;\n\n    const parentPaths = collectParentCSLPPaths(targetElement, 2);\n\n    const wrapper = document.createDocumentFragment();\n    render(\n        <FieldLabelWrapperComponent\n            fieldMetadata={fieldMetadata}\n            eventDetails={eventDetails}\n            parentPaths={parentPaths}\n            getParentEditableElement={(cslp: string) => {\n                const parentElement = targetElement.closest(\n                    `[${DATA_CSLP_ATTR_SELECTOR}=\"${cslp}\"]`\n                ) as HTMLElement | null;\n                return parentElement;\n            }}\n        />,\n        wrapper\n    );\n\n    focusedToolbarElement.appendChild(wrapper);\n}\n\nfunction collectParentCSLPPaths(\n    targetElement: Element,\n    count: number\n): Array<string> {\n    const cslpPaths: Array<string> = [];\n    let currentElement = targetElement.parentElement;\n\n    while (count > 0 || currentElement === window.document.body) {\n        if (!currentElement) {\n            return cslpPaths;\n        }\n\n        if (currentElement.hasAttribute(DATA_CSLP_ATTR_SELECTOR)) {\n            cslpPaths.push(\n                currentElement.getAttribute(DATA_CSLP_ATTR_SELECTOR) as string\n            );\n            count--;\n        }\n        currentElement = currentElement.parentElement;\n    }\n\n    return cslpPaths;\n}\n\nexport function removeFieldToolbar(toolbar: Element) {\n    toolbar.innerHTML = \"\";\n    const toolbarEvents = [\n        VisualBuilderPostMessageEvents.DELETE_INSTANCE,\n        VisualBuilderPostMessageEvents.UPDATE_DISCUSSION_ID,\n        VisualBuilderPostMessageEvents.FIELD_LOCATION_DATA\n    ];\n    toolbarEvents.forEach((event) => {\n        //@ts-expect-error - We are accessing private method here, but it is necessary to clean up the event listeners.\n        if (visualBuilderPostMessage?.requestMessageHandlers?.has(event)) {\n            //@ts-expect-error - We are accessing private method here, but it is necessary to clean up the event listeners.\n            visualBuilderPostMessage?.unregisterEvent?.(event);\n        }\n    });\n}\n"],"mappings":";;;AAEA;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,OAAO,2BAA2B;AAClC,SAAS,cAAc;AACvB,OAAO,gCAAgC;AACvC,SAAS,sCAAsC;AAC/C,OAAO,8BAA8B;AACrC,SAAS,4CAA4C;AAkD7C;AAhDD,SAAS,qBACZ,cACA,uBACA,aACA,YAAqB,OACrB,SAGI;AACJ,0BAAwB,cAAc,uBAAuB,OAAO;AACpE,MAAG,SAAS,SAAS;AACjB;AAAA,EACJ;AACA;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;AAEA,eAAsB,mBAClB,cACA,uBACA,aACA,YAAqB,OACrB,SAGa;AACb,QAAM,EAAE,QAAQ,IAAI,WAAW,CAAC;AAChC,QAAM,kBAAkB;AACxB,MAAI,sBAAsB,cAAc,eAAe,KAAK,CAAC;AACzD;AACJ,QAAM,EAAE,KAAK,kBAAkB,eAAe,2BAA2B,2BAA2B,IAChG,MAAM,qCAAqC;AAAA,IACvC,UAAU,aAAa,cAAc;AAAA,IACrC,gBAAgB,aAAa,cAAc;AAAA,IAC3C,QAAQ,aAAa,cAAc;AAAA,IACnC,YAAY,aAAa,cAAc;AAAA,IACvC,oBAAoB,aAAa,cAAc;AAAA,EACnD,CAAC;AAGL,MAAI,sBAAsB,cAAc,eAAe,KAAK,CAAC;AACzD;AACJ,QAAM,UAAU,SAAS,uBAAuB;AAChD;AAAA,IACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,EACJ;AACA,wBAAsB,OAAO,OAAO;AACxC;AAEO,SAAS,wBACZ,cACA,uBACA,SAGI;AACJ,QAAM,EAAE,QAAQ,IAAI,WAAW,CAAC;AAChC,QAAM,oBAAoB,SAAS;AAAA,IAC/B;AAAA,EACJ;AACA,QAAM,EAAE,iBAAiB,eAAe,cAAc,IAAI;AAE1D,MAAI,mBAAmB;AACnB,QAAG,SAAS;AACR,YAAM,YAAY,kBAAkB,aAAa,mBAAmB;AACpE,UAAG,cAAc,cAAc,WAAW;AACtC;AAAA,MACJ,OAAO;AACH,2BAAmB,qBAAqB;AAAA,MAC5C;AAAA,IACJ,OAAO;AACH;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,yBAAyB,cAAc,sBAAsB;AAEnE,QAAM,kBACF,uBAAuB,MAAM,OAAO,UAAU;AAElD,QAAM,0BACF,uBAAuB,MAAM,OAAO,UAAU,kBACxC,kBAAkB,uBAAuB,SAAS,kBAClD;AAEV,QAAM,mBACF,uBAAuB,OAAO;AAClC,QAAM,2BAA2B,KAAK;AAAA,IAClC;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,+BACF,OAAO,UAAU,OAAO,aAAa,uBAAuB;AAEhE,MAAI,+BAA+B,mBAAmB;AAElD,0BAAsB,MAAM,iBAAiB;AAC7C,0BAAsB,MAAM,OAAO,GAC/B,uBAAuB,QAAQ,gCACnC;AAAA,EACJ,OAAO;AACH,0BAAsB,MAAM,iBAAiB;AAC7C,0BAAsB,MAAM,OAAO,GAAG,wBAAwB;AAAA,EAClE;AAEA,wBAAsB,MAAM,MAAM,GAAG,uBAAuB;AAE5D,QAAM,cAAc,uBAAuB,eAAe,CAAC;AAE3D,QAAM,UAAU,SAAS,uBAAuB;AAChD;AAAA,IACI;AAAA,MAAC;AAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA,0BAA0B,CAAC,SAAiB;AACxC,gBAAM,gBAAgB,cAAc;AAAA,YAChC,IAAI,uBAAuB,KAAK,IAAI;AAAA,UACxC;AACA,iBAAO;AAAA,QACX;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,EACJ;AAEA,wBAAsB,YAAY,OAAO;AAC7C;AAEA,SAAS,uBACL,eACA,OACa;AACb,QAAM,YAA2B,CAAC;AAClC,MAAI,iBAAiB,cAAc;AAEnC,SAAO,QAAQ,KAAK,mBAAmB,OAAO,SAAS,MAAM;AACzD,QAAI,CAAC,gBAAgB;AACjB,aAAO;AAAA,IACX;AAEA,QAAI,eAAe,aAAa,uBAAuB,GAAG;AACtD,gBAAU;AAAA,QACN,eAAe,aAAa,uBAAuB;AAAA,MACvD;AACA;AAAA,IACJ;AACA,qBAAiB,eAAe;AAAA,EACpC;AAEA,SAAO;AACX;AAEO,SAAS,mBAAmB,SAAkB;AACjD,UAAQ,YAAY;AACpB,QAAM,gBAAgB;AAAA,IAClB,+BAA+B;AAAA,IAC/B,+BAA+B;AAAA,IAC/B,+BAA+B;AAAA,EACnC;AACA,gBAAc,QAAQ,CAAC,UAAU;AAE7B,QAAI,0BAA0B,wBAAwB,IAAI,KAAK,GAAG;AAE9D,gCAA0B,kBAAkB,KAAK;AAAA,IACrD;AAAA,EACJ,CAAC;AACL;","names":[]}

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

@@ -268,10 +268,12 @@ var throttledMouseHover = (0, import_lodash_es.throttle)(async (params) => {
         customCursor: params.customCursor
       });
     }
-    generateCursor({
-      eventDetails,
-      customCursor: params.customCursor
-    });
+    if (import__.VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM !== editableElement) {
+      generateCursor({
+        eventDetails,
+        customCursor: params.customCursor
+      });
+    }
     handleCursorPosition(params.event, params.customCursor);
     showCustomCursor(params.customCursor);
   }

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

@@ -1 +1 @@
-{"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 { HandleBuilderInteractionParams } from \"./mouseClick\";\nimport { appendFieldPathDropdown } from \"../generators/generateToolbar\";\nimport { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport { CslpData } from \"../../cslp/types/cslp.types\";\nimport { fetchEntryPermissionsAndStageDetails } from \"../utils/fetchEntryPermissionsAndStageDetails\";\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\nasync function addOutline(params?: AddOutlineParams): Promise<void> {\n    if (!params) {\n        return;\n    }\n    const {\n        editableElement,\n        eventDetails,\n        content_type_uid,\n        fieldPath,\n        fieldMetadata,\n        fieldDisabled,\n    } = params;\n    if (!editableElement) return;\n    const isVariant = !!fieldMetadata.variant;\n    addHoverOutline(editableElement as HTMLElement, fieldDisabled, isVariant);\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        content_type_uid,\n        fieldPath\n    );\n    if (!fieldSchema) return;\n    const { acl: entryAcl, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: fieldMetadata.entry_uid,\n            contentTypeUid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n            variantUid: fieldMetadata.variant,\n            fieldPathWithIndex: fieldMetadata.fieldPathWithIndex,\n        });\n    const { isDisabled } = isFieldDisabled(\n        fieldSchema,\n        eventDetails,\n        resolvedVariantPermissions,\n        entryAcl,\n        entryWorkflowStageDetails\n    );\n    addHoverOutline(editableElement, fieldDisabled || isDisabled, isVariant);\n}\n\nconst debouncedAddOutline = debounce(addOutline, 50, { trailing: true });\nexport const cancelPendingAddOutline = () => debouncedAddOutline.cancel();\nconst showOutline = (params?: AddOutlineParams): Promise<void> | undefined => 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\nexport const cancelPendingHoverToolbar = () => debouncedRenderHoverToolbar.cancel();\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\nfunction isFieldPathParent(target: HTMLElement): boolean {\n    return target.classList.contains(\"visual-builder__focused-toolbar__field-label-wrapper__parent-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) || isFieldPathParent(eventTarget))\n        ) {\n            if (params.customCursor) {\n                hideCustomCursor(params.customCursor);\n            }\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 (config?.collab.enable && !config?.collab.isFeedbackMode) {\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        // we can generate the cursor asynchronously\n        generateCursor({\n            eventDetails,\n            customCursor: params.customCursor,\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\n    if (\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousHoveredTargetDOM === editableElement\n    ) {\n        return;\n    }\n\n    VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM =\n        editableElement;\n}, 10);\n\nasync function generateCursor({\n    eventDetails,\n    customCursor,\n}: {\n    eventDetails: VisualBuilderCslpEventDetails;\n    customCursor: HTMLDivElement | null;\n}) {\n    if (!customCursor) return;\n    const { fieldMetadata } = eventDetails;\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        fieldMetadata.content_type_uid,\n        fieldMetadata.fieldPath\n    );\n    if (!fieldSchema) {\n        return;\n    }\n    const { acl: entryAcl, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: fieldMetadata.entry_uid,\n            contentTypeUid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n            variantUid: fieldMetadata.variant,\n            fieldPathWithIndex: fieldMetadata.fieldPathWithIndex,\n        });\n    const { isDisabled: fieldDisabled } = isFieldDisabled(\n        fieldSchema,\n        eventDetails,\n        resolvedVariantPermissions,\n        entryAcl,\n        entryWorkflowStageDetails\n    );\n    const fieldType = getFieldType(fieldSchema);\n    generateCustomCursor({\n        fieldType,\n        customCursor,\n        fieldDisabled,\n    });\n}\n\nconst handleMouseHover = async (\n    params: HandleMouseHoverParams\n): Promise<void> => await throttledMouseHover(params);\n\nexport const cancelPendingMouseHover = () => throttledMouseHover.cancel();\n\nexport default handleMouseHover;\n"],"mappings":"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","names":["import__","Config"]}
+{"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 { HandleBuilderInteractionParams } from \"./mouseClick\";\nimport { appendFieldPathDropdown } from \"../generators/generateToolbar\";\nimport { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport { CslpData } from \"../../cslp/types/cslp.types\";\nimport { fetchEntryPermissionsAndStageDetails } from \"../utils/fetchEntryPermissionsAndStageDetails\";\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\nasync function addOutline(params?: AddOutlineParams): Promise<void> {\n    if (!params) {\n        return;\n    }\n    const {\n        editableElement,\n        eventDetails,\n        content_type_uid,\n        fieldPath,\n        fieldMetadata,\n        fieldDisabled,\n    } = params;\n    if (!editableElement) return;\n    const isVariant = !!fieldMetadata.variant;\n    addHoverOutline(editableElement as HTMLElement, fieldDisabled, isVariant);\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        content_type_uid,\n        fieldPath\n    );\n    if (!fieldSchema) return;\n    const { acl: entryAcl, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: fieldMetadata.entry_uid,\n            contentTypeUid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n            variantUid: fieldMetadata.variant,\n            fieldPathWithIndex: fieldMetadata.fieldPathWithIndex,\n        });\n    const { isDisabled } = isFieldDisabled(\n        fieldSchema,\n        eventDetails,\n        resolvedVariantPermissions,\n        entryAcl,\n        entryWorkflowStageDetails\n    );\n    addHoverOutline(editableElement, fieldDisabled || isDisabled, isVariant);\n}\n\nconst debouncedAddOutline = debounce(addOutline, 50, { trailing: true });\nexport const cancelPendingAddOutline = () => debouncedAddOutline.cancel();\nconst showOutline = (params?: AddOutlineParams): Promise<void> | undefined => 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\nexport const cancelPendingHoverToolbar = () => debouncedRenderHoverToolbar.cancel();\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\nfunction isFieldPathParent(target: HTMLElement): boolean {\n    return target.classList.contains(\"visual-builder__focused-toolbar__field-label-wrapper__parent-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) || isFieldPathParent(eventTarget))\n        ) {\n            if (params.customCursor) {\n                hideCustomCursor(params.customCursor);\n            }\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 (config?.collab.enable && !config?.collab.isFeedbackMode) {\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        // only re-generate cursor when moving onto a new element — avoids\n        // firing fetchEntryPermissionsAndStageDetails on every 10ms tick\n        if (\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousHoveredTargetDOM !== editableElement\n        ) {\n            generateCursor({\n                eventDetails,\n                customCursor: params.customCursor,\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\n    if (\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousHoveredTargetDOM === editableElement\n    ) {\n        return;\n    }\n\n    VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM =\n        editableElement;\n}, 10);\n\nasync function generateCursor({\n    eventDetails,\n    customCursor,\n}: {\n    eventDetails: VisualBuilderCslpEventDetails;\n    customCursor: HTMLDivElement | null;\n}) {\n    if (!customCursor) return;\n    const { fieldMetadata } = eventDetails;\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        fieldMetadata.content_type_uid,\n        fieldMetadata.fieldPath\n    );\n    if (!fieldSchema) {\n        return;\n    }\n    const { acl: entryAcl, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: fieldMetadata.entry_uid,\n            contentTypeUid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n            variantUid: fieldMetadata.variant,\n            fieldPathWithIndex: fieldMetadata.fieldPathWithIndex,\n        });\n    const { isDisabled: fieldDisabled } = isFieldDisabled(\n        fieldSchema,\n        eventDetails,\n        resolvedVariantPermissions,\n        entryAcl,\n        entryWorkflowStageDetails\n    );\n    const fieldType = getFieldType(fieldSchema);\n    generateCustomCursor({\n        fieldType,\n        customCursor,\n        fieldDisabled,\n    });\n}\n\nconst handleMouseHover = async (\n    params: HandleMouseHoverParams\n): Promise<void> => await throttledMouseHover(params);\n\nexport const cancelPendingMouseHover = () => throttledMouseHover.cancel();\n\nexport default handleMouseHover;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAmC;AACnC,gCAAmC;AACnC,sCAAyC;AACzC,kCAAqC;AACrC,4BAA+B;AAC/B,6BAAgC;AAChC,0BAA6B;AAG7B,eAA8B;AAC9B,kCAAgC;AAChC,2BAAoC;AACpC,IAAAA,YAAyC;AACzC,2BAAmB;AACnB,4BAA+B;AAE/B,6BAAwC;AAGxC,kDAAqD;AAErD,IAAM,SAAS,qBAAAC,QAAO,IAAI;AAkB1B,SAAS,kBAAkB,cAA2C;AAClE,MAAI,cAAc;AACd,0DAAqB;AAAA,MACjB,WAAW;AAAA,MACX;AAAA,IACJ,CAAC;AAAA,EACL;AACJ;AAEA,SAAS,mBAAmB,cAA2C;AACnE,MAAI,CAAC,aAAc;AAEnB,wDAAqB;AAAA,IACjB,WAAW;AAAA,IACX;AAAA,EACJ,CAAC;AACL;AAEA,SAAS,qBACL,OACA,cACI;AACJ,MAAI,cAAc;AACd,UAAM,SAAS,MAAM;AACrB,UAAM,SAAS,MAAM;AAErB,iBAAa,MAAM,OAAO,GAAG,MAAM;AACnC,iBAAa,MAAM,MAAM,GAAG,MAAM;AAAA,EACtC;AACJ;AAEA,eAAe,WAAW,QAA0C;AAChE,MAAI,CAAC,QAAQ;AACT;AAAA,EACJ;AACA,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI;AACJ,MAAI,CAAC,gBAAiB;AACtB,QAAM,YAAY,CAAC,CAAC,cAAc;AAClC,mDAAgB,iBAAgC,eAAe,SAAS;AACxE,QAAM,cAAc,MAAM,qCAAe;AAAA,IACrC;AAAA,IACA;AAAA,EACJ;AACA,MAAI,CAAC,YAAa;AAClB,QAAM,EAAE,KAAK,UAAU,eAAe,2BAA2B,2BAA2B,IACxF,UAAM,kFAAqC;AAAA,IACvC,UAAU,cAAc;AAAA,IACxB,gBAAgB,cAAc;AAAA,IAC9B,QAAQ,cAAc;AAAA,IACtB,YAAY,cAAc;AAAA,IAC1B,oBAAoB,cAAc;AAAA,EACtC,CAAC;AACL,QAAM,EAAE,WAAW,QAAI;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACA,mDAAgB,iBAAiB,iBAAiB,YAAY,SAAS;AAC3E;AAEA,IAAM,0BAAsB,2BAAS,YAAY,IAAI,EAAE,UAAU,KAAK,CAAC;AAChE,IAAM,0BAA0B,MAAM,oBAAoB,OAAO;AACxE,IAAM,cAAc,CAAC,WAAyD,oBAAoB,MAAM;AAExG,SAAS,oBAA0B;AAC/B,MACI,UAAU,QACV,CAAC,SAAS,KAAK,UAAU;AAAA,QACrB,0CAAoB,EAAE,0CAA0C;AAAA,EACpE;AAEA,aAAS,KAAK,UAAU;AAAA,UACpB,0CAAoB,EAAE,0CAA0C;AAAA,IACpE;AACR;AAEA,SAAS,oBAA0B;AAC/B,MACI,UAAU,QACV,SAAS,KAAK,UAAU;AAAA,QACpB,0CAAoB,EAAE,0CAA0C;AAAA,EACpE;AAEA,aAAS,KAAK,UAAU;AAAA,UACpB,0CAAoB,EAAE,0CAA0C;AAAA,IACpE;AACR;AAEO,SAAS,iBACZ,wBACI;AACJ,MAAI,CAAC,wBAAwB;AACzB;AAAA,EACJ;AACA,QAAM,eAAe,uBAAuB;AAAA,IACxC;AAAA,EACJ;AACA,MAAI,CAAC,cAAc;AACf;AAAA,EACJ;AACA,eAAa,UAAU;AAAA,QACnB,0CAAoB,EAAE,uCAAuC;AAAA,EACjE;AACJ;AAEO,SAAS,iBAAiB,cAA2C;AACxE,oBAAkB;AAClB,gBAAc,UAAU,OAAO,SAAS;AAC5C;AAEO,SAAS,iBAAiB,cAA2C;AACxE,oBAAkB;AAClB,MACI,OAAO,OAAO,WACb,CAAC,OAAO,OAAO,kBAAkB,OAAO,OAAO;AAEhD;AACJ,gBAAc,UAAU,IAAI,SAAS;AACzC;AAEA,IAAM,kCAA8B,2BAAS,OAAO,WAA2C;AAC3F,QAAM,mBAAe,8CAAmB,OAAO,KAAK;AACpD,MACI,CAAC,gBACD,CAAC,OAAO,kBACR,CAAC,OAAO,0BACR,CAAC,OAAO,gBACV;AACE;AAAA,EACJ;AAEA,sDAAwB,cAAc,OAAO,gBAAgB;AAAA,IACzD,SAAS;AAAA,EACb,CAAC;AACL,GAAG,IAAI,EAAE,UAAU,KAAK,CAAC;AAElB,IAAM,mBAAmB,OAAO,WAA2C,MAAM,4BAA4B,MAAM;AAEnH,IAAM,4BAA4B,MAAM,4BAA4B,OAAO;AAElF,SAAS,UAAU,QAA8B;AAC7C,SAAO,OAAO,UAAU,SAAS,yBAAyB;AAC9D;AAEA,SAAS,kBAAkB,QAA8B;AACrD,MAAI,OAAO,aAAa,iBAAiB;AACrC,WAAO,OAAO,aAAa,iBAAiB,MAAM;AACtD,SAAO;AACX;AAEA,SAAS,oBAAoB,QAA8B;AACvD,SAAO,OAAO,UAAU,SAAS,sDAAsD,KAAK,OAAO,UAAU,SAAS,qEAAqE;AAC/L;AAEA,SAAS,kBAAkB,QAA8B;AACrD,SAAO,OAAO,UAAU,SAAS,oEAAoE;AACzG;AAEA,IAAM,0BAAsB,2BAAS,OAAO,WAAmC;AAC3E,QAAM,mBAAe,8CAAmB,OAAO,KAAK;AACpD,QAAM,cAAc,OAAO,MAAM;AAEjC,MAAI,QAAQ,OAAO,UAAU,QAAQ,OAAO,eAAe;AACvD,qBAAiB,OAAO,YAAY;AACpC;AAAA,EACJ;AACA,MAAI,CAAC,cAAc;AACf,QACI,gBACC,UAAU,WAAW,KAClB,kBAAkB,WAAW,SAC7B,sCAAe,WAAW,IAChC;AACE,2BAAqB,OAAO,OAAO,OAAO,YAAY;AACtD,uBAAiB,OAAO,YAAY;AACpC;AAAA,IACJ;AACA,QACI,gBACC,oBAAoB,WAAW,KAAK,kBAAkB,WAAW,IACpE;AACE,UAAI,OAAO,cAAc;AACrB,yBAAiB,OAAO,YAAY;AAAA,MACxC;AACA,kBAAY;AACZ,uBAAiB;AAAA,QACb,OAAO,OAAO;AAAA,QACd,gBAAgB,OAAO;AAAA,QACvB,wBAAwB,OAAO;AAAA,QAC/B,6BACI,uBAAc,yBAAyB,MAClC;AAAA,QACT,gBAAgB,OAAO;AAAA,QACvB,gBAAgB,OAAO;AAAA,MAC3B,CAAC;AAAA,IACL;AACA,QAAI,CAAC,QAAQ,OAAO,QAAQ;AACxB,wBAAkB,OAAO,YAAY;AAAA,IACzC;AACA,kEAAyB;AAAA,MACrB,aAAa,OAAO,MAAM;AAAA,MAC1B,wBAAwB,OAAO;AAAA,MAC/B,gBAAgB,OAAO;AAAA,IAC3B,CAAC;AACD,yBAAqB,OAAO,OAAO,OAAO,YAAY;AACtD,QAAI,QAAQ,OAAO,UAAU,QAAQ,OAAO,gBAAgB;AACxD,uBAAiB,OAAO,YAAY;AACpC,yBAAmB,OAAO,YAAY;AAAA,IAC1C;AACA;AAAA,EACJ;AAEA,QAAM,EAAE,iBAAiB,cAAc,IAAI;AAC3C,QAAM,EAAE,kBAAkB,UAAU,IAAI;AAExC,MACI,uBAAc,yBAAyB,MAClC,+BACL,uBAAc,yBAAyB,MAAM,4BAA4B;AAAA,IACrE;AAAA,EACJ,GACF;AACE,qBAAiB,OAAO,YAAY;AACpC;AAAA,EACJ;AAEA,MAAI,OAAO,cAAc;AACrB,UAAM,qBAAqB,SAAS;AAAA,MAChC,OAAO,MAAM;AAAA,MACb,OAAO,MAAM;AAAA,IACjB;AACA,QAAI,oBAAoB;AACpB,UACI,mBAAmB,aAAa,OAChC,mBAAmB,aAAa,UAClC;AACE,2BAAmB,UAAU;AAAA,cACzB,0CAAoB,EAAE,iCAAiC;AAAA,QAC3D;AAAA,MACJ;AAAA,IACJ;AAEA,QAAI,QAAQ,OAAO,UAAU,QAAQ,OAAO,gBAAgB;AACxD,yBAAmB,OAAO,YAAY;AACtC,2BAAqB,OAAO,OAAO,OAAO,YAAY;AACtD,uBAAiB,OAAO,YAAY;AACpC;AAAA,IACJ,WAAW,QAAQ,OAAO,UAAU,CAAC,QAAQ,OAAO,gBAAgB;AAChE,uBAAiB,OAAO,YAAY;AACpC;AAAA,IACJ;AAEA,QACI,uBAAc,yBAAyB,MAClC,6BAA6B,iBACpC;AACE,wBAAkB,OAAO,YAAY;AACrC,oEAAyB;AAAA,QACrB,aAAa,OAAO,MAAM;AAAA,QAC1B,wBAAwB,OAAO;AAAA,QAC/B,gBAAgB,OAAO;AAAA,MAC3B,CAAC;AAAA,IACL;AAEA,QAAI,CAAC,qCAAe,eAAe,kBAAkB,SAAS,GAAG;AAC7D,4DAAqB;AAAA,QACjB,WAAW;AAAA,QACX,cAAc,OAAO;AAAA,MACzB,CAAC;AAAA,IACL;AAIA,QACI,uBAAc,yBAAyB,MAClC,6BAA6B,iBACpC;AACE,qBAAe;AAAA,QACX;AAAA,QACA,cAAc,OAAO;AAAA,MACzB,CAAC;AAAA,IACL;AAEA,yBAAqB,OAAO,OAAO,OAAO,YAAY;AACtD,qBAAiB,OAAO,YAAY;AAAA,EACxC;AAEA,MACI,CAAC,gBAAgB,UAAU,SAAS,kCAAwB,KAC5D,CAAC,gBAAgB,UAAU,SAAS,6BAA6B,GACnE;AACE,gBAAY;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ,CAAC;AACD,UAAM,aAAY,uBAAc,yBAAyB,MAAM;AAC/D,QAAG,CAAC,YAAY;AACZ;AAAA,QAAiB;AAAA,UACb,OAAO,OAAO;AAAA,UACd,gBAAgB,OAAO;AAAA,UACvB,wBAAwB,OAAO;AAAA,UAC/B,6BACI,uBAAc,yBAAyB,MAClC;AAAA,UACL,gBAAgB,OAAO;AAAA,UACvB,gBAAgB,OAAO;AAAA,QAC3B;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAEA,MACI,uBAAc,yBAAyB,MAClC,6BAA6B,iBACpC;AACE;AAAA,EACJ;AAEA,yBAAc,yBAAyB,MAAM,2BACzC;AACR,GAAG,EAAE;AAEL,eAAe,eAAe;AAAA,EAC1B;AAAA,EACA;AACJ,GAGG;AACC,MAAI,CAAC,aAAc;AACnB,QAAM,EAAE,cAAc,IAAI;AAC1B,QAAM,cAAc,MAAM,qCAAe;AAAA,IACrC,cAAc;AAAA,IACd,cAAc;AAAA,EAClB;AACA,MAAI,CAAC,aAAa;AACd;AAAA,EACJ;AACA,QAAM,EAAE,KAAK,UAAU,eAAe,2BAA2B,2BAA2B,IACxF,UAAM,kFAAqC;AAAA,IACvC,UAAU,cAAc;AAAA,IACxB,gBAAgB,cAAc;AAAA,IAC9B,QAAQ,cAAc;AAAA,IACtB,YAAY,cAAc;AAAA,IAC1B,oBAAoB,cAAc;AAAA,EACtC,CAAC;AACL,QAAM,EAAE,YAAY,cAAc,QAAI;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACA,QAAM,gBAAY,kCAAa,WAAW;AAC1C,wDAAqB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,EACJ,CAAC;AACL;AAEA,IAAM,mBAAmB,OACrB,WACgB,MAAM,oBAAoB,MAAM;AAE7C,IAAM,0BAA0B,MAAM,oBAAoB,OAAO;AAExE,IAAO,qBAAQ;","names":["import__","Config"]}

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

@@ -229,10 +229,12 @@ var throttledMouseHover = throttle(async (params) => {
         customCursor: params.customCursor
       });
     }
-    generateCursor({
-      eventDetails,
-      customCursor: params.customCursor
-    });
+    if (VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM !== editableElement) {
+      generateCursor({
+        eventDetails,
+        customCursor: params.customCursor
+      });
+    }
     handleCursorPosition(params.event, params.customCursor);
     showCustomCursor(params.customCursor);
   }

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

@@ -1 +1 @@
-{"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 { HandleBuilderInteractionParams } from \"./mouseClick\";\nimport { appendFieldPathDropdown } from \"../generators/generateToolbar\";\nimport { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport { CslpData } from \"../../cslp/types/cslp.types\";\nimport { fetchEntryPermissionsAndStageDetails } from \"../utils/fetchEntryPermissionsAndStageDetails\";\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\nasync function addOutline(params?: AddOutlineParams): Promise<void> {\n    if (!params) {\n        return;\n    }\n    const {\n        editableElement,\n        eventDetails,\n        content_type_uid,\n        fieldPath,\n        fieldMetadata,\n        fieldDisabled,\n    } = params;\n    if (!editableElement) return;\n    const isVariant = !!fieldMetadata.variant;\n    addHoverOutline(editableElement as HTMLElement, fieldDisabled, isVariant);\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        content_type_uid,\n        fieldPath\n    );\n    if (!fieldSchema) return;\n    const { acl: entryAcl, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: fieldMetadata.entry_uid,\n            contentTypeUid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n            variantUid: fieldMetadata.variant,\n            fieldPathWithIndex: fieldMetadata.fieldPathWithIndex,\n        });\n    const { isDisabled } = isFieldDisabled(\n        fieldSchema,\n        eventDetails,\n        resolvedVariantPermissions,\n        entryAcl,\n        entryWorkflowStageDetails\n    );\n    addHoverOutline(editableElement, fieldDisabled || isDisabled, isVariant);\n}\n\nconst debouncedAddOutline = debounce(addOutline, 50, { trailing: true });\nexport const cancelPendingAddOutline = () => debouncedAddOutline.cancel();\nconst showOutline = (params?: AddOutlineParams): Promise<void> | undefined => 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\nexport const cancelPendingHoverToolbar = () => debouncedRenderHoverToolbar.cancel();\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\nfunction isFieldPathParent(target: HTMLElement): boolean {\n    return target.classList.contains(\"visual-builder__focused-toolbar__field-label-wrapper__parent-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) || isFieldPathParent(eventTarget))\n        ) {\n            if (params.customCursor) {\n                hideCustomCursor(params.customCursor);\n            }\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 (config?.collab.enable && !config?.collab.isFeedbackMode) {\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        // we can generate the cursor asynchronously\n        generateCursor({\n            eventDetails,\n            customCursor: params.customCursor,\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\n    if (\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousHoveredTargetDOM === editableElement\n    ) {\n        return;\n    }\n\n    VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM =\n        editableElement;\n}, 10);\n\nasync function generateCursor({\n    eventDetails,\n    customCursor,\n}: {\n    eventDetails: VisualBuilderCslpEventDetails;\n    customCursor: HTMLDivElement | null;\n}) {\n    if (!customCursor) return;\n    const { fieldMetadata } = eventDetails;\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        fieldMetadata.content_type_uid,\n        fieldMetadata.fieldPath\n    );\n    if (!fieldSchema) {\n        return;\n    }\n    const { acl: entryAcl, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: fieldMetadata.entry_uid,\n            contentTypeUid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n            variantUid: fieldMetadata.variant,\n            fieldPathWithIndex: fieldMetadata.fieldPathWithIndex,\n        });\n    const { isDisabled: fieldDisabled } = isFieldDisabled(\n        fieldSchema,\n        eventDetails,\n        resolvedVariantPermissions,\n        entryAcl,\n        entryWorkflowStageDetails\n    );\n    const fieldType = getFieldType(fieldSchema);\n    generateCustomCursor({\n        fieldType,\n        customCursor,\n        fieldDisabled,\n    });\n}\n\nconst handleMouseHover = async (\n    params: HandleMouseHoverParams\n): Promise<void> => await throttledMouseHover(params);\n\nexport const cancelPendingMouseHover = () => throttledMouseHover.cancel();\n\nexport default handleMouseHover;\n"],"mappings":"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","names":[]}
+{"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 { HandleBuilderInteractionParams } from \"./mouseClick\";\nimport { appendFieldPathDropdown } from \"../generators/generateToolbar\";\nimport { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport { CslpData } from \"../../cslp/types/cslp.types\";\nimport { fetchEntryPermissionsAndStageDetails } from \"../utils/fetchEntryPermissionsAndStageDetails\";\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\nasync function addOutline(params?: AddOutlineParams): Promise<void> {\n    if (!params) {\n        return;\n    }\n    const {\n        editableElement,\n        eventDetails,\n        content_type_uid,\n        fieldPath,\n        fieldMetadata,\n        fieldDisabled,\n    } = params;\n    if (!editableElement) return;\n    const isVariant = !!fieldMetadata.variant;\n    addHoverOutline(editableElement as HTMLElement, fieldDisabled, isVariant);\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        content_type_uid,\n        fieldPath\n    );\n    if (!fieldSchema) return;\n    const { acl: entryAcl, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: fieldMetadata.entry_uid,\n            contentTypeUid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n            variantUid: fieldMetadata.variant,\n            fieldPathWithIndex: fieldMetadata.fieldPathWithIndex,\n        });\n    const { isDisabled } = isFieldDisabled(\n        fieldSchema,\n        eventDetails,\n        resolvedVariantPermissions,\n        entryAcl,\n        entryWorkflowStageDetails\n    );\n    addHoverOutline(editableElement, fieldDisabled || isDisabled, isVariant);\n}\n\nconst debouncedAddOutline = debounce(addOutline, 50, { trailing: true });\nexport const cancelPendingAddOutline = () => debouncedAddOutline.cancel();\nconst showOutline = (params?: AddOutlineParams): Promise<void> | undefined => 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\nexport const cancelPendingHoverToolbar = () => debouncedRenderHoverToolbar.cancel();\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\nfunction isFieldPathParent(target: HTMLElement): boolean {\n    return target.classList.contains(\"visual-builder__focused-toolbar__field-label-wrapper__parent-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) || isFieldPathParent(eventTarget))\n        ) {\n            if (params.customCursor) {\n                hideCustomCursor(params.customCursor);\n            }\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 (config?.collab.enable && !config?.collab.isFeedbackMode) {\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        // only re-generate cursor when moving onto a new element — avoids\n        // firing fetchEntryPermissionsAndStageDetails on every 10ms tick\n        if (\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousHoveredTargetDOM !== editableElement\n        ) {\n            generateCursor({\n                eventDetails,\n                customCursor: params.customCursor,\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\n    if (\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousHoveredTargetDOM === editableElement\n    ) {\n        return;\n    }\n\n    VisualBuilder.VisualBuilderGlobalState.value.previousHoveredTargetDOM =\n        editableElement;\n}, 10);\n\nasync function generateCursor({\n    eventDetails,\n    customCursor,\n}: {\n    eventDetails: VisualBuilderCslpEventDetails;\n    customCursor: HTMLDivElement | null;\n}) {\n    if (!customCursor) return;\n    const { fieldMetadata } = eventDetails;\n    const fieldSchema = await FieldSchemaMap.getFieldSchema(\n        fieldMetadata.content_type_uid,\n        fieldMetadata.fieldPath\n    );\n    if (!fieldSchema) {\n        return;\n    }\n    const { acl: entryAcl, workflowStage: entryWorkflowStageDetails, resolvedVariantPermissions } =\n        await fetchEntryPermissionsAndStageDetails({\n            entryUid: fieldMetadata.entry_uid,\n            contentTypeUid: fieldMetadata.content_type_uid,\n            locale: fieldMetadata.locale,\n            variantUid: fieldMetadata.variant,\n            fieldPathWithIndex: fieldMetadata.fieldPathWithIndex,\n        });\n    const { isDisabled: fieldDisabled } = isFieldDisabled(\n        fieldSchema,\n        eventDetails,\n        resolvedVariantPermissions,\n        entryAcl,\n        entryWorkflowStageDetails\n    );\n    const fieldType = getFieldType(fieldSchema);\n    generateCustomCursor({\n        fieldType,\n        customCursor,\n        fieldDisabled,\n    });\n}\n\nconst handleMouseHover = async (\n    params: HandleMouseHoverParams\n): Promise<void> => await throttledMouseHover(params);\n\nexport const cancelPendingMouseHover = () => throttledMouseHover.cancel();\n\nexport default handleMouseHover;\n"],"mappings":"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","names":[]}

package/dist/modern/visualBuilder/utils/types/postMessage.types.cjs

@@ -82,6 +82,7 @@ var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageE
   VisualBuilderPostMessageEvents2["COLLAB_THREAD_REOPEN"] = "collab-thread-reopen";
   VisualBuilderPostMessageEvents2["COLLAB_THREAD_HIGHLIGHT"] = "collab-thread-highlight";
   VisualBuilderPostMessageEvents2["TOGGLE_SCROLL"] = "toggle-scroll";
+  VisualBuilderPostMessageEvents2["REQUEST_DISCUSSION_HIGHLIGHTS"] = "request-discussion-highlights";
   return VisualBuilderPostMessageEvents2;
 })(VisualBuilderPostMessageEvents || {});
 // Annotate the CommonJS export names for ESM import in node:

package/dist/modern/visualBuilder/utils/types/postMessage.types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    OPEN_LINK_VARIANT_MODAL = \"open-link-variant-modal\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n    FIELD_LOCATION_DATA = \"field-location-data\",\n    FIELD_LOCATION_SELECTED_APP = \"field-location-selected-app\",\n    GET_PERMISSIONS = \"get-permissions\",\n    GET_WORKFLOW_STAGE_DETAILS = \"get-workflow-stage-details\",\n    GET_RESOLVED_VARIANT_PERMISSIONS = \"get-resolved-variant-permissions\",\n    OPEN_REQUEST_EDIT_ACCESS = \"open-request-edit-access\",\n\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    GET_HIGHLIGHT_VARIANT_FIELDS_STATUS = \"get-highlight-variant-fields-status\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n    GET_CONTENT_TYPE_NAME = \"get-content-type-name\",\n    REFERENCE_MAP = \"get-reference-map\",\n    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DATA_UPDATE = \"collab-data-update\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREADS_REMOVE = \"collab-threads-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n    TOGGLE_SCROLL = \"toggle-scroll\",\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AACzB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,gCAA6B;AAC7B,EAAAA,gCAAA,sCAAmC;AACnC,EAAAA,gCAAA,8BAA2B;AAG3B,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,yCAAsC;AACtC,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,mBAAgB;AA5DR,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    OPEN_LINK_VARIANT_MODAL = \"open-link-variant-modal\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n    FIELD_LOCATION_DATA = \"field-location-data\",\n    FIELD_LOCATION_SELECTED_APP = \"field-location-selected-app\",\n    GET_PERMISSIONS = \"get-permissions\",\n    GET_WORKFLOW_STAGE_DETAILS = \"get-workflow-stage-details\",\n    GET_RESOLVED_VARIANT_PERMISSIONS = \"get-resolved-variant-permissions\",\n    OPEN_REQUEST_EDIT_ACCESS = \"open-request-edit-access\",\n\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    GET_HIGHLIGHT_VARIANT_FIELDS_STATUS = \"get-highlight-variant-fields-status\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n    GET_CONTENT_TYPE_NAME = \"get-content-type-name\",\n    REFERENCE_MAP = \"get-reference-map\",\n    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DATA_UPDATE = \"collab-data-update\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREADS_REMOVE = \"collab-threads-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n    TOGGLE_SCROLL = \"toggle-scroll\",\n    REQUEST_DISCUSSION_HIGHLIGHTS = \"request-discussion-highlights\",\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AACzB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,gCAA6B;AAC7B,EAAAA,gCAAA,sCAAmC;AACnC,EAAAA,gCAAA,8BAA2B;AAG3B,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,yCAAsC;AACtC,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,mCAAgC;AA7DxB,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}

package/dist/modern/visualBuilder/utils/types/postMessage.types.d.cts

@@ -56,7 +56,8 @@ declare enum VisualBuilderPostMessageEvents {
     COLLAB_THREADS_REMOVE = "collab-threads-remove",
     COLLAB_THREAD_REOPEN = "collab-thread-reopen",
     COLLAB_THREAD_HIGHLIGHT = "collab-thread-highlight",
-    TOGGLE_SCROLL = "toggle-scroll"
+    TOGGLE_SCROLL = "toggle-scroll",
+    REQUEST_DISCUSSION_HIGHLIGHTS = "request-discussion-highlights"
 }
 
 export { VisualBuilderPostMessageEvents };

package/dist/modern/visualBuilder/utils/types/postMessage.types.d.ts

@@ -56,7 +56,8 @@ declare enum VisualBuilderPostMessageEvents {
     COLLAB_THREADS_REMOVE = "collab-threads-remove",
     COLLAB_THREAD_REOPEN = "collab-thread-reopen",
     COLLAB_THREAD_HIGHLIGHT = "collab-thread-highlight",
-    TOGGLE_SCROLL = "toggle-scroll"
+    TOGGLE_SCROLL = "toggle-scroll",
+    REQUEST_DISCUSSION_HIGHLIGHTS = "request-discussion-highlights"
 }
 
 export { VisualBuilderPostMessageEvents };

package/dist/modern/visualBuilder/utils/types/postMessage.types.js

@@ -60,6 +60,7 @@ var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageE
   VisualBuilderPostMessageEvents2["COLLAB_THREAD_REOPEN"] = "collab-thread-reopen";
   VisualBuilderPostMessageEvents2["COLLAB_THREAD_HIGHLIGHT"] = "collab-thread-highlight";
   VisualBuilderPostMessageEvents2["TOGGLE_SCROLL"] = "toggle-scroll";
+  VisualBuilderPostMessageEvents2["REQUEST_DISCUSSION_HIGHLIGHTS"] = "request-discussion-highlights";
   return VisualBuilderPostMessageEvents2;
 })(VisualBuilderPostMessageEvents || {});
 export {

package/dist/modern/visualBuilder/utils/types/postMessage.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    OPEN_LINK_VARIANT_MODAL = \"open-link-variant-modal\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n    FIELD_LOCATION_DATA = \"field-location-data\",\n    FIELD_LOCATION_SELECTED_APP = \"field-location-selected-app\",\n    GET_PERMISSIONS = \"get-permissions\",\n    GET_WORKFLOW_STAGE_DETAILS = \"get-workflow-stage-details\",\n    GET_RESOLVED_VARIANT_PERMISSIONS = \"get-resolved-variant-permissions\",\n    OPEN_REQUEST_EDIT_ACCESS = \"open-request-edit-access\",\n\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    GET_HIGHLIGHT_VARIANT_FIELDS_STATUS = \"get-highlight-variant-fields-status\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n    GET_CONTENT_TYPE_NAME = \"get-content-type-name\",\n    REFERENCE_MAP = \"get-reference-map\",\n    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DATA_UPDATE = \"collab-data-update\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREADS_REMOVE = \"collab-threads-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n    TOGGLE_SCROLL = \"toggle-scroll\",\n}\n"],"mappings":";;;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AACzB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,gCAA6B;AAC7B,EAAAA,gCAAA,sCAAmC;AACnC,EAAAA,gCAAA,8BAA2B;AAG3B,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,yCAAsC;AACtC,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,mBAAgB;AA5DR,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    OPEN_LINK_VARIANT_MODAL = \"open-link-variant-modal\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n    FIELD_LOCATION_DATA = \"field-location-data\",\n    FIELD_LOCATION_SELECTED_APP = \"field-location-selected-app\",\n    GET_PERMISSIONS = \"get-permissions\",\n    GET_WORKFLOW_STAGE_DETAILS = \"get-workflow-stage-details\",\n    GET_RESOLVED_VARIANT_PERMISSIONS = \"get-resolved-variant-permissions\",\n    OPEN_REQUEST_EDIT_ACCESS = \"open-request-edit-access\",\n\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    GET_HIGHLIGHT_VARIANT_FIELDS_STATUS = \"get-highlight-variant-fields-status\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n    GET_CONTENT_TYPE_NAME = \"get-content-type-name\",\n    REFERENCE_MAP = \"get-reference-map\",\n    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DATA_UPDATE = \"collab-data-update\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREADS_REMOVE = \"collab-threads-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n    TOGGLE_SCROLL = \"toggle-scroll\",\n    REQUEST_DISCUSSION_HIGHLIGHTS = \"request-discussion-highlights\",\n}\n"],"mappings":";;;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AACzB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,gCAA6B;AAC7B,EAAAA,gCAAA,sCAAmC;AACnC,EAAAA,gCAAA,8BAA2B;AAG3B,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,yCAAsC;AACtC,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,mCAAgC;AA7DxB,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@contentstack/live-preview-utils",
-    "version": "4.4.1",
+    "version": "4.4.2",
     "description": "Contentstack provides the Live Preview SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting  live changes to the preview pane.",
     "type": "module",
     "types": "dist/legacy/index.d.ts",
@@ -91,7 +91,7 @@
         "classnames": "^2.5.1",
         "dayjs": "^1.11.13",
         "deepsignal": "^1.5.0",
-        "dompurify": "^3.4.0",
+        "dompurify": "^3.4.1",
         "get-xpath": "^3.2.0",
         "goober": "^2.1.16",
         "lodash-es": "^4.18.1",