@contentstack/live-preview-utils 2.0.3 → 3.0.0

package/dist/modern/visualBuilder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/visualBuilder/index.ts"],"sourcesContent":["import { Signal, signal } from \"@preact/signals\";\n\nimport { inIframe } from \"../common/inIframe\";\nimport Config from \"../configManager/configManager\";\nimport {\n    useHistoryPostMessageEvent,\n    useOnEntryUpdatePostMessageEvent,\n} from \"../livePreview/eventManager/postMessageEvent.hooks\";\nimport {\n    ILivePreviewModeConfig,\n    ILivePreviewWindowType,\n    IVisualBuilderInitEvent,\n} from \"../types/types\";\nimport { generateStartEditingButton } from \"./generators/generateStartEditingButton\";\n\nimport { addFocusOverlay } from \"./generators/generateOverlay\";\nimport { getEntryIdentifiersInCurrentPage } from \"./utils/getEntryIdentifiersInCurrentPage\";\nimport visualBuilderPostMessage from \"./utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"./utils/types/postMessage.types\";\n\nimport { setup } from \"goober\";\nimport { debounce, isEqual } from \"lodash-es\";\nimport { h } from \"preact\";\nimport { extractDetailsFromCslp } from \"../cslp\";\nimport initUI from \"./components\";\nimport { useDraftFieldsPostMessageEvent } from \"./eventManager/useDraftFieldsPostMessageEvent\";\nimport { useHideFocusOverlayPostMessageEvent } from \"./eventManager/useHideFocusOverlayPostMessageEvent\";\nimport { useScrollToField } from \"./eventManager/useScrollToField\";\nimport { useVariantFieldsPostMessageEvent } from \"./eventManager/useVariantsPostMessageEvent\";\nimport {\n    generateEmptyBlocks,\n    removeEmptyBlocks,\n} from \"./generators/generateEmptyBlock\";\nimport { addEventListeners, removeEventListeners } from \"./listeners\";\nimport { addKeyboardShortcuts } from \"./listeners/keyboardShortcuts\";\nimport { FieldSchemaMap } from \"./utils/fieldSchemaMap\";\nimport { isFieldDisabled } from \"./utils/isFieldDisabled\";\nimport {\n    updateFocussedState,\n    updateFocussedStateOnMutation,\n} from \"./utils/updateFocussedState\";\nimport { useHighlightCommentIcon } from \"./eventManager/useHighlightCommentIcon\";\nimport { updateHighlightedCommentIconPosition } from \"./generators/generateHighlightedComment\";\nimport { useRecalculateVariantDataCSLPValues } from \"./eventManager/useRecalculateVariantDataCSLPValues\";\n\ninterface VisualBuilderGlobalStateImpl {\n    previousSelectedEditableDOM: HTMLElement | Element | null;\n    previousHoveredTargetDOM: Element | null;\n    previousEmptyBlockParents: Element[] | [];\n    focusFieldValue: string | null;\n    audienceMode: boolean;\n    locale: string;\n    variant: string | null;\n}\n\nexport class VisualBuilder {\n    private customCursor: HTMLDivElement | null = null;\n    private overlayWrapper: HTMLDivElement | null = null;\n    private visualBuilderContainer: HTMLDivElement | null = null;\n    private focusedToolbar: HTMLDivElement | null = null;\n\n    static VisualBuilderGlobalState: Signal<VisualBuilderGlobalStateImpl> =\n        signal({\n            previousSelectedEditableDOM: null,\n            previousHoveredTargetDOM: null,\n            previousEmptyBlockParents: [],\n            focusFieldValue: null,\n            audienceMode: false,\n            locale: Config.get().stackDetails.masterLocale || \"en-us\",\n            variant: null,\n        });\n\n    private handlePositionChange(editableElement: HTMLElement) {\n        updateFocussedState({\n            editableElement,\n            visualBuilderContainer: this.visualBuilderContainer,\n            overlayWrapper: this.overlayWrapper,\n            focusedToolbar: this.focusedToolbar,\n            resizeObserver: this.resizeObserver,\n        });\n    }\n\n    private scrollEventHandler = () => {\n        updateHighlightedCommentIconPosition(); // Update icons position\n    };\n\n    private resizeEventHandler = () => {\n        const previousSelectedEditableDOM =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n        updateHighlightedCommentIconPosition();\n        if (previousSelectedEditableDOM) {\n            this.handlePositionChange(\n                previousSelectedEditableDOM as HTMLElement\n            );\n        }\n    };\n\n    private resizeObserver = new ResizeObserver(([entry]) => {\n        const previousSelectedEditableDOM =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n\n        if (!this.overlayWrapper || !previousSelectedEditableDOM) {\n            return;\n        }\n\n        // if previous selected editable element is not same as the current\n        // target and the target is also not psuedo-editable then return\n        if (\n            !entry.target.isSameNode(previousSelectedEditableDOM) &&\n            !entry.target.classList.contains(\n                \"visual-builder__pseudo-editable-element\"\n            )\n        ) {\n            return;\n        }\n\n        const isPsuedoEditableElement = entry.target.classList.contains(\n            \"visual-builder__pseudo-editable-element\"\n        );\n\n        // the \"actual\" editable element when the current target is psuedo-editable\n        // is the previous selected editable element instead of the closest data-cslp element\n        // (cant use closest because the psuedo editable is absolute positioned)\n        // (Note - why do we even need the closest? we do an early exit if entry.target\n        // is not the previous selected editable element, needs more investigation)\n        const editableElement = (\n            isPsuedoEditableElement\n                ? previousSelectedEditableDOM\n                : entry.target.closest(\"[data-cslp]\")\n        ) as HTMLElement | null;\n\n        if (isPsuedoEditableElement) {\n            // if the current target is psuedo-editable, then the resizing occurred by typing\n            // into the psuedo editable, simply update the focus overlay\n            addFocusOverlay(entry.target, this.overlayWrapper);\n\n            // TODO check if we can now resize the actual editable element\n            // when psuedo editable element is resized, avoid infinite loops\n        } else if (editableElement) {\n            this.handlePositionChange(editableElement);\n        }\n\n        // update the overlay if field is disabled\n        const cslpData =\n            editableElement && editableElement.getAttribute(\"data-cslp\");\n\n        if (!editableElement || !cslpData) {\n            return;\n        }\n\n        const fieldMetadata = extractDetailsFromCslp(cslpData);\n\n        FieldSchemaMap.getFieldSchema(\n            fieldMetadata.content_type_uid,\n            fieldMetadata.fieldPath\n        ).then((fieldSchema) => {\n            if (!fieldSchema) {\n                return;\n            }\n            const { isDisabled } = isFieldDisabled(fieldSchema, {\n                editableElement,\n                fieldMetadata,\n            });\n            if (isDisabled) {\n                addFocusOverlay(\n                    editableElement,\n                    this.overlayWrapper as HTMLDivElement,\n                    isDisabled\n                );\n            }\n        });\n    });\n\n    private mutationObserver = new MutationObserver(\n        debounce(\n            async () => {\n                updateFocussedStateOnMutation(\n                    this.overlayWrapper,\n                    this.focusedToolbar,\n                    this.visualBuilderContainer\n                );\n                const emptyBlockParents = Array.from(\n                    document.querySelectorAll(\n                        \".visual-builder__empty-block-parent\"\n                    )\n                );\n\n                const previousEmptyBlockParents = VisualBuilder\n                    .VisualBuilderGlobalState.value\n                    .previousEmptyBlockParents as Element[];\n\n                if (!isEqual(emptyBlockParents, previousEmptyBlockParents)) {\n                    const noMoreEmptyBlockParent =\n                        previousEmptyBlockParents.filter(\n                            (x) => !emptyBlockParents.includes(x)\n                        );\n                    const newEmptyBlockParent = emptyBlockParents.filter(\n                        (x) => !previousEmptyBlockParents.includes(x)\n                    );\n\n                    removeEmptyBlocks(noMoreEmptyBlockParent);\n                    await generateEmptyBlocks(newEmptyBlockParent);\n\n                    VisualBuilder.VisualBuilderGlobalState.value = {\n                        ...VisualBuilder.VisualBuilderGlobalState.value,\n                        previousEmptyBlockParents: emptyBlockParents,\n                    };\n                }\n            },\n            100,\n            { trailing: true }\n        )\n    );\n\n    constructor() {\n        // Handles changes in element positions due to sidebar toggling or window resizing,\n        // triggering a redraw of the visual builder\n        window.addEventListener(\"resize\", this.resizeEventHandler);\n        window.addEventListener(\"scroll\", this.scrollEventHandler);\n        initUI({\n            resizeObserver: this.resizeObserver,\n        });\n\n        // Initializing goober for css-in-js\n        setup(h);\n\n        this.visualBuilderContainer = document.querySelector(\n            \".visual-builder__container\"\n        );\n        this.overlayWrapper = document.querySelector(\n            \".visual-builder__overlay__wrapper\"\n        );\n        this.customCursor = document.querySelector(\".visual-builder__cursor\");\n        this.focusedToolbar = document.querySelector(\n            \".visual-builder__focused-toolbar\"\n        );\n\n        const config = Config.get();\n\n        if (!config.enable || config.mode < ILivePreviewModeConfig.BUILDER) {\n            return;\n        }\n        visualBuilderPostMessage\n            ?.send<IVisualBuilderInitEvent>(\"init\", {\n                isSSR: config.ssr,\n                href: window.location.href,\n            })\n            .then((data) => {\n                const {\n                    windowType = ILivePreviewWindowType.BUILDER,\n                    stackDetails,\n                } = data || {};\n                Config.set(\"windowType\", windowType);\n                Config.set(\n                    \"stackDetails.masterLocale\",\n                    stackDetails?.masterLocale || \"en-us\"\n                );\n\n                addEventListeners({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    previousSelectedEditableDOM:\n                        VisualBuilder.VisualBuilderGlobalState.value\n                            .previousSelectedEditableDOM,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                    customCursor: this.customCursor,\n                });\n\n                addKeyboardShortcuts({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                });\n                useScrollToField();\n                useHighlightCommentIcon();\n                this.mutationObserver.observe(document.body, {\n                    childList: true,\n                    subtree: true,\n                });\n\n                visualBuilderPostMessage?.on(\n                    VisualBuilderPostMessageEvents.GET_ALL_ENTRIES_IN_CURRENT_PAGE,\n                    getEntryIdentifiersInCurrentPage\n                );\n                visualBuilderPostMessage?.send(\n                    VisualBuilderPostMessageEvents.SEND_VARIANT_AND_LOCALE\n                );\n\n                useHideFocusOverlayPostMessageEvent({\n                    overlayWrapper: this.overlayWrapper,\n                    visualBuilderContainer: this.visualBuilderContainer,\n                    focusedToolbar: this.focusedToolbar,\n                    resizeObserver: this.resizeObserver,\n                });\n\n                // These events are used to sync the data when we made some changes in the entry without invoking live preview module.\n                useHistoryPostMessageEvent();\n                useOnEntryUpdatePostMessageEvent();\n                useRecalculateVariantDataCSLPValues();\n                useDraftFieldsPostMessageEvent();\n                useVariantFieldsPostMessageEvent();\n            })\n            .catch(() => {\n                if (!inIframe()) {\n                    generateStartEditingButton(this.visualBuilderContainer);\n                }\n            });\n    }\n\n    // TODO: write test cases\n    destroy = (): void => {\n        // Remove event listeners\n        window.removeEventListener(\"resize\", this.resizeEventHandler);\n        window.removeEventListener(\"scroll\", this.scrollEventHandler);\n\n        // Remove custom event listeners\n        removeEventListeners({\n            overlayWrapper: this.overlayWrapper,\n            visualBuilderContainer: this.visualBuilderContainer,\n            previousSelectedEditableDOM:\n                VisualBuilder.VisualBuilderGlobalState.value\n                    .previousSelectedEditableDOM,\n            focusedToolbar: this.focusedToolbar,\n            resizeObserver: this.resizeObserver,\n            customCursor: this.customCursor,\n        });\n\n        // Disconnect observers\n        this.resizeObserver.disconnect();\n        this.mutationObserver.disconnect();\n\n        // Clear global state\n        VisualBuilder.VisualBuilderGlobalState.value = {\n            previousSelectedEditableDOM: null,\n            previousHoveredTargetDOM: null,\n            previousEmptyBlockParents: [],\n            focusFieldValue: null,\n            audienceMode: false,\n            locale: \"en-us\",\n            variant: null,\n        };\n\n        // Remove DOM elements\n        if (this.visualBuilderContainer) {\n            window.document.body.removeChild(this.visualBuilderContainer);\n        }\n        if (this.customCursor) {\n            this.customCursor.remove();\n        }\n        if (this.overlayWrapper) {\n            this.overlayWrapper.remove();\n        }\n        if (this.focusedToolbar) {\n            this.focusedToolbar.remove();\n        }\n\n        // Nullify references\n        this.customCursor = null;\n        this.overlayWrapper = null;\n        this.visualBuilderContainer = null;\n        this.focusedToolbar = null;\n    };\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,106 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/listeners/index.ts
+var listeners_exports = {};
+__export(listeners_exports, {
+  addEventListeners: () => addEventListeners,
+  removeEventListeners: () => removeEventListeners
+});
+module.exports = __toCommonJS(listeners_exports);
+var import__ = require("../index.cjs");
+var import_mouseClick = __toESM(require("./mouseClick.cjs"), 1);
+var import_mouseHover = __toESM(require("./mouseHover.cjs"), 1);
+var eventHandlers = {
+  click: (params) => (event) => {
+    (0, import_mouseClick.default)({
+      event,
+      overlayWrapper: params.overlayWrapper,
+      visualBuilderContainer: params.visualBuilderContainer,
+      previousSelectedEditableDOM: import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM,
+      focusedToolbar: params.focusedToolbar,
+      resizeObserver: params.resizeObserver
+    });
+  },
+  mousemove: (params) => (event) => {
+    (0, import_mouseHover.default)({
+      event,
+      overlayWrapper: params.overlayWrapper,
+      visualBuilderContainer: params.visualBuilderContainer,
+      customCursor: params.customCursor
+    });
+  },
+  mouseleave: (params) => () => {
+    (0, import_mouseHover.hideCustomCursor)(params.customCursor);
+    (0, import_mouseHover.hideHoverOutline)(params.visualBuilderContainer);
+  },
+  mouseenter: (params) => () => {
+    (0, import_mouseHover.showCustomCursor)(params.customCursor);
+  }
+};
+var eventListenersMap = /* @__PURE__ */ new Map();
+function addEventListeners(params) {
+  const clickHandler = eventHandlers.click(params);
+  const mousemoveHandler = eventHandlers.mousemove(params);
+  const mouseleaveHandler = eventHandlers.mouseleave(params);
+  const mouseenterHandler = eventHandlers.mouseenter(params);
+  eventListenersMap.set("click", clickHandler);
+  eventListenersMap.set("mousemove", mousemoveHandler);
+  eventListenersMap.set("mouseleave", mouseleaveHandler);
+  eventListenersMap.set("mouseenter", mouseenterHandler);
+  window.addEventListener("click", clickHandler, { capture: true });
+  window.addEventListener("mousemove", mousemoveHandler);
+  document.documentElement.addEventListener("mouseleave", mouseleaveHandler);
+  document.documentElement.addEventListener("mouseenter", mouseenterHandler);
+}
+function removeEventListeners(params) {
+  const clickHandler = eventListenersMap.get("click");
+  const mousemoveHandler = eventListenersMap.get("mousemove");
+  const mouseleaveHandler = eventListenersMap.get("mouseleave");
+  const mouseenterHandler = eventListenersMap.get("mouseenter");
+  if (clickHandler) {
+    window.removeEventListener("click", clickHandler, { capture: true });
+  }
+  if (mousemoveHandler) {
+    window.removeEventListener("mousemove", mousemoveHandler);
+  }
+  if (mouseleaveHandler) {
+    document.documentElement.removeEventListener("mouseleave", mouseleaveHandler);
+  }
+  if (mouseenterHandler) {
+    document.documentElement.removeEventListener("mouseenter", mouseenterHandler);
+  }
+  eventListenersMap.clear();
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addEventListeners,
+  removeEventListeners
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/listeners/index.ts"],"sourcesContent":["import EventListenerHandlerParams from \"./types\";\nimport { VisualBuilder } from \"..\";\nimport handleBuilderInteraction from \"./mouseClick\";\nimport handleMouseHover, {\n    hideCustomCursor,\n    hideHoverOutline,\n    showCustomCursor,\n} from \"./mouseHover\";\n\ntype AddEventListenersParams = Omit<\n    EventListenerHandlerParams,\n    \"event\" | \"eventDetails\"\n>;\n\ntype RemoveEventListenersParams = Omit<\n    EventListenerHandlerParams,\n    \"event\" | \"eventDetails\"\n>;\nconst eventHandlers = {\n    click: (params: AddEventListenersParams) => (event: MouseEvent) => {\n        handleBuilderInteraction({\n            event: 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    mousemove: (params: AddEventListenersParams) => (event: MouseEvent) => {\n        handleMouseHover({\n            event: event,\n            overlayWrapper: params.overlayWrapper,\n            visualBuilderContainer: params.visualBuilderContainer,\n            customCursor: params.customCursor,\n        });\n    },\n    mouseleave: (params: AddEventListenersParams) => () => {\n        hideCustomCursor(params.customCursor);\n        hideHoverOutline(params.visualBuilderContainer);\n    },\n    mouseenter: (params: AddEventListenersParams) => () => {\n        showCustomCursor(params.customCursor);\n    },\n};\nconst eventListenersMap = new Map<string, EventListener>();\nexport function addEventListeners(params: AddEventListenersParams): void {\n    const clickHandler = eventHandlers.click(params);\n    const mousemoveHandler = eventHandlers.mousemove(params);\n    const mouseleaveHandler = eventHandlers.mouseleave(params);\n    const mouseenterHandler = eventHandlers.mouseenter(params);\n\n    eventListenersMap.set(\"click\", clickHandler as EventListener);\n    eventListenersMap.set(\"mousemove\", mousemoveHandler as EventListener);\n    eventListenersMap.set(\"mouseleave\", mouseleaveHandler);\n    eventListenersMap.set(\"mouseenter\", mouseenterHandler);\n\n    window.addEventListener(\"click\", clickHandler, { capture: true });\n    window.addEventListener(\"mousemove\", mousemoveHandler);\n    document.documentElement.addEventListener(\"mouseleave\", mouseleaveHandler);\n    document.documentElement.addEventListener(\"mouseenter\", mouseenterHandler);\n}\n\nexport function removeEventListeners(params: RemoveEventListenersParams): void {\n    const clickHandler = eventListenersMap.get(\"click\");\n    const mousemoveHandler = eventListenersMap.get(\"mousemove\");\n    const mouseleaveHandler = eventListenersMap.get(\"mouseleave\");\n    const mouseenterHandler = eventListenersMap.get(\"mouseenter\");\n\n    if (clickHandler) {\n        window.removeEventListener(\"click\", clickHandler, { capture: true });\n    }\n    if (mousemoveHandler) {\n        window.removeEventListener(\"mousemove\", mousemoveHandler);\n    }\n    if (mouseleaveHandler) {\n        document.documentElement.removeEventListener(\"mouseleave\", mouseleaveHandler);\n    }\n    if (mouseenterHandler) {\n        document.documentElement.removeEventListener(\"mouseenter\", mouseenterHandler);\n    }\n\n    eventListenersMap.clear();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,eAA8B;AAC9B,wBAAqC;AACrC,wBAIO;AAWP,IAAM,gBAAgB;AAAA,EAClB,OAAO,CAAC,WAAoC,CAAC,UAAsB;AAC/D,0BAAAA,SAAyB;AAAA,MACrB;AAAA,MACA,gBAAgB,OAAO;AAAA,MACvB,wBAAwB,OAAO;AAAA,MAC/B,6BACI,uBAAc,yBAAyB,MAClC;AAAA,MACT,gBAAgB,OAAO;AAAA,MACvB,gBAAgB,OAAO;AAAA,IAC3B,CAAC;AAAA,EACL;AAAA,EACA,WAAW,CAAC,WAAoC,CAAC,UAAsB;AACnE,0BAAAC,SAAiB;AAAA,MACb;AAAA,MACA,gBAAgB,OAAO;AAAA,MACvB,wBAAwB,OAAO;AAAA,MAC/B,cAAc,OAAO;AAAA,IACzB,CAAC;AAAA,EACL;AAAA,EACA,YAAY,CAAC,WAAoC,MAAM;AACnD,4CAAiB,OAAO,YAAY;AACpC,4CAAiB,OAAO,sBAAsB;AAAA,EAClD;AAAA,EACA,YAAY,CAAC,WAAoC,MAAM;AACnD,4CAAiB,OAAO,YAAY;AAAA,EACxC;AACJ;AACA,IAAM,oBAAoB,oBAAI,IAA2B;AAClD,SAAS,kBAAkB,QAAuC;AACrE,QAAM,eAAe,cAAc,MAAM,MAAM;AAC/C,QAAM,mBAAmB,cAAc,UAAU,MAAM;AACvD,QAAM,oBAAoB,cAAc,WAAW,MAAM;AACzD,QAAM,oBAAoB,cAAc,WAAW,MAAM;AAEzD,oBAAkB,IAAI,SAAS,YAA6B;AAC5D,oBAAkB,IAAI,aAAa,gBAAiC;AACpE,oBAAkB,IAAI,cAAc,iBAAiB;AACrD,oBAAkB,IAAI,cAAc,iBAAiB;AAErD,SAAO,iBAAiB,SAAS,cAAc,EAAE,SAAS,KAAK,CAAC;AAChE,SAAO,iBAAiB,aAAa,gBAAgB;AACrD,WAAS,gBAAgB,iBAAiB,cAAc,iBAAiB;AACzE,WAAS,gBAAgB,iBAAiB,cAAc,iBAAiB;AAC7E;AAEO,SAAS,qBAAqB,QAA0C;AAC3E,QAAM,eAAe,kBAAkB,IAAI,OAAO;AAClD,QAAM,mBAAmB,kBAAkB,IAAI,WAAW;AAC1D,QAAM,oBAAoB,kBAAkB,IAAI,YAAY;AAC5D,QAAM,oBAAoB,kBAAkB,IAAI,YAAY;AAE5D,MAAI,cAAc;AACd,WAAO,oBAAoB,SAAS,cAAc,EAAE,SAAS,KAAK,CAAC;AAAA,EACvE;AACA,MAAI,kBAAkB;AAClB,WAAO,oBAAoB,aAAa,gBAAgB;AAAA,EAC5D;AACA,MAAI,mBAAmB;AACnB,aAAS,gBAAgB,oBAAoB,cAAc,iBAAiB;AAAA,EAChF;AACA,MAAI,mBAAmB;AACnB,aAAS,gBAAgB,oBAAoB,cAAc,iBAAiB;AAAA,EAChF;AAEA,oBAAkB,MAAM;AAC5B;","names":["handleBuilderInteraction","handleMouseHover"]}

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

@@ -0,0 +1,10 @@
+import EventListenerHandlerParams from './types.cjs';
+import '../types/visualBuilder.types.cjs';
+import '../../cslp/types/cslp.types.cjs';
+
+type AddEventListenersParams = Omit<EventListenerHandlerParams, "event" | "eventDetails">;
+type RemoveEventListenersParams = Omit<EventListenerHandlerParams, "event" | "eventDetails">;
+declare function addEventListeners(params: AddEventListenersParams): void;
+declare function removeEventListeners(params: RemoveEventListenersParams): void;
+
+export { addEventListeners, removeEventListeners };

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

@@ -0,0 +1,10 @@
+import EventListenerHandlerParams from './types.js';
+import '../types/visualBuilder.types.js';
+import '../../cslp/types/cslp.types.js';
+
+type AddEventListenersParams = Omit<EventListenerHandlerParams, "event" | "eventDetails">;
+type RemoveEventListenersParams = Omit<EventListenerHandlerParams, "event" | "eventDetails">;
+declare function addEventListeners(params: AddEventListenersParams): void;
+declare function removeEventListeners(params: RemoveEventListenersParams): void;
+
+export { addEventListeners, removeEventListeners };

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

@@ -0,0 +1,76 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/listeners/index.ts
+import { VisualBuilder } from "../index.js";
+import handleBuilderInteraction from "./mouseClick.js";
+import handleMouseHover, {
+  hideCustomCursor,
+  hideHoverOutline,
+  showCustomCursor
+} from "./mouseHover.js";
+var eventHandlers = {
+  click: (params) => (event) => {
+    handleBuilderInteraction({
+      event,
+      overlayWrapper: params.overlayWrapper,
+      visualBuilderContainer: params.visualBuilderContainer,
+      previousSelectedEditableDOM: VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM,
+      focusedToolbar: params.focusedToolbar,
+      resizeObserver: params.resizeObserver
+    });
+  },
+  mousemove: (params) => (event) => {
+    handleMouseHover({
+      event,
+      overlayWrapper: params.overlayWrapper,
+      visualBuilderContainer: params.visualBuilderContainer,
+      customCursor: params.customCursor
+    });
+  },
+  mouseleave: (params) => () => {
+    hideCustomCursor(params.customCursor);
+    hideHoverOutline(params.visualBuilderContainer);
+  },
+  mouseenter: (params) => () => {
+    showCustomCursor(params.customCursor);
+  }
+};
+var eventListenersMap = /* @__PURE__ */ new Map();
+function addEventListeners(params) {
+  const clickHandler = eventHandlers.click(params);
+  const mousemoveHandler = eventHandlers.mousemove(params);
+  const mouseleaveHandler = eventHandlers.mouseleave(params);
+  const mouseenterHandler = eventHandlers.mouseenter(params);
+  eventListenersMap.set("click", clickHandler);
+  eventListenersMap.set("mousemove", mousemoveHandler);
+  eventListenersMap.set("mouseleave", mouseleaveHandler);
+  eventListenersMap.set("mouseenter", mouseenterHandler);
+  window.addEventListener("click", clickHandler, { capture: true });
+  window.addEventListener("mousemove", mousemoveHandler);
+  document.documentElement.addEventListener("mouseleave", mouseleaveHandler);
+  document.documentElement.addEventListener("mouseenter", mouseenterHandler);
+}
+function removeEventListeners(params) {
+  const clickHandler = eventListenersMap.get("click");
+  const mousemoveHandler = eventListenersMap.get("mousemove");
+  const mouseleaveHandler = eventListenersMap.get("mouseleave");
+  const mouseenterHandler = eventListenersMap.get("mouseenter");
+  if (clickHandler) {
+    window.removeEventListener("click", clickHandler, { capture: true });
+  }
+  if (mousemoveHandler) {
+    window.removeEventListener("mousemove", mousemoveHandler);
+  }
+  if (mouseleaveHandler) {
+    document.documentElement.removeEventListener("mouseleave", mouseleaveHandler);
+  }
+  if (mouseenterHandler) {
+    document.documentElement.removeEventListener("mouseenter", mouseenterHandler);
+  }
+  eventListenersMap.clear();
+}
+export {
+  addEventListeners,
+  removeEventListeners
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/listeners/index.ts"],"sourcesContent":["import EventListenerHandlerParams from \"./types\";\nimport { VisualBuilder } from \"..\";\nimport handleBuilderInteraction from \"./mouseClick\";\nimport handleMouseHover, {\n    hideCustomCursor,\n    hideHoverOutline,\n    showCustomCursor,\n} from \"./mouseHover\";\n\ntype AddEventListenersParams = Omit<\n    EventListenerHandlerParams,\n    \"event\" | \"eventDetails\"\n>;\n\ntype RemoveEventListenersParams = Omit<\n    EventListenerHandlerParams,\n    \"event\" | \"eventDetails\"\n>;\nconst eventHandlers = {\n    click: (params: AddEventListenersParams) => (event: MouseEvent) => {\n        handleBuilderInteraction({\n            event: 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    mousemove: (params: AddEventListenersParams) => (event: MouseEvent) => {\n        handleMouseHover({\n            event: event,\n            overlayWrapper: params.overlayWrapper,\n            visualBuilderContainer: params.visualBuilderContainer,\n            customCursor: params.customCursor,\n        });\n    },\n    mouseleave: (params: AddEventListenersParams) => () => {\n        hideCustomCursor(params.customCursor);\n        hideHoverOutline(params.visualBuilderContainer);\n    },\n    mouseenter: (params: AddEventListenersParams) => () => {\n        showCustomCursor(params.customCursor);\n    },\n};\nconst eventListenersMap = new Map<string, EventListener>();\nexport function addEventListeners(params: AddEventListenersParams): void {\n    const clickHandler = eventHandlers.click(params);\n    const mousemoveHandler = eventHandlers.mousemove(params);\n    const mouseleaveHandler = eventHandlers.mouseleave(params);\n    const mouseenterHandler = eventHandlers.mouseenter(params);\n\n    eventListenersMap.set(\"click\", clickHandler as EventListener);\n    eventListenersMap.set(\"mousemove\", mousemoveHandler as EventListener);\n    eventListenersMap.set(\"mouseleave\", mouseleaveHandler);\n    eventListenersMap.set(\"mouseenter\", mouseenterHandler);\n\n    window.addEventListener(\"click\", clickHandler, { capture: true });\n    window.addEventListener(\"mousemove\", mousemoveHandler);\n    document.documentElement.addEventListener(\"mouseleave\", mouseleaveHandler);\n    document.documentElement.addEventListener(\"mouseenter\", mouseenterHandler);\n}\n\nexport function removeEventListeners(params: RemoveEventListenersParams): void {\n    const clickHandler = eventListenersMap.get(\"click\");\n    const mousemoveHandler = eventListenersMap.get(\"mousemove\");\n    const mouseleaveHandler = eventListenersMap.get(\"mouseleave\");\n    const mouseenterHandler = eventListenersMap.get(\"mouseenter\");\n\n    if (clickHandler) {\n        window.removeEventListener(\"click\", clickHandler, { capture: true });\n    }\n    if (mousemoveHandler) {\n        window.removeEventListener(\"mousemove\", mousemoveHandler);\n    }\n    if (mouseleaveHandler) {\n        document.documentElement.removeEventListener(\"mouseleave\", mouseleaveHandler);\n    }\n    if (mouseenterHandler) {\n        document.documentElement.removeEventListener(\"mouseenter\", mouseenterHandler);\n    }\n\n    eventListenersMap.clear();\n}\n"],"mappings":";;;AACA,SAAS,qBAAqB;AAC9B,OAAO,8BAA8B;AACrC,OAAO;AAAA,EACH;AAAA,EACA;AAAA,EACA;AAAA,OACG;AAWP,IAAM,gBAAgB;AAAA,EAClB,OAAO,CAAC,WAAoC,CAAC,UAAsB;AAC/D,6BAAyB;AAAA,MACrB;AAAA,MACA,gBAAgB,OAAO;AAAA,MACvB,wBAAwB,OAAO;AAAA,MAC/B,6BACI,cAAc,yBAAyB,MAClC;AAAA,MACT,gBAAgB,OAAO;AAAA,MACvB,gBAAgB,OAAO;AAAA,IAC3B,CAAC;AAAA,EACL;AAAA,EACA,WAAW,CAAC,WAAoC,CAAC,UAAsB;AACnE,qBAAiB;AAAA,MACb;AAAA,MACA,gBAAgB,OAAO;AAAA,MACvB,wBAAwB,OAAO;AAAA,MAC/B,cAAc,OAAO;AAAA,IACzB,CAAC;AAAA,EACL;AAAA,EACA,YAAY,CAAC,WAAoC,MAAM;AACnD,qBAAiB,OAAO,YAAY;AACpC,qBAAiB,OAAO,sBAAsB;AAAA,EAClD;AAAA,EACA,YAAY,CAAC,WAAoC,MAAM;AACnD,qBAAiB,OAAO,YAAY;AAAA,EACxC;AACJ;AACA,IAAM,oBAAoB,oBAAI,IAA2B;AAClD,SAAS,kBAAkB,QAAuC;AACrE,QAAM,eAAe,cAAc,MAAM,MAAM;AAC/C,QAAM,mBAAmB,cAAc,UAAU,MAAM;AACvD,QAAM,oBAAoB,cAAc,WAAW,MAAM;AACzD,QAAM,oBAAoB,cAAc,WAAW,MAAM;AAEzD,oBAAkB,IAAI,SAAS,YAA6B;AAC5D,oBAAkB,IAAI,aAAa,gBAAiC;AACpE,oBAAkB,IAAI,cAAc,iBAAiB;AACrD,oBAAkB,IAAI,cAAc,iBAAiB;AAErD,SAAO,iBAAiB,SAAS,cAAc,EAAE,SAAS,KAAK,CAAC;AAChE,SAAO,iBAAiB,aAAa,gBAAgB;AACrD,WAAS,gBAAgB,iBAAiB,cAAc,iBAAiB;AACzE,WAAS,gBAAgB,iBAAiB,cAAc,iBAAiB;AAC7E;AAEO,SAAS,qBAAqB,QAA0C;AAC3E,QAAM,eAAe,kBAAkB,IAAI,OAAO;AAClD,QAAM,mBAAmB,kBAAkB,IAAI,WAAW;AAC1D,QAAM,oBAAoB,kBAAkB,IAAI,YAAY;AAC5D,QAAM,oBAAoB,kBAAkB,IAAI,YAAY;AAE5D,MAAI,cAAc;AACd,WAAO,oBAAoB,SAAS,cAAc,EAAE,SAAS,KAAK,CAAC;AAAA,EACvE;AACA,MAAI,kBAAkB;AAClB,WAAO,oBAAoB,aAAa,gBAAgB;AAAA,EAC5D;AACA,MAAI,mBAAmB;AACnB,aAAS,gBAAgB,oBAAoB,cAAc,iBAAiB;AAAA,EAChF;AACA,MAAI,mBAAmB;AACnB,aAAS,gBAAgB,oBAAoB,cAAc,iBAAiB;AAAA,EAChF;AAEA,oBAAkB,MAAM;AAC5B;","names":[]}

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

@@ -0,0 +1,49 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/listeners/keyboardShortcuts.ts
+var keyboardShortcuts_exports = {};
+__export(keyboardShortcuts_exports, {
+  addKeyboardShortcuts: () => addKeyboardShortcuts
+});
+module.exports = __toCommonJS(keyboardShortcuts_exports);
+var import_generateOverlay = require("../generators/generateOverlay.cjs");
+function addKeyboardShortcuts({
+  overlayWrapper,
+  visualBuilderContainer,
+  focusedToolbar,
+  resizeObserver
+}) {
+  document.addEventListener("keydown", (e) => {
+    const event = e;
+    if (event.key === "Escape") {
+      (0, import_generateOverlay.hideOverlay)({
+        visualBuilderOverlayWrapper: overlayWrapper,
+        visualBuilderContainer,
+        focusedToolbar,
+        resizeObserver
+      });
+    }
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addKeyboardShortcuts
+});
+//# sourceMappingURL=keyboardShortcuts.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/listeners/keyboardShortcuts.ts"],"sourcesContent":["import { hideOverlay } from \"../generators/generateOverlay\";\nimport EventListenerHandlerParams from \"./types\";\n\ntype AddKeyboardShortcutsParams = Omit<\n    EventListenerHandlerParams,\n    \"event\" | \"eventDetails\" | \"customCursor\" | \"previousSelectedEditableDOM\"\n>;\n\n// NOTE - when we add complex keyboard shortcuts, we can look into libraries\n// like hotkeys, etc.\nexport function addKeyboardShortcuts({\n    overlayWrapper,\n    visualBuilderContainer,\n    focusedToolbar,\n    resizeObserver,\n}: AddKeyboardShortcutsParams): void {\n    document.addEventListener(\"keydown\", (e: Event) => {\n        const event = e as KeyboardEvent;\n        // un-focusses the focussed canvas item and removes the overlay\n        if (event.key === \"Escape\") {\n            // previously, this was achieved by clicking on overlayWrapper\n            hideOverlay({\n                visualBuilderOverlayWrapper: overlayWrapper,\n                visualBuilderContainer,\n                focusedToolbar: focusedToolbar,\n                resizeObserver: resizeObserver,\n            });\n        }\n    });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA4B;AAUrB,SAAS,qBAAqB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAqC;AACjC,WAAS,iBAAiB,WAAW,CAAC,MAAa;AAC/C,UAAM,QAAQ;AAEd,QAAI,MAAM,QAAQ,UAAU;AAExB,8CAAY;AAAA,QACR,6BAA6B;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,MACJ,CAAC;AAAA,IACL;AAAA,EACJ,CAAC;AACL;","names":[]}

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

@@ -0,0 +1,8 @@
+import EventListenerHandlerParams from './types.cjs';
+import '../types/visualBuilder.types.cjs';
+import '../../cslp/types/cslp.types.cjs';
+
+type AddKeyboardShortcutsParams = Omit<EventListenerHandlerParams, "event" | "eventDetails" | "customCursor" | "previousSelectedEditableDOM">;
+declare function addKeyboardShortcuts({ overlayWrapper, visualBuilderContainer, focusedToolbar, resizeObserver, }: AddKeyboardShortcutsParams): void;
+
+export { addKeyboardShortcuts };

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

@@ -0,0 +1,8 @@
+import EventListenerHandlerParams from './types.js';
+import '../types/visualBuilder.types.js';
+import '../../cslp/types/cslp.types.js';
+
+type AddKeyboardShortcutsParams = Omit<EventListenerHandlerParams, "event" | "eventDetails" | "customCursor" | "previousSelectedEditableDOM">;
+declare function addKeyboardShortcuts({ overlayWrapper, visualBuilderContainer, focusedToolbar, resizeObserver, }: AddKeyboardShortcutsParams): void;
+
+export { addKeyboardShortcuts };

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

@@ -0,0 +1,26 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/listeners/keyboardShortcuts.ts
+import { hideOverlay } from "../generators/generateOverlay.js";
+function addKeyboardShortcuts({
+  overlayWrapper,
+  visualBuilderContainer,
+  focusedToolbar,
+  resizeObserver
+}) {
+  document.addEventListener("keydown", (e) => {
+    const event = e;
+    if (event.key === "Escape") {
+      hideOverlay({
+        visualBuilderOverlayWrapper: overlayWrapper,
+        visualBuilderContainer,
+        focusedToolbar,
+        resizeObserver
+      });
+    }
+  });
+}
+export {
+  addKeyboardShortcuts
+};
+//# sourceMappingURL=keyboardShortcuts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/listeners/keyboardShortcuts.ts"],"sourcesContent":["import { hideOverlay } from \"../generators/generateOverlay\";\nimport EventListenerHandlerParams from \"./types\";\n\ntype AddKeyboardShortcutsParams = Omit<\n    EventListenerHandlerParams,\n    \"event\" | \"eventDetails\" | \"customCursor\" | \"previousSelectedEditableDOM\"\n>;\n\n// NOTE - when we add complex keyboard shortcuts, we can look into libraries\n// like hotkeys, etc.\nexport function addKeyboardShortcuts({\n    overlayWrapper,\n    visualBuilderContainer,\n    focusedToolbar,\n    resizeObserver,\n}: AddKeyboardShortcutsParams): void {\n    document.addEventListener(\"keydown\", (e: Event) => {\n        const event = e as KeyboardEvent;\n        // un-focusses the focussed canvas item and removes the overlay\n        if (event.key === \"Escape\") {\n            // previously, this was achieved by clicking on overlayWrapper\n            hideOverlay({\n                visualBuilderOverlayWrapper: overlayWrapper,\n                visualBuilderContainer,\n                focusedToolbar: focusedToolbar,\n                resizeObserver: resizeObserver,\n            });\n        }\n    });\n}\n"],"mappings":";;;AAAA,SAAS,mBAAmB;AAUrB,SAAS,qBAAqB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAAqC;AACjC,WAAS,iBAAiB,WAAW,CAAC,MAAa;AAC/C,UAAM,QAAQ;AAEd,QAAI,MAAM,QAAQ,UAAU;AAExB,kBAAY;AAAA,QACR,6BAA6B;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,MACJ,CAAC;AAAA,IACL;AAAA,EACJ,CAAC;AACL;","names":[]}

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

@@ -0,0 +1,138 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/listeners/mouseClick.ts
+var mouseClick_exports = {};
+__export(mouseClick_exports, {
+  addFocusedToolbar: () => addFocusedToolbar,
+  default: () => mouseClick_default
+});
+module.exports = __toCommonJS(mouseClick_exports);
+var import_handleIndividualFields = require("../utils/handleIndividualFields.cjs");
+var import_getCsDataOfElement = require("../utils/getCsDataOfElement.cjs");
+var import_generateToolbar = require("../generators/generateToolbar.cjs");
+var import_generateOverlay = require("../generators/generateOverlay.cjs");
+var import_visualBuilderPostMessage = __toESM(require("../utils/visualBuilderPostMessage.cjs"), 1);
+var import_postMessage = require("../utils/types/postMessage.types.cjs");
+var import__ = require("../index.cjs");
+var import_fieldSchemaMap = require("../utils/fieldSchemaMap.cjs");
+var import_isFieldDisabled = require("../utils/isFieldDisabled.cjs");
+var import_generateHighlightedComment = require("../generators/generateHighlightedComment.cjs");
+function addOverlay(params) {
+  if (!params.overlayWrapper || !params.editableElement) return;
+  (0, import_generateOverlay.addFocusOverlay)(
+    params.editableElement,
+    params.overlayWrapper,
+    params.isFieldDisabled
+  );
+  params.resizeObserver.observe(params.editableElement);
+}
+function addFocusedToolbar(params) {
+  const { editableElement } = params.eventDetails;
+  if (!editableElement || !params.focusedToolbar) return;
+  (0, import_generateToolbar.appendFocusedToolbar)(params.eventDetails, params.focusedToolbar);
+}
+async function handleBuilderInteraction(params) {
+  const eventTarget = params.event.target;
+  const isAnchorElement = eventTarget instanceof HTMLAnchorElement;
+  const elementHasCslp = eventTarget && (eventTarget.hasAttribute("data-cslp") || eventTarget.closest("[data-cslp]"));
+  if (isAnchorElement || elementHasCslp && !eventTarget.closest(".visual-builder__empty-block")) {
+    params.event.preventDefault();
+    params.event.stopPropagation();
+  }
+  const eventDetails = (0, import_getCsDataOfElement.getCsDataOfElement)(params.event);
+  import_visualBuilderPostMessage.default?.send(import_postMessage.VisualBuilderPostMessageEvents.MOUSE_CLICK, {
+    cslpData: eventDetails?.cslpData,
+    fieldMetadata: eventDetails?.fieldMetadata
+  }).catch((err) => {
+    console.warn("Error while sending post message", err);
+  });
+  if (!eventDetails || !params.overlayWrapper || !params.visualBuilderContainer) {
+    return;
+  }
+  const { editableElement, fieldMetadata } = eventDetails;
+  if (import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM && import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM !== editableElement) {
+    (0, import_handleIndividualFields.cleanIndividualFieldResidual)({
+      overlayWrapper: params.overlayWrapper,
+      visualBuilderContainer: params.visualBuilderContainer,
+      focusedToolbar: params.focusedToolbar,
+      resizeObserver: params.resizeObserver
+    });
+  }
+  if (editableElement.classList.contains(
+    "visual-builder__empty-block-parent"
+  ) || editableElement.classList.contains("visual-builder__empty-block")) {
+    return;
+  }
+  const previousSelectedElement = import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM;
+  if (previousSelectedElement && previousSelectedElement === editableElement) {
+    return;
+  }
+  import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM = editableElement;
+  addOverlay({
+    overlayWrapper: params.overlayWrapper,
+    resizeObserver: params.resizeObserver,
+    editableElement
+  });
+  addFocusedToolbar({
+    eventDetails,
+    focusedToolbar: params.focusedToolbar
+  });
+  const { content_type_uid, fieldPath, cslpValue } = fieldMetadata;
+  (0, import_generateHighlightedComment.toggleHighlightedCommentIconDisplay)(cslpValue, false);
+  const fieldSchema = await import_fieldSchemaMap.FieldSchemaMap.getFieldSchema(
+    content_type_uid,
+    fieldPath
+  );
+  if (fieldSchema) {
+    const { isDisabled } = (0, import_isFieldDisabled.isFieldDisabled)(fieldSchema, eventDetails);
+    if (isDisabled) {
+      addOverlay({
+        overlayWrapper: params.overlayWrapper,
+        resizeObserver: params.resizeObserver,
+        editableElement,
+        isFieldDisabled: true
+      });
+    }
+  }
+  import_visualBuilderPostMessage.default?.send(import_postMessage.VisualBuilderPostMessageEvents.FOCUS_FIELD, {
+    DOMEditStack: (0, import_getCsDataOfElement.getDOMEditStack)(editableElement)
+  });
+  await (0, import_handleIndividualFields.handleIndividualFields)(eventDetails, {
+    visualBuilderContainer: params.visualBuilderContainer,
+    resizeObserver: params.resizeObserver,
+    lastEditedField: previousSelectedElement
+  });
+}
+var mouseClick_default = handleBuilderInteraction;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addFocusedToolbar
+});
+//# sourceMappingURL=mouseClick.cjs.map

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

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

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

@@ -0,0 +1,10 @@
+import EventListenerHandlerParams from './types.cjs';
+import '../types/visualBuilder.types.cjs';
+import '../../cslp/types/cslp.types.cjs';
+
+type HandleBuilderInteractionParams = Omit<EventListenerHandlerParams, "eventDetails" | "customCursor">;
+type AddFocusedToolbarParams = Pick<EventListenerHandlerParams, "eventDetails" | "focusedToolbar">;
+declare function addFocusedToolbar(params: AddFocusedToolbarParams): void;
+declare function handleBuilderInteraction(params: HandleBuilderInteractionParams): Promise<void>;
+
+export { addFocusedToolbar, handleBuilderInteraction as default };

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

@@ -0,0 +1,10 @@
+import EventListenerHandlerParams from './types.js';
+import '../types/visualBuilder.types.js';
+import '../../cslp/types/cslp.types.js';
+
+type HandleBuilderInteractionParams = Omit<EventListenerHandlerParams, "eventDetails" | "customCursor">;
+type AddFocusedToolbarParams = Pick<EventListenerHandlerParams, "eventDetails" | "focusedToolbar">;
+declare function addFocusedToolbar(params: AddFocusedToolbarParams): void;
+declare function handleBuilderInteraction(params: HandleBuilderInteractionParams): Promise<void>;
+
+export { addFocusedToolbar, handleBuilderInteraction as default };