@contentstack/live-preview-utils 3.0.1 → 3.0.2

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

@@ -1 +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"]}
+{"version":3,"sources":["../../../../src/visualBuilder/listeners/index.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport handleBuilderInteraction from \"./mouseClick\";\nimport handleMouseHover, {\n    hideCustomCursor,\n    hideHoverOutline,\n    showCustomCursor,\n} from \"./mouseHover\";\nimport EventListenerHandlerParams from \"./types\";\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(\n            \"mouseleave\",\n            mouseleaveHandler\n        );\n    }\n    if (mouseenterHandler) {\n        document.documentElement.removeEventListener(\n            \"mouseenter\",\n            mouseenterHandler\n        );\n    }\n\n    eventListenersMap.clear();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAA8B;AAC9B,wBAAqC;AACrC,wBAIO;AAYP,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;AAAA,MACrB;AAAA,MACA;AAAA,IACJ;AAAA,EACJ;AACA,MAAI,mBAAmB;AACnB,aAAS,gBAAgB;AAAA,MACrB;AAAA,MACA;AAAA,IACJ;AAAA,EACJ;AAEA,oBAAkB,MAAM;AAC5B;","names":["handleBuilderInteraction","handleMouseHover"]}

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

@@ -62,10 +62,16 @@ function removeEventListeners(params) {
     window.removeEventListener("mousemove", mousemoveHandler);
   }
   if (mouseleaveHandler) {
-    document.documentElement.removeEventListener("mouseleave", mouseleaveHandler);
+    document.documentElement.removeEventListener(
+      "mouseleave",
+      mouseleaveHandler
+    );
   }
   if (mouseenterHandler) {
-    document.documentElement.removeEventListener("mouseenter", mouseenterHandler);
+    document.documentElement.removeEventListener(
+      "mouseenter",
+      mouseenterHandler
+    );
   }
   eventListenersMap.clear();
 }

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/listeners/index.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport handleBuilderInteraction from \"./mouseClick\";\nimport handleMouseHover, {\n    hideCustomCursor,\n    hideHoverOutline,\n    showCustomCursor,\n} from \"./mouseHover\";\nimport EventListenerHandlerParams from \"./types\";\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(\n            \"mouseleave\",\n            mouseleaveHandler\n        );\n    }\n    if (mouseenterHandler) {\n        document.documentElement.removeEventListener(\n            \"mouseenter\",\n            mouseenterHandler\n        );\n    }\n\n    eventListenersMap.clear();\n}\n"],"mappings":";;;AAAA,SAAS,qBAAqB;AAC9B,OAAO,8BAA8B;AACrC,OAAO;AAAA,EACH;AAAA,EACA;AAAA,EACA;AAAA,OACG;AAYP,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;AAAA,MACrB;AAAA,MACA;AAAA,IACJ;AAAA,EACJ;AACA,MAAI,mBAAmB;AACnB,aAAS,gBAAgB;AAAA,MACrB;AAAA,MACA;AAAA,IACJ;AAAA,EACJ;AAEA,oBAAkB,MAAM;AAC5B;","names":[]}

package/dist/modern/visualBuilder/utils/constants.cjs

@@ -31,7 +31,8 @@ __export(constants_exports, {
   TOP_EDGE_BUFFER: () => TOP_EDGE_BUFFER,
   VISUAL_BUILDER_CHANNEL_ID: () => VISUAL_BUILDER_CHANNEL_ID,
   VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY: () => VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,
-  numericInputRegex: () => numericInputRegex
+  numericInputRegex: () => numericInputRegex,
+  unicodeNonBreakingSpace: () => unicodeNonBreakingSpace
 });
 module.exports = __toCommonJS(constants_exports);
 var import_types = require("./types/index.types.cjs");
@@ -66,6 +67,7 @@ var DEFAULT_MULTIPLE_FIELDS = [
   import_types.FieldDataType.GROUP,
   import_types.FieldDataType.BLOCK
 ];
+var unicodeNonBreakingSpace = "\xA0";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ALLOWED_INLINE_EDITABLE_FIELD,
@@ -79,6 +81,7 @@ var DEFAULT_MULTIPLE_FIELDS = [
   TOP_EDGE_BUFFER,
   VISUAL_BUILDER_CHANNEL_ID,
   VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,
-  numericInputRegex
+  numericInputRegex,
+  unicodeNonBreakingSpace
 });
 //# sourceMappingURL=constants.cjs.map

package/dist/modern/visualBuilder/utils/constants.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/constants.ts"],"sourcesContent":["import { FieldDataType } from \"./types/index.types\";\n\nexport const numericInputRegex = /^-?\\d*(\\.\\d*)?([eE][-+]?\\d*)?$/;\n\nexport const VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY = \"data-cslp-field-type\";\n\nexport const VISUAL_BUILDER_CHANNEL_ID = \"visual-builder\";\n\nexport const LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX = 2;\n\n// Minimum distance from top edge to prevent toolbar from being hidden\nexport const TOP_EDGE_BUFFER = 42;\nexport const RIGHT_EDGE_BUFFER = 180;\n\nexport const TOOLBAR_EDGE_BUFFER = 8;\n\nexport const DATA_CSLP_ATTR_SELECTOR = \"data-cslp\";\n\n/**\n * The field that can be directly modified using contenteditable=true.\n * This includes all text fields like title and numbers.\n */\nexport const ALLOWED_INLINE_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.SINGLELINE,\n    FieldDataType.MULTILINE,\n    FieldDataType.NUMBER,\n];\n\nexport const ALLOWED_MODAL_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.HTML_RTE,\n    FieldDataType.MARKDOWN_RTE,\n    FieldDataType.JSON_RTE,\n    FieldDataType.CUSTOM_FIELD,\n    FieldDataType.LINK,\n    FieldDataType.ISODATE,\n    FieldDataType.URL,\n];\n\nexport const ALLOWED_REPLACE_FIELDS: FieldDataType[] = [\n    FieldDataType.REFERENCE,\n    FieldDataType.FILE,\n];\n\nexport const DEFAULT_MULTIPLE_FIELDS: FieldDataType[] = [\n    FieldDataType.GLOBAL_FIELD,\n    FieldDataType.GROUP,\n    FieldDataType.BLOCK,\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAEvB,IAAM,oBAAoB;AAE1B,IAAM,0CAA0C;AAEhD,IAAM,4BAA4B;AAElC,IAAM,mCAAmC;AAGzC,IAAM,kBAAkB;AACxB,IAAM,oBAAoB;AAE1B,IAAM,sBAAsB;AAE5B,IAAM,0BAA0B;AAMhC,IAAM,gCAAiD;AAAA,EAC1D,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,+BAAgD;AAAA,EACzD,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,yBAA0C;AAAA,EACnD,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,0BAA2C;AAAA,EACpD,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAClB;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/constants.ts"],"sourcesContent":["import { FieldDataType } from \"./types/index.types\";\n\nexport const numericInputRegex = /^-?\\d*(\\.\\d*)?([eE][-+]?\\d*)?$/;\n\nexport const VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY = \"data-cslp-field-type\";\n\nexport const VISUAL_BUILDER_CHANNEL_ID = \"visual-builder\";\n\nexport const LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX = 2;\n\n// Minimum distance from top edge to prevent toolbar from being hidden\nexport const TOP_EDGE_BUFFER = 42;\nexport const RIGHT_EDGE_BUFFER = 180;\n\nexport const TOOLBAR_EDGE_BUFFER = 8;\n\nexport const DATA_CSLP_ATTR_SELECTOR = \"data-cslp\";\n\n/**\n * The field that can be directly modified using contenteditable=true.\n * This includes all text fields like title and numbers.\n */\nexport const ALLOWED_INLINE_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.SINGLELINE,\n    FieldDataType.MULTILINE,\n    FieldDataType.NUMBER,\n];\n\nexport const ALLOWED_MODAL_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.HTML_RTE,\n    FieldDataType.MARKDOWN_RTE,\n    FieldDataType.JSON_RTE,\n    FieldDataType.CUSTOM_FIELD,\n    FieldDataType.LINK,\n    FieldDataType.ISODATE,\n    FieldDataType.URL,\n];\n\nexport const ALLOWED_REPLACE_FIELDS: FieldDataType[] = [\n    FieldDataType.REFERENCE,\n    FieldDataType.FILE,\n];\n\nexport const DEFAULT_MULTIPLE_FIELDS: FieldDataType[] = [\n    FieldDataType.GLOBAL_FIELD,\n    FieldDataType.GROUP,\n    FieldDataType.BLOCK,\n];\n\nexport const unicodeNonBreakingSpace = \"\\u00A0\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAEvB,IAAM,oBAAoB;AAE1B,IAAM,0CAA0C;AAEhD,IAAM,4BAA4B;AAElC,IAAM,mCAAmC;AAGzC,IAAM,kBAAkB;AACxB,IAAM,oBAAoB;AAE1B,IAAM,sBAAsB;AAE5B,IAAM,0BAA0B;AAMhC,IAAM,gCAAiD;AAAA,EAC1D,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,+BAAgD;AAAA,EACzD,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,yBAA0C;AAAA,EACnD,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,0BAA2C;AAAA,EACpD,2BAAc;AAAA,EACd,2BAAc;AAAA,EACd,2BAAc;AAClB;AAEO,IAAM,0BAA0B;","names":[]}

package/dist/modern/visualBuilder/utils/constants.d.cts

@@ -17,5 +17,6 @@ declare const ALLOWED_INLINE_EDITABLE_FIELD: FieldDataType[];
 declare const ALLOWED_MODAL_EDITABLE_FIELD: FieldDataType[];
 declare const ALLOWED_REPLACE_FIELDS: FieldDataType[];
 declare const DEFAULT_MULTIPLE_FIELDS: FieldDataType[];
+declare const unicodeNonBreakingSpace = "\u00A0";
 
-export { ALLOWED_INLINE_EDITABLE_FIELD, ALLOWED_MODAL_EDITABLE_FIELD, ALLOWED_REPLACE_FIELDS, DATA_CSLP_ATTR_SELECTOR, DEFAULT_MULTIPLE_FIELDS, LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX, RIGHT_EDGE_BUFFER, TOOLBAR_EDGE_BUFFER, TOP_EDGE_BUFFER, VISUAL_BUILDER_CHANNEL_ID, VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY, numericInputRegex };
+export { ALLOWED_INLINE_EDITABLE_FIELD, ALLOWED_MODAL_EDITABLE_FIELD, ALLOWED_REPLACE_FIELDS, DATA_CSLP_ATTR_SELECTOR, DEFAULT_MULTIPLE_FIELDS, LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX, RIGHT_EDGE_BUFFER, TOOLBAR_EDGE_BUFFER, TOP_EDGE_BUFFER, VISUAL_BUILDER_CHANNEL_ID, VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY, numericInputRegex, unicodeNonBreakingSpace };

package/dist/modern/visualBuilder/utils/constants.d.ts

@@ -17,5 +17,6 @@ declare const ALLOWED_INLINE_EDITABLE_FIELD: FieldDataType[];
 declare const ALLOWED_MODAL_EDITABLE_FIELD: FieldDataType[];
 declare const ALLOWED_REPLACE_FIELDS: FieldDataType[];
 declare const DEFAULT_MULTIPLE_FIELDS: FieldDataType[];
+declare const unicodeNonBreakingSpace = "\u00A0";
 
-export { ALLOWED_INLINE_EDITABLE_FIELD, ALLOWED_MODAL_EDITABLE_FIELD, ALLOWED_REPLACE_FIELDS, DATA_CSLP_ATTR_SELECTOR, DEFAULT_MULTIPLE_FIELDS, LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX, RIGHT_EDGE_BUFFER, TOOLBAR_EDGE_BUFFER, TOP_EDGE_BUFFER, VISUAL_BUILDER_CHANNEL_ID, VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY, numericInputRegex };
+export { ALLOWED_INLINE_EDITABLE_FIELD, ALLOWED_MODAL_EDITABLE_FIELD, ALLOWED_REPLACE_FIELDS, DATA_CSLP_ATTR_SELECTOR, DEFAULT_MULTIPLE_FIELDS, LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX, RIGHT_EDGE_BUFFER, TOOLBAR_EDGE_BUFFER, TOP_EDGE_BUFFER, VISUAL_BUILDER_CHANNEL_ID, VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY, numericInputRegex, unicodeNonBreakingSpace };

package/dist/modern/visualBuilder/utils/constants.js

@@ -33,6 +33,7 @@ var DEFAULT_MULTIPLE_FIELDS = [
   FieldDataType.GROUP,
   FieldDataType.BLOCK
 ];
+var unicodeNonBreakingSpace = "\xA0";
 export {
   ALLOWED_INLINE_EDITABLE_FIELD,
   ALLOWED_MODAL_EDITABLE_FIELD,
@@ -45,6 +46,7 @@ export {
   TOP_EDGE_BUFFER,
   VISUAL_BUILDER_CHANNEL_ID,
   VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,
-  numericInputRegex
+  numericInputRegex,
+  unicodeNonBreakingSpace
 };
 //# sourceMappingURL=constants.js.map

package/dist/modern/visualBuilder/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/constants.ts"],"sourcesContent":["import { FieldDataType } from \"./types/index.types\";\n\nexport const numericInputRegex = /^-?\\d*(\\.\\d*)?([eE][-+]?\\d*)?$/;\n\nexport const VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY = \"data-cslp-field-type\";\n\nexport const VISUAL_BUILDER_CHANNEL_ID = \"visual-builder\";\n\nexport const LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX = 2;\n\n// Minimum distance from top edge to prevent toolbar from being hidden\nexport const TOP_EDGE_BUFFER = 42;\nexport const RIGHT_EDGE_BUFFER = 180;\n\nexport const TOOLBAR_EDGE_BUFFER = 8;\n\nexport const DATA_CSLP_ATTR_SELECTOR = \"data-cslp\";\n\n/**\n * The field that can be directly modified using contenteditable=true.\n * This includes all text fields like title and numbers.\n */\nexport const ALLOWED_INLINE_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.SINGLELINE,\n    FieldDataType.MULTILINE,\n    FieldDataType.NUMBER,\n];\n\nexport const ALLOWED_MODAL_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.HTML_RTE,\n    FieldDataType.MARKDOWN_RTE,\n    FieldDataType.JSON_RTE,\n    FieldDataType.CUSTOM_FIELD,\n    FieldDataType.LINK,\n    FieldDataType.ISODATE,\n    FieldDataType.URL,\n];\n\nexport const ALLOWED_REPLACE_FIELDS: FieldDataType[] = [\n    FieldDataType.REFERENCE,\n    FieldDataType.FILE,\n];\n\nexport const DEFAULT_MULTIPLE_FIELDS: FieldDataType[] = [\n    FieldDataType.GLOBAL_FIELD,\n    FieldDataType.GROUP,\n    FieldDataType.BLOCK,\n];\n"],"mappings":";;;AAAA,SAAS,qBAAqB;AAEvB,IAAM,oBAAoB;AAE1B,IAAM,0CAA0C;AAEhD,IAAM,4BAA4B;AAElC,IAAM,mCAAmC;AAGzC,IAAM,kBAAkB;AACxB,IAAM,oBAAoB;AAE1B,IAAM,sBAAsB;AAE5B,IAAM,0BAA0B;AAMhC,IAAM,gCAAiD;AAAA,EAC1D,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,+BAAgD;AAAA,EACzD,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,yBAA0C;AAAA,EACnD,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,0BAA2C;AAAA,EACpD,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAClB;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/constants.ts"],"sourcesContent":["import { FieldDataType } from \"./types/index.types\";\n\nexport const numericInputRegex = /^-?\\d*(\\.\\d*)?([eE][-+]?\\d*)?$/;\n\nexport const VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY = \"data-cslp-field-type\";\n\nexport const VISUAL_BUILDER_CHANNEL_ID = \"visual-builder\";\n\nexport const LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX = 2;\n\n// Minimum distance from top edge to prevent toolbar from being hidden\nexport const TOP_EDGE_BUFFER = 42;\nexport const RIGHT_EDGE_BUFFER = 180;\n\nexport const TOOLBAR_EDGE_BUFFER = 8;\n\nexport const DATA_CSLP_ATTR_SELECTOR = \"data-cslp\";\n\n/**\n * The field that can be directly modified using contenteditable=true.\n * This includes all text fields like title and numbers.\n */\nexport const ALLOWED_INLINE_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.SINGLELINE,\n    FieldDataType.MULTILINE,\n    FieldDataType.NUMBER,\n];\n\nexport const ALLOWED_MODAL_EDITABLE_FIELD: FieldDataType[] = [\n    FieldDataType.HTML_RTE,\n    FieldDataType.MARKDOWN_RTE,\n    FieldDataType.JSON_RTE,\n    FieldDataType.CUSTOM_FIELD,\n    FieldDataType.LINK,\n    FieldDataType.ISODATE,\n    FieldDataType.URL,\n];\n\nexport const ALLOWED_REPLACE_FIELDS: FieldDataType[] = [\n    FieldDataType.REFERENCE,\n    FieldDataType.FILE,\n];\n\nexport const DEFAULT_MULTIPLE_FIELDS: FieldDataType[] = [\n    FieldDataType.GLOBAL_FIELD,\n    FieldDataType.GROUP,\n    FieldDataType.BLOCK,\n];\n\nexport const unicodeNonBreakingSpace = \"\\u00A0\";\n"],"mappings":";;;AAAA,SAAS,qBAAqB;AAEvB,IAAM,oBAAoB;AAE1B,IAAM,0CAA0C;AAEhD,IAAM,4BAA4B;AAElC,IAAM,mCAAmC;AAGzC,IAAM,kBAAkB;AACxB,IAAM,oBAAoB;AAE1B,IAAM,sBAAsB;AAE5B,IAAM,0BAA0B;AAMhC,IAAM,gCAAiD;AAAA,EAC1D,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,+BAAgD;AAAA,EACzD,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,yBAA0C;AAAA,EACnD,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,0BAA2C;AAAA,EACpD,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAClB;AAEO,IAAM,0BAA0B;","names":[]}

package/dist/modern/visualBuilder/utils/getFieldType.cjs

@@ -31,22 +31,22 @@ function getFieldType(fieldSchema) {
   }
   switch (fieldSchema.data_type) {
     case "text": {
-      if (fieldSchema?.field_metadata.multiline) {
+      if (fieldSchema.field_metadata?.multiline) {
         return import_types.FieldDataType.MULTILINE;
-      } else if (fieldSchema?.field_metadata.allow_rich_text) {
+      } else if (fieldSchema.field_metadata?.allow_rich_text) {
         return import_types.FieldDataType.HTML_RTE;
-      } else if (fieldSchema?.field_metadata.markdown) {
+      } else if (fieldSchema.field_metadata?.markdown) {
         return import_types.FieldDataType.MARKDOWN_RTE;
       } else if (fieldSchema.enum) {
         return import_types.FieldDataType.SELECT;
-      } else if (fieldSchema.uid === "url" && fieldSchema.field_metadata._default) {
+      } else if (fieldSchema.uid === "url" && fieldSchema.field_metadata?._default) {
         return import_types.FieldDataType.URL;
       } else {
         return import_types.FieldDataType.SINGLELINE;
       }
     }
     case "json": {
-      if (fieldSchema.field_metadata.allow_json_rte) {
+      if (fieldSchema.field_metadata?.allow_json_rte) {
         return import_types.FieldDataType.JSON_RTE;
       }
       break;

package/dist/modern/visualBuilder/utils/getFieldType.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/getFieldType.ts"],"sourcesContent":["// @ts-nocheck\nimport { ISchemaFieldMap, FieldDataType } from \"./types/index.types\";\n\nexport function getFieldType(fieldSchema: ISchemaFieldMap): FieldDataType {\n    if(!fieldSchema) return;\n    if (Object.hasOwnProperty.call(fieldSchema, \"extension_uid\")) {\n        return FieldDataType.CUSTOM_FIELD;\n    }\n\n    switch (fieldSchema.data_type) {\n        case \"text\": {\n            if (fieldSchema?.field_metadata.multiline) {\n                return FieldDataType.MULTILINE;\n            } else if (fieldSchema?.field_metadata.allow_rich_text) {\n                return FieldDataType.HTML_RTE;\n            } else if (fieldSchema?.field_metadata.markdown) {\n                return FieldDataType.MARKDOWN_RTE;\n            } else if (fieldSchema.enum) {\n                return FieldDataType.SELECT;\n            } else if (\n                fieldSchema.uid === \"url\" &&\n                fieldSchema.field_metadata._default\n            ) {\n                return FieldDataType.URL;\n            } else {\n                return FieldDataType.SINGLELINE;\n            }\n        }\n        case \"json\": {\n            if (fieldSchema.field_metadata.allow_json_rte) {\n                return FieldDataType.JSON_RTE;\n            }\n            break;\n        }\n\n        case \"blocks\": {\n            return \"modular_block\";\n        }\n        case \"link\":\n        case \"isodate\":\n        case \"boolean\":\n        case \"block\":\n        case \"number\":\n        case \"reference\":\n        case \"group\":\n        case \"experience_container\":\n        case \"file\":\n        case \"taxonomy\":\n        case \"global_field\": {\n            return FieldDataType[fieldSchema.data_type.toUpperCase()];\n        }\n    }\n\n    return \"\";\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA+C;AAExC,SAAS,aAAa,aAA6C;AACtE,MAAG,CAAC,YAAa;AACjB,MAAI,OAAO,eAAe,KAAK,aAAa,eAAe,GAAG;AAC1D,WAAO,2BAAc;AAAA,EACzB;AAEA,UAAQ,YAAY,WAAW;AAAA,IAC3B,KAAK,QAAQ;AACT,UAAI,aAAa,eAAe,WAAW;AACvC,eAAO,2BAAc;AAAA,MACzB,WAAW,aAAa,eAAe,iBAAiB;AACpD,eAAO,2BAAc;AAAA,MACzB,WAAW,aAAa,eAAe,UAAU;AAC7C,eAAO,2BAAc;AAAA,MACzB,WAAW,YAAY,MAAM;AACzB,eAAO,2BAAc;AAAA,MACzB,WACI,YAAY,QAAQ,SACpB,YAAY,eAAe,UAC7B;AACE,eAAO,2BAAc;AAAA,MACzB,OAAO;AACH,eAAO,2BAAc;AAAA,MACzB;AAAA,IACJ;AAAA,IACA,KAAK,QAAQ;AACT,UAAI,YAAY,eAAe,gBAAgB;AAC3C,eAAO,2BAAc;AAAA,MACzB;AACA;AAAA,IACJ;AAAA,IAEA,KAAK,UAAU;AACX,aAAO;AAAA,IACX;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK,gBAAgB;AACjB,aAAO,2BAAc,YAAY,UAAU,YAAY,CAAC;AAAA,IAC5D;AAAA,EACJ;AAEA,SAAO;AACX;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/getFieldType.ts"],"sourcesContent":["// @ts-nocheck\nimport { ISchemaFieldMap, FieldDataType } from \"./types/index.types\";\n\nexport function getFieldType(fieldSchema: ISchemaFieldMap): FieldDataType {\n    if (!fieldSchema) return;\n    if (Object.hasOwnProperty.call(fieldSchema, \"extension_uid\")) {\n        return FieldDataType.CUSTOM_FIELD;\n    }\n\n    switch (fieldSchema.data_type) {\n        case \"text\": {\n            if (fieldSchema.field_metadata?.multiline) {\n                return FieldDataType.MULTILINE;\n            } else if (fieldSchema.field_metadata?.allow_rich_text) {\n                return FieldDataType.HTML_RTE;\n            } else if (fieldSchema.field_metadata?.markdown) {\n                return FieldDataType.MARKDOWN_RTE;\n            } else if (fieldSchema.enum) {\n                return FieldDataType.SELECT;\n            } else if (\n                fieldSchema.uid === \"url\" &&\n                fieldSchema.field_metadata?._default\n            ) {\n                return FieldDataType.URL;\n            } else {\n                return FieldDataType.SINGLELINE;\n            }\n        }\n        case \"json\": {\n            if (fieldSchema.field_metadata?.allow_json_rte) {\n                return FieldDataType.JSON_RTE;\n            }\n            break;\n        }\n\n        case \"blocks\": {\n            return \"modular_block\";\n        }\n        case \"link\":\n        case \"isodate\":\n        case \"boolean\":\n        case \"block\":\n        case \"number\":\n        case \"reference\":\n        case \"group\":\n        case \"experience_container\":\n        case \"file\":\n        case \"taxonomy\":\n        case \"global_field\": {\n            return FieldDataType[fieldSchema.data_type.toUpperCase()];\n        }\n    }\n\n    return \"\";\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA+C;AAExC,SAAS,aAAa,aAA6C;AACtE,MAAI,CAAC,YAAa;AAClB,MAAI,OAAO,eAAe,KAAK,aAAa,eAAe,GAAG;AAC1D,WAAO,2BAAc;AAAA,EACzB;AAEA,UAAQ,YAAY,WAAW;AAAA,IAC3B,KAAK,QAAQ;AACT,UAAI,YAAY,gBAAgB,WAAW;AACvC,eAAO,2BAAc;AAAA,MACzB,WAAW,YAAY,gBAAgB,iBAAiB;AACpD,eAAO,2BAAc;AAAA,MACzB,WAAW,YAAY,gBAAgB,UAAU;AAC7C,eAAO,2BAAc;AAAA,MACzB,WAAW,YAAY,MAAM;AACzB,eAAO,2BAAc;AAAA,MACzB,WACI,YAAY,QAAQ,SACpB,YAAY,gBAAgB,UAC9B;AACE,eAAO,2BAAc;AAAA,MACzB,OAAO;AACH,eAAO,2BAAc;AAAA,MACzB;AAAA,IACJ;AAAA,IACA,KAAK,QAAQ;AACT,UAAI,YAAY,gBAAgB,gBAAgB;AAC5C,eAAO,2BAAc;AAAA,MACzB;AACA;AAAA,IACJ;AAAA,IAEA,KAAK,UAAU;AACX,aAAO;AAAA,IACX;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK,gBAAgB;AACjB,aAAO,2BAAc,YAAY,UAAU,YAAY,CAAC;AAAA,IAC5D;AAAA,EACJ;AAEA,SAAO;AACX;","names":[]}

package/dist/modern/visualBuilder/utils/getFieldType.js

@@ -9,22 +9,22 @@ function getFieldType(fieldSchema) {
   }
   switch (fieldSchema.data_type) {
     case "text": {
-      if (fieldSchema?.field_metadata.multiline) {
+      if (fieldSchema.field_metadata?.multiline) {
         return FieldDataType.MULTILINE;
-      } else if (fieldSchema?.field_metadata.allow_rich_text) {
+      } else if (fieldSchema.field_metadata?.allow_rich_text) {
         return FieldDataType.HTML_RTE;
-      } else if (fieldSchema?.field_metadata.markdown) {
+      } else if (fieldSchema.field_metadata?.markdown) {
         return FieldDataType.MARKDOWN_RTE;
       } else if (fieldSchema.enum) {
         return FieldDataType.SELECT;
-      } else if (fieldSchema.uid === "url" && fieldSchema.field_metadata._default) {
+      } else if (fieldSchema.uid === "url" && fieldSchema.field_metadata?._default) {
         return FieldDataType.URL;
       } else {
         return FieldDataType.SINGLELINE;
       }
     }
     case "json": {
-      if (fieldSchema.field_metadata.allow_json_rte) {
+      if (fieldSchema.field_metadata?.allow_json_rte) {
         return FieldDataType.JSON_RTE;
       }
       break;

package/dist/modern/visualBuilder/utils/getFieldType.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/getFieldType.ts"],"sourcesContent":["// @ts-nocheck\nimport { ISchemaFieldMap, FieldDataType } from \"./types/index.types\";\n\nexport function getFieldType(fieldSchema: ISchemaFieldMap): FieldDataType {\n    if(!fieldSchema) return;\n    if (Object.hasOwnProperty.call(fieldSchema, \"extension_uid\")) {\n        return FieldDataType.CUSTOM_FIELD;\n    }\n\n    switch (fieldSchema.data_type) {\n        case \"text\": {\n            if (fieldSchema?.field_metadata.multiline) {\n                return FieldDataType.MULTILINE;\n            } else if (fieldSchema?.field_metadata.allow_rich_text) {\n                return FieldDataType.HTML_RTE;\n            } else if (fieldSchema?.field_metadata.markdown) {\n                return FieldDataType.MARKDOWN_RTE;\n            } else if (fieldSchema.enum) {\n                return FieldDataType.SELECT;\n            } else if (\n                fieldSchema.uid === \"url\" &&\n                fieldSchema.field_metadata._default\n            ) {\n                return FieldDataType.URL;\n            } else {\n                return FieldDataType.SINGLELINE;\n            }\n        }\n        case \"json\": {\n            if (fieldSchema.field_metadata.allow_json_rte) {\n                return FieldDataType.JSON_RTE;\n            }\n            break;\n        }\n\n        case \"blocks\": {\n            return \"modular_block\";\n        }\n        case \"link\":\n        case \"isodate\":\n        case \"boolean\":\n        case \"block\":\n        case \"number\":\n        case \"reference\":\n        case \"group\":\n        case \"experience_container\":\n        case \"file\":\n        case \"taxonomy\":\n        case \"global_field\": {\n            return FieldDataType[fieldSchema.data_type.toUpperCase()];\n        }\n    }\n\n    return \"\";\n}\n"],"mappings":";;;AACA,SAA0B,qBAAqB;AAExC,SAAS,aAAa,aAA6C;AACtE,MAAG,CAAC,YAAa;AACjB,MAAI,OAAO,eAAe,KAAK,aAAa,eAAe,GAAG;AAC1D,WAAO,cAAc;AAAA,EACzB;AAEA,UAAQ,YAAY,WAAW;AAAA,IAC3B,KAAK,QAAQ;AACT,UAAI,aAAa,eAAe,WAAW;AACvC,eAAO,cAAc;AAAA,MACzB,WAAW,aAAa,eAAe,iBAAiB;AACpD,eAAO,cAAc;AAAA,MACzB,WAAW,aAAa,eAAe,UAAU;AAC7C,eAAO,cAAc;AAAA,MACzB,WAAW,YAAY,MAAM;AACzB,eAAO,cAAc;AAAA,MACzB,WACI,YAAY,QAAQ,SACpB,YAAY,eAAe,UAC7B;AACE,eAAO,cAAc;AAAA,MACzB,OAAO;AACH,eAAO,cAAc;AAAA,MACzB;AAAA,IACJ;AAAA,IACA,KAAK,QAAQ;AACT,UAAI,YAAY,eAAe,gBAAgB;AAC3C,eAAO,cAAc;AAAA,MACzB;AACA;AAAA,IACJ;AAAA,IAEA,KAAK,UAAU;AACX,aAAO;AAAA,IACX;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK,gBAAgB;AACjB,aAAO,cAAc,YAAY,UAAU,YAAY,CAAC;AAAA,IAC5D;AAAA,EACJ;AAEA,SAAO;AACX;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/getFieldType.ts"],"sourcesContent":["// @ts-nocheck\nimport { ISchemaFieldMap, FieldDataType } from \"./types/index.types\";\n\nexport function getFieldType(fieldSchema: ISchemaFieldMap): FieldDataType {\n    if (!fieldSchema) return;\n    if (Object.hasOwnProperty.call(fieldSchema, \"extension_uid\")) {\n        return FieldDataType.CUSTOM_FIELD;\n    }\n\n    switch (fieldSchema.data_type) {\n        case \"text\": {\n            if (fieldSchema.field_metadata?.multiline) {\n                return FieldDataType.MULTILINE;\n            } else if (fieldSchema.field_metadata?.allow_rich_text) {\n                return FieldDataType.HTML_RTE;\n            } else if (fieldSchema.field_metadata?.markdown) {\n                return FieldDataType.MARKDOWN_RTE;\n            } else if (fieldSchema.enum) {\n                return FieldDataType.SELECT;\n            } else if (\n                fieldSchema.uid === \"url\" &&\n                fieldSchema.field_metadata?._default\n            ) {\n                return FieldDataType.URL;\n            } else {\n                return FieldDataType.SINGLELINE;\n            }\n        }\n        case \"json\": {\n            if (fieldSchema.field_metadata?.allow_json_rte) {\n                return FieldDataType.JSON_RTE;\n            }\n            break;\n        }\n\n        case \"blocks\": {\n            return \"modular_block\";\n        }\n        case \"link\":\n        case \"isodate\":\n        case \"boolean\":\n        case \"block\":\n        case \"number\":\n        case \"reference\":\n        case \"group\":\n        case \"experience_container\":\n        case \"file\":\n        case \"taxonomy\":\n        case \"global_field\": {\n            return FieldDataType[fieldSchema.data_type.toUpperCase()];\n        }\n    }\n\n    return \"\";\n}\n"],"mappings":";;;AACA,SAA0B,qBAAqB;AAExC,SAAS,aAAa,aAA6C;AACtE,MAAI,CAAC,YAAa;AAClB,MAAI,OAAO,eAAe,KAAK,aAAa,eAAe,GAAG;AAC1D,WAAO,cAAc;AAAA,EACzB;AAEA,UAAQ,YAAY,WAAW;AAAA,IAC3B,KAAK,QAAQ;AACT,UAAI,YAAY,gBAAgB,WAAW;AACvC,eAAO,cAAc;AAAA,MACzB,WAAW,YAAY,gBAAgB,iBAAiB;AACpD,eAAO,cAAc;AAAA,MACzB,WAAW,YAAY,gBAAgB,UAAU;AAC7C,eAAO,cAAc;AAAA,MACzB,WAAW,YAAY,MAAM;AACzB,eAAO,cAAc;AAAA,MACzB,WACI,YAAY,QAAQ,SACpB,YAAY,gBAAgB,UAC9B;AACE,eAAO,cAAc;AAAA,MACzB,OAAO;AACH,eAAO,cAAc;AAAA,MACzB;AAAA,IACJ;AAAA,IACA,KAAK,QAAQ;AACT,UAAI,YAAY,gBAAgB,gBAAgB;AAC5C,eAAO,cAAc;AAAA,MACzB;AACA;AAAA,IACJ;AAAA,IAEA,KAAK,UAAU;AACX,aAAO;AAAA,IACX;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK,gBAAgB;AACjB,aAAO,cAAc,YAAY,UAAU,YAAY,CAAC;AAAA,IAC5D;AAAA,EACJ;AAEA,SAAO;AACX;","names":[]}

package/dist/modern/visualBuilder/utils/handleFieldMouseDown.cjs

@@ -29,6 +29,7 @@ var import_generateOverlay = require("../generators/generateOverlay.cjs");
 var import_constants = require("./constants.cjs");
 var import_types = require("./types/index.types.cjs");
 var import_postMessage = require("./types/postMessage.types.cjs");
+var import_insertSpaceAtCursor = require("./insertSpaceAtCursor.cjs");
 function handleFieldInput(e) {
   const event = e;
   const targetElement = event.target;
@@ -59,12 +60,21 @@ function handleFieldKeyDown(e) {
   const fieldType = targetElement.getAttribute(
     import_constants.VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY
   );
+  if (targetElement.tagName === "BUTTON") {
+    handleKeyDownOnButton(event);
+  }
   if (fieldType === import_types.FieldDataType.NUMBER) {
     handleNumericFieldKeyDown(event);
   } else if (fieldType === import_types.FieldDataType.SINGLELINE) {
     handleSingleLineFieldKeyDown(event);
   }
 }
+function handleKeyDownOnButton(e) {
+  if (e.code === "Space" && e.target) {
+    e.preventDefault();
+    (0, import_insertSpaceAtCursor.insertSpaceAtCursor)(e.target);
+  }
+}
 function handleSingleLineFieldKeyDown(e) {
   if (e.code === "Enter") {
     e.preventDefault();

package/dist/modern/visualBuilder/utils/handleFieldMouseDown.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/handleFieldMouseDown.ts"],"sourcesContent":["import { throttle } from \"lodash-es\";\nimport { sendFieldEvent } from \"../generators/generateOverlay\";\nimport {\n    ALLOWED_INLINE_EDITABLE_FIELD,\n    VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,\n    numericInputRegex,\n} from \"./constants\";\nimport { FieldDataType } from \"./types/index.types\";\nimport { VisualBuilderPostMessageEvents } from \"./types/postMessage.types\";\n\nexport function handleFieldInput(e: Event): void {\n    const event = e as InputEvent;\n    const targetElement = event.target as HTMLElement;\n    const fieldType = targetElement.getAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n    ) as FieldDataType | null;\n    if (event.type === \"input\" && ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType as FieldDataType)) {\n        throttledFieldSync();\n    }\n}\nconst throttledFieldSync = throttle(() => {\n    try {\n        const visualBuilderContainer = document.querySelector(\n            \".visual-builder__container\"\n        ) as HTMLElement;\n        if(!visualBuilderContainer) return;\n        sendFieldEvent({\n            visualBuilderContainer,\n            eventType: VisualBuilderPostMessageEvents.SYNC_FIELD,\n        })  \n    } catch (error) {\n        console.error(\"Error in throttledFieldSync\", error)\n    }\n}, 300);\n\nexport function handleFieldKeyDown(e: Event): void {\n    const event = e as KeyboardEvent;\n    const targetElement = event.target as HTMLElement;\n    const fieldType = targetElement.getAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n    ) as FieldDataType | null;\n\n    if (fieldType === FieldDataType.NUMBER) {\n        handleNumericFieldKeyDown(event);\n    } else if (fieldType === FieldDataType.SINGLELINE) {\n        handleSingleLineFieldKeyDown(event);\n    }\n}\n\nfunction handleSingleLineFieldKeyDown(e: KeyboardEvent) {\n    if (e.code === \"Enter\") {\n        e.preventDefault();\n    }\n}\n\nfunction handleNumericFieldKeyDown(event: KeyboardEvent): void {\n    const targetElement = event.target as HTMLElement;\n\n    const allowedKeys = [\n        \"Backspace\",\n        \"Tab\",\n        \"Enter\",\n        \"End\",\n        \"Home\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Delete\",\n    ];\n\n    if (\n        event.ctrlKey ||\n        event.metaKey ||\n        event.altKey ||\n        allowedKeys.includes(event.code)\n    ) {\n        // Allow Ctrl, Cmd, Alt, and special keys\n        return;\n    }\n\n    if (event.code.includes(\"Digit\")) {\n        return;\n    }\n\n    const nonNumericAllowedCharacters = [\"-\", \".\", \"e\", \"E\"];\n\n    if (!nonNumericAllowedCharacters.includes(event.key)) {\n        event.preventDefault();\n        return;\n    }\n\n    const selection = {\n        startOffset: window.getSelection()?.getRangeAt(0).startOffset || 0,\n        endOffset: window.getSelection()?.getRangeAt(0).endOffset || 0,\n    };\n\n    const existingInput = targetElement.textContent || \"\";\n    const currentOutputArr = existingInput.split(\"\");\n    currentOutputArr.splice(\n        selection.startOffset,\n        selection.endOffset - selection.startOffset,\n        event.key\n    );\n    const currentInput = currentOutputArr.join(\"\");\n\n    if (!numericInputRegex.test(currentInput)) {\n        event.preventDefault();\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB;AACzB,6BAA+B;AAC/B,uBAIO;AACP,mBAA8B;AAC9B,yBAA+C;AAExC,SAAS,iBAAiB,GAAgB;AAC7C,QAAM,QAAQ;AACd,QAAM,gBAAgB,MAAM;AAC5B,QAAM,YAAY,cAAc;AAAA,IAC5B;AAAA,EACJ;AACA,MAAI,MAAM,SAAS,WAAW,+CAA8B,SAAS,SAA0B,GAAG;AAC9F,uBAAmB;AAAA,EACvB;AACJ;AACA,IAAM,yBAAqB,2BAAS,MAAM;AACtC,MAAI;AACA,UAAM,yBAAyB,SAAS;AAAA,MACpC;AAAA,IACJ;AACA,QAAG,CAAC,uBAAwB;AAC5B,+CAAe;AAAA,MACX;AAAA,MACA,WAAW,kDAA+B;AAAA,IAC9C,CAAC;AAAA,EACL,SAAS,OAAO;AACZ,YAAQ,MAAM,+BAA+B,KAAK;AAAA,EACtD;AACJ,GAAG,GAAG;AAEC,SAAS,mBAAmB,GAAgB;AAC/C,QAAM,QAAQ;AACd,QAAM,gBAAgB,MAAM;AAC5B,QAAM,YAAY,cAAc;AAAA,IAC5B;AAAA,EACJ;AAEA,MAAI,cAAc,2BAAc,QAAQ;AACpC,8BAA0B,KAAK;AAAA,EACnC,WAAW,cAAc,2BAAc,YAAY;AAC/C,iCAA6B,KAAK;AAAA,EACtC;AACJ;AAEA,SAAS,6BAA6B,GAAkB;AACpD,MAAI,EAAE,SAAS,SAAS;AACpB,MAAE,eAAe;AAAA,EACrB;AACJ;AAEA,SAAS,0BAA0B,OAA4B;AAC3D,QAAM,gBAAgB,MAAM;AAE5B,QAAM,cAAc;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,MACI,MAAM,WACN,MAAM,WACN,MAAM,UACN,YAAY,SAAS,MAAM,IAAI,GACjC;AAEE;AAAA,EACJ;AAEA,MAAI,MAAM,KAAK,SAAS,OAAO,GAAG;AAC9B;AAAA,EACJ;AAEA,QAAM,8BAA8B,CAAC,KAAK,KAAK,KAAK,GAAG;AAEvD,MAAI,CAAC,4BAA4B,SAAS,MAAM,GAAG,GAAG;AAClD,UAAM,eAAe;AACrB;AAAA,EACJ;AAEA,QAAM,YAAY;AAAA,IACd,aAAa,OAAO,aAAa,GAAG,WAAW,CAAC,EAAE,eAAe;AAAA,IACjE,WAAW,OAAO,aAAa,GAAG,WAAW,CAAC,EAAE,aAAa;AAAA,EACjE;AAEA,QAAM,gBAAgB,cAAc,eAAe;AACnD,QAAM,mBAAmB,cAAc,MAAM,EAAE;AAC/C,mBAAiB;AAAA,IACb,UAAU;AAAA,IACV,UAAU,YAAY,UAAU;AAAA,IAChC,MAAM;AAAA,EACV;AACA,QAAM,eAAe,iBAAiB,KAAK,EAAE;AAE7C,MAAI,CAAC,mCAAkB,KAAK,YAAY,GAAG;AACvC,UAAM,eAAe;AAAA,EACzB;AACJ;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/handleFieldMouseDown.ts"],"sourcesContent":["import { throttle } from \"lodash-es\";\nimport { sendFieldEvent } from \"../generators/generateOverlay\";\nimport {\n    ALLOWED_INLINE_EDITABLE_FIELD,\n    VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,\n    numericInputRegex,\n} from \"./constants\";\nimport { FieldDataType } from \"./types/index.types\";\nimport { VisualBuilderPostMessageEvents } from \"./types/postMessage.types\";\nimport { insertSpaceAtCursor } from \"./insertSpaceAtCursor\";\n\nexport function handleFieldInput(e: Event): void {\n    const event = e as InputEvent;\n    const targetElement = event.target as HTMLElement;\n    const fieldType = targetElement.getAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n    ) as FieldDataType | null;\n    if (\n        event.type === \"input\" &&\n        ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType as FieldDataType)\n    ) {\n        throttledFieldSync();\n    }\n}\nconst throttledFieldSync = throttle(() => {\n    try {\n        const visualBuilderContainer = document.querySelector(\n            \".visual-builder__container\"\n        ) as HTMLElement;\n        if (!visualBuilderContainer) return;\n        sendFieldEvent({\n            visualBuilderContainer,\n            eventType: VisualBuilderPostMessageEvents.SYNC_FIELD,\n        });\n    } catch (error) {\n        console.error(\"Error in throttledFieldSync\", error);\n    }\n}, 300);\n\nexport function handleFieldKeyDown(e: Event): void {\n    const event = e as KeyboardEvent;\n    const targetElement = event.target as HTMLElement;\n    const fieldType = targetElement.getAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n    ) as FieldDataType | null;\n\n    if (targetElement.tagName === \"BUTTON\") {\n        handleKeyDownOnButton(event);\n    }\n    if (fieldType === FieldDataType.NUMBER) {\n        handleNumericFieldKeyDown(event);\n    } else if (fieldType === FieldDataType.SINGLELINE) {\n        handleSingleLineFieldKeyDown(event);\n    }\n}\n\n// spaces do not work inside a button content-editable\n// this adds a space and moves the cursor ahead, the\n// button press event is also prevented\nfunction handleKeyDownOnButton(e: KeyboardEvent) {\n    if (e.code === \"Space\" && e.target) {\n        e.preventDefault();\n        insertSpaceAtCursor(e.target as HTMLElement);\n    }\n}\n\nfunction handleSingleLineFieldKeyDown(e: KeyboardEvent) {\n    if (e.code === \"Enter\") {\n        e.preventDefault();\n    }\n}\n\nfunction handleNumericFieldKeyDown(event: KeyboardEvent): void {\n    const targetElement = event.target as HTMLElement;\n\n    const allowedKeys = [\n        \"Backspace\",\n        \"Tab\",\n        \"Enter\",\n        \"End\",\n        \"Home\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Delete\",\n    ];\n\n    if (\n        event.ctrlKey ||\n        event.metaKey ||\n        event.altKey ||\n        allowedKeys.includes(event.code)\n    ) {\n        // Allow Ctrl, Cmd, Alt, and special keys\n        return;\n    }\n\n    if (event.code.includes(\"Digit\")) {\n        return;\n    }\n\n    const nonNumericAllowedCharacters = [\"-\", \".\", \"e\", \"E\"];\n\n    if (!nonNumericAllowedCharacters.includes(event.key)) {\n        event.preventDefault();\n        return;\n    }\n\n    const selection = {\n        startOffset: window.getSelection()?.getRangeAt(0).startOffset || 0,\n        endOffset: window.getSelection()?.getRangeAt(0).endOffset || 0,\n    };\n\n    const existingInput = targetElement.textContent || \"\";\n    const currentOutputArr = existingInput.split(\"\");\n    currentOutputArr.splice(\n        selection.startOffset,\n        selection.endOffset - selection.startOffset,\n        event.key\n    );\n    const currentInput = currentOutputArr.join(\"\");\n\n    if (!numericInputRegex.test(currentInput)) {\n        event.preventDefault();\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB;AACzB,6BAA+B;AAC/B,uBAIO;AACP,mBAA8B;AAC9B,yBAA+C;AAC/C,iCAAoC;AAE7B,SAAS,iBAAiB,GAAgB;AAC7C,QAAM,QAAQ;AACd,QAAM,gBAAgB,MAAM;AAC5B,QAAM,YAAY,cAAc;AAAA,IAC5B;AAAA,EACJ;AACA,MACI,MAAM,SAAS,WACf,+CAA8B,SAAS,SAA0B,GACnE;AACE,uBAAmB;AAAA,EACvB;AACJ;AACA,IAAM,yBAAqB,2BAAS,MAAM;AACtC,MAAI;AACA,UAAM,yBAAyB,SAAS;AAAA,MACpC;AAAA,IACJ;AACA,QAAI,CAAC,uBAAwB;AAC7B,+CAAe;AAAA,MACX;AAAA,MACA,WAAW,kDAA+B;AAAA,IAC9C,CAAC;AAAA,EACL,SAAS,OAAO;AACZ,YAAQ,MAAM,+BAA+B,KAAK;AAAA,EACtD;AACJ,GAAG,GAAG;AAEC,SAAS,mBAAmB,GAAgB;AAC/C,QAAM,QAAQ;AACd,QAAM,gBAAgB,MAAM;AAC5B,QAAM,YAAY,cAAc;AAAA,IAC5B;AAAA,EACJ;AAEA,MAAI,cAAc,YAAY,UAAU;AACpC,0BAAsB,KAAK;AAAA,EAC/B;AACA,MAAI,cAAc,2BAAc,QAAQ;AACpC,8BAA0B,KAAK;AAAA,EACnC,WAAW,cAAc,2BAAc,YAAY;AAC/C,iCAA6B,KAAK;AAAA,EACtC;AACJ;AAKA,SAAS,sBAAsB,GAAkB;AAC7C,MAAI,EAAE,SAAS,WAAW,EAAE,QAAQ;AAChC,MAAE,eAAe;AACjB,wDAAoB,EAAE,MAAqB;AAAA,EAC/C;AACJ;AAEA,SAAS,6BAA6B,GAAkB;AACpD,MAAI,EAAE,SAAS,SAAS;AACpB,MAAE,eAAe;AAAA,EACrB;AACJ;AAEA,SAAS,0BAA0B,OAA4B;AAC3D,QAAM,gBAAgB,MAAM;AAE5B,QAAM,cAAc;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,MACI,MAAM,WACN,MAAM,WACN,MAAM,UACN,YAAY,SAAS,MAAM,IAAI,GACjC;AAEE;AAAA,EACJ;AAEA,MAAI,MAAM,KAAK,SAAS,OAAO,GAAG;AAC9B;AAAA,EACJ;AAEA,QAAM,8BAA8B,CAAC,KAAK,KAAK,KAAK,GAAG;AAEvD,MAAI,CAAC,4BAA4B,SAAS,MAAM,GAAG,GAAG;AAClD,UAAM,eAAe;AACrB;AAAA,EACJ;AAEA,QAAM,YAAY;AAAA,IACd,aAAa,OAAO,aAAa,GAAG,WAAW,CAAC,EAAE,eAAe;AAAA,IACjE,WAAW,OAAO,aAAa,GAAG,WAAW,CAAC,EAAE,aAAa;AAAA,EACjE;AAEA,QAAM,gBAAgB,cAAc,eAAe;AACnD,QAAM,mBAAmB,cAAc,MAAM,EAAE;AAC/C,mBAAiB;AAAA,IACb,UAAU;AAAA,IACV,UAAU,YAAY,UAAU;AAAA,IAChC,MAAM;AAAA,EACV;AACA,QAAM,eAAe,iBAAiB,KAAK,EAAE;AAE7C,MAAI,CAAC,mCAAkB,KAAK,YAAY,GAAG;AACvC,UAAM,eAAe;AAAA,EACzB;AACJ;","names":[]}

package/dist/modern/visualBuilder/utils/handleFieldMouseDown.js

@@ -10,6 +10,7 @@ import {
 } from "./constants.js";
 import { FieldDataType } from "./types/index.types.js";
 import { VisualBuilderPostMessageEvents } from "./types/postMessage.types.js";
+import { insertSpaceAtCursor } from "./insertSpaceAtCursor.js";
 function handleFieldInput(e) {
   const event = e;
   const targetElement = event.target;
@@ -40,12 +41,21 @@ function handleFieldKeyDown(e) {
   const fieldType = targetElement.getAttribute(
     VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY
   );
+  if (targetElement.tagName === "BUTTON") {
+    handleKeyDownOnButton(event);
+  }
   if (fieldType === FieldDataType.NUMBER) {
     handleNumericFieldKeyDown(event);
   } else if (fieldType === FieldDataType.SINGLELINE) {
     handleSingleLineFieldKeyDown(event);
   }
 }
+function handleKeyDownOnButton(e) {
+  if (e.code === "Space" && e.target) {
+    e.preventDefault();
+    insertSpaceAtCursor(e.target);
+  }
+}
 function handleSingleLineFieldKeyDown(e) {
   if (e.code === "Enter") {
     e.preventDefault();

package/dist/modern/visualBuilder/utils/handleFieldMouseDown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/handleFieldMouseDown.ts"],"sourcesContent":["import { throttle } from \"lodash-es\";\nimport { sendFieldEvent } from \"../generators/generateOverlay\";\nimport {\n    ALLOWED_INLINE_EDITABLE_FIELD,\n    VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,\n    numericInputRegex,\n} from \"./constants\";\nimport { FieldDataType } from \"./types/index.types\";\nimport { VisualBuilderPostMessageEvents } from \"./types/postMessage.types\";\n\nexport function handleFieldInput(e: Event): void {\n    const event = e as InputEvent;\n    const targetElement = event.target as HTMLElement;\n    const fieldType = targetElement.getAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n    ) as FieldDataType | null;\n    if (event.type === \"input\" && ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType as FieldDataType)) {\n        throttledFieldSync();\n    }\n}\nconst throttledFieldSync = throttle(() => {\n    try {\n        const visualBuilderContainer = document.querySelector(\n            \".visual-builder__container\"\n        ) as HTMLElement;\n        if(!visualBuilderContainer) return;\n        sendFieldEvent({\n            visualBuilderContainer,\n            eventType: VisualBuilderPostMessageEvents.SYNC_FIELD,\n        })  \n    } catch (error) {\n        console.error(\"Error in throttledFieldSync\", error)\n    }\n}, 300);\n\nexport function handleFieldKeyDown(e: Event): void {\n    const event = e as KeyboardEvent;\n    const targetElement = event.target as HTMLElement;\n    const fieldType = targetElement.getAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n    ) as FieldDataType | null;\n\n    if (fieldType === FieldDataType.NUMBER) {\n        handleNumericFieldKeyDown(event);\n    } else if (fieldType === FieldDataType.SINGLELINE) {\n        handleSingleLineFieldKeyDown(event);\n    }\n}\n\nfunction handleSingleLineFieldKeyDown(e: KeyboardEvent) {\n    if (e.code === \"Enter\") {\n        e.preventDefault();\n    }\n}\n\nfunction handleNumericFieldKeyDown(event: KeyboardEvent): void {\n    const targetElement = event.target as HTMLElement;\n\n    const allowedKeys = [\n        \"Backspace\",\n        \"Tab\",\n        \"Enter\",\n        \"End\",\n        \"Home\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Delete\",\n    ];\n\n    if (\n        event.ctrlKey ||\n        event.metaKey ||\n        event.altKey ||\n        allowedKeys.includes(event.code)\n    ) {\n        // Allow Ctrl, Cmd, Alt, and special keys\n        return;\n    }\n\n    if (event.code.includes(\"Digit\")) {\n        return;\n    }\n\n    const nonNumericAllowedCharacters = [\"-\", \".\", \"e\", \"E\"];\n\n    if (!nonNumericAllowedCharacters.includes(event.key)) {\n        event.preventDefault();\n        return;\n    }\n\n    const selection = {\n        startOffset: window.getSelection()?.getRangeAt(0).startOffset || 0,\n        endOffset: window.getSelection()?.getRangeAt(0).endOffset || 0,\n    };\n\n    const existingInput = targetElement.textContent || \"\";\n    const currentOutputArr = existingInput.split(\"\");\n    currentOutputArr.splice(\n        selection.startOffset,\n        selection.endOffset - selection.startOffset,\n        event.key\n    );\n    const currentInput = currentOutputArr.join(\"\");\n\n    if (!numericInputRegex.test(currentInput)) {\n        event.preventDefault();\n    }\n}\n"],"mappings":";;;AAAA,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,qBAAqB;AAC9B,SAAS,sCAAsC;AAExC,SAAS,iBAAiB,GAAgB;AAC7C,QAAM,QAAQ;AACd,QAAM,gBAAgB,MAAM;AAC5B,QAAM,YAAY,cAAc;AAAA,IAC5B;AAAA,EACJ;AACA,MAAI,MAAM,SAAS,WAAW,8BAA8B,SAAS,SAA0B,GAAG;AAC9F,uBAAmB;AAAA,EACvB;AACJ;AACA,IAAM,qBAAqB,SAAS,MAAM;AACtC,MAAI;AACA,UAAM,yBAAyB,SAAS;AAAA,MACpC;AAAA,IACJ;AACA,QAAG,CAAC,uBAAwB;AAC5B,mBAAe;AAAA,MACX;AAAA,MACA,WAAW,+BAA+B;AAAA,IAC9C,CAAC;AAAA,EACL,SAAS,OAAO;AACZ,YAAQ,MAAM,+BAA+B,KAAK;AAAA,EACtD;AACJ,GAAG,GAAG;AAEC,SAAS,mBAAmB,GAAgB;AAC/C,QAAM,QAAQ;AACd,QAAM,gBAAgB,MAAM;AAC5B,QAAM,YAAY,cAAc;AAAA,IAC5B;AAAA,EACJ;AAEA,MAAI,cAAc,cAAc,QAAQ;AACpC,8BAA0B,KAAK;AAAA,EACnC,WAAW,cAAc,cAAc,YAAY;AAC/C,iCAA6B,KAAK;AAAA,EACtC;AACJ;AAEA,SAAS,6BAA6B,GAAkB;AACpD,MAAI,EAAE,SAAS,SAAS;AACpB,MAAE,eAAe;AAAA,EACrB;AACJ;AAEA,SAAS,0BAA0B,OAA4B;AAC3D,QAAM,gBAAgB,MAAM;AAE5B,QAAM,cAAc;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,MACI,MAAM,WACN,MAAM,WACN,MAAM,UACN,YAAY,SAAS,MAAM,IAAI,GACjC;AAEE;AAAA,EACJ;AAEA,MAAI,MAAM,KAAK,SAAS,OAAO,GAAG;AAC9B;AAAA,EACJ;AAEA,QAAM,8BAA8B,CAAC,KAAK,KAAK,KAAK,GAAG;AAEvD,MAAI,CAAC,4BAA4B,SAAS,MAAM,GAAG,GAAG;AAClD,UAAM,eAAe;AACrB;AAAA,EACJ;AAEA,QAAM,YAAY;AAAA,IACd,aAAa,OAAO,aAAa,GAAG,WAAW,CAAC,EAAE,eAAe;AAAA,IACjE,WAAW,OAAO,aAAa,GAAG,WAAW,CAAC,EAAE,aAAa;AAAA,EACjE;AAEA,QAAM,gBAAgB,cAAc,eAAe;AACnD,QAAM,mBAAmB,cAAc,MAAM,EAAE;AAC/C,mBAAiB;AAAA,IACb,UAAU;AAAA,IACV,UAAU,YAAY,UAAU;AAAA,IAChC,MAAM;AAAA,EACV;AACA,QAAM,eAAe,iBAAiB,KAAK,EAAE;AAE7C,MAAI,CAAC,kBAAkB,KAAK,YAAY,GAAG;AACvC,UAAM,eAAe;AAAA,EACzB;AACJ;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/handleFieldMouseDown.ts"],"sourcesContent":["import { throttle } from \"lodash-es\";\nimport { sendFieldEvent } from \"../generators/generateOverlay\";\nimport {\n    ALLOWED_INLINE_EDITABLE_FIELD,\n    VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,\n    numericInputRegex,\n} from \"./constants\";\nimport { FieldDataType } from \"./types/index.types\";\nimport { VisualBuilderPostMessageEvents } from \"./types/postMessage.types\";\nimport { insertSpaceAtCursor } from \"./insertSpaceAtCursor\";\n\nexport function handleFieldInput(e: Event): void {\n    const event = e as InputEvent;\n    const targetElement = event.target as HTMLElement;\n    const fieldType = targetElement.getAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n    ) as FieldDataType | null;\n    if (\n        event.type === \"input\" &&\n        ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType as FieldDataType)\n    ) {\n        throttledFieldSync();\n    }\n}\nconst throttledFieldSync = throttle(() => {\n    try {\n        const visualBuilderContainer = document.querySelector(\n            \".visual-builder__container\"\n        ) as HTMLElement;\n        if (!visualBuilderContainer) return;\n        sendFieldEvent({\n            visualBuilderContainer,\n            eventType: VisualBuilderPostMessageEvents.SYNC_FIELD,\n        });\n    } catch (error) {\n        console.error(\"Error in throttledFieldSync\", error);\n    }\n}, 300);\n\nexport function handleFieldKeyDown(e: Event): void {\n    const event = e as KeyboardEvent;\n    const targetElement = event.target as HTMLElement;\n    const fieldType = targetElement.getAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n    ) as FieldDataType | null;\n\n    if (targetElement.tagName === \"BUTTON\") {\n        handleKeyDownOnButton(event);\n    }\n    if (fieldType === FieldDataType.NUMBER) {\n        handleNumericFieldKeyDown(event);\n    } else if (fieldType === FieldDataType.SINGLELINE) {\n        handleSingleLineFieldKeyDown(event);\n    }\n}\n\n// spaces do not work inside a button content-editable\n// this adds a space and moves the cursor ahead, the\n// button press event is also prevented\nfunction handleKeyDownOnButton(e: KeyboardEvent) {\n    if (e.code === \"Space\" && e.target) {\n        e.preventDefault();\n        insertSpaceAtCursor(e.target as HTMLElement);\n    }\n}\n\nfunction handleSingleLineFieldKeyDown(e: KeyboardEvent) {\n    if (e.code === \"Enter\") {\n        e.preventDefault();\n    }\n}\n\nfunction handleNumericFieldKeyDown(event: KeyboardEvent): void {\n    const targetElement = event.target as HTMLElement;\n\n    const allowedKeys = [\n        \"Backspace\",\n        \"Tab\",\n        \"Enter\",\n        \"End\",\n        \"Home\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Delete\",\n    ];\n\n    if (\n        event.ctrlKey ||\n        event.metaKey ||\n        event.altKey ||\n        allowedKeys.includes(event.code)\n    ) {\n        // Allow Ctrl, Cmd, Alt, and special keys\n        return;\n    }\n\n    if (event.code.includes(\"Digit\")) {\n        return;\n    }\n\n    const nonNumericAllowedCharacters = [\"-\", \".\", \"e\", \"E\"];\n\n    if (!nonNumericAllowedCharacters.includes(event.key)) {\n        event.preventDefault();\n        return;\n    }\n\n    const selection = {\n        startOffset: window.getSelection()?.getRangeAt(0).startOffset || 0,\n        endOffset: window.getSelection()?.getRangeAt(0).endOffset || 0,\n    };\n\n    const existingInput = targetElement.textContent || \"\";\n    const currentOutputArr = existingInput.split(\"\");\n    currentOutputArr.splice(\n        selection.startOffset,\n        selection.endOffset - selection.startOffset,\n        event.key\n    );\n    const currentInput = currentOutputArr.join(\"\");\n\n    if (!numericInputRegex.test(currentInput)) {\n        event.preventDefault();\n    }\n}\n"],"mappings":";;;AAAA,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,qBAAqB;AAC9B,SAAS,sCAAsC;AAC/C,SAAS,2BAA2B;AAE7B,SAAS,iBAAiB,GAAgB;AAC7C,QAAM,QAAQ;AACd,QAAM,gBAAgB,MAAM;AAC5B,QAAM,YAAY,cAAc;AAAA,IAC5B;AAAA,EACJ;AACA,MACI,MAAM,SAAS,WACf,8BAA8B,SAAS,SAA0B,GACnE;AACE,uBAAmB;AAAA,EACvB;AACJ;AACA,IAAM,qBAAqB,SAAS,MAAM;AACtC,MAAI;AACA,UAAM,yBAAyB,SAAS;AAAA,MACpC;AAAA,IACJ;AACA,QAAI,CAAC,uBAAwB;AAC7B,mBAAe;AAAA,MACX;AAAA,MACA,WAAW,+BAA+B;AAAA,IAC9C,CAAC;AAAA,EACL,SAAS,OAAO;AACZ,YAAQ,MAAM,+BAA+B,KAAK;AAAA,EACtD;AACJ,GAAG,GAAG;AAEC,SAAS,mBAAmB,GAAgB;AAC/C,QAAM,QAAQ;AACd,QAAM,gBAAgB,MAAM;AAC5B,QAAM,YAAY,cAAc;AAAA,IAC5B;AAAA,EACJ;AAEA,MAAI,cAAc,YAAY,UAAU;AACpC,0BAAsB,KAAK;AAAA,EAC/B;AACA,MAAI,cAAc,cAAc,QAAQ;AACpC,8BAA0B,KAAK;AAAA,EACnC,WAAW,cAAc,cAAc,YAAY;AAC/C,iCAA6B,KAAK;AAAA,EACtC;AACJ;AAKA,SAAS,sBAAsB,GAAkB;AAC7C,MAAI,EAAE,SAAS,WAAW,EAAE,QAAQ;AAChC,MAAE,eAAe;AACjB,wBAAoB,EAAE,MAAqB;AAAA,EAC/C;AACJ;AAEA,SAAS,6BAA6B,GAAkB;AACpD,MAAI,EAAE,SAAS,SAAS;AACpB,MAAE,eAAe;AAAA,EACrB;AACJ;AAEA,SAAS,0BAA0B,OAA4B;AAC3D,QAAM,gBAAgB,MAAM;AAE5B,QAAM,cAAc;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,MACI,MAAM,WACN,MAAM,WACN,MAAM,UACN,YAAY,SAAS,MAAM,IAAI,GACjC;AAEE;AAAA,EACJ;AAEA,MAAI,MAAM,KAAK,SAAS,OAAO,GAAG;AAC9B;AAAA,EACJ;AAEA,QAAM,8BAA8B,CAAC,KAAK,KAAK,KAAK,GAAG;AAEvD,MAAI,CAAC,4BAA4B,SAAS,MAAM,GAAG,GAAG;AAClD,UAAM,eAAe;AACrB;AAAA,EACJ;AAEA,QAAM,YAAY;AAAA,IACd,aAAa,OAAO,aAAa,GAAG,WAAW,CAAC,EAAE,eAAe;AAAA,IACjE,WAAW,OAAO,aAAa,GAAG,WAAW,CAAC,EAAE,aAAa;AAAA,EACjE;AAEA,QAAM,gBAAgB,cAAc,eAAe;AACnD,QAAM,mBAAmB,cAAc,MAAM,EAAE;AAC/C,mBAAiB;AAAA,IACb,UAAU;AAAA,IACV,UAAU,YAAY,UAAU;AAAA,IAChC,MAAM;AAAA,EACV;AACA,QAAM,eAAe,iBAAiB,KAAK,EAAE;AAE7C,MAAI,CAAC,kBAAkB,KAAK,YAAY,GAAG;AACvC,UAAM,eAAe;AAAA,EACzB;AACJ;","names":[]}

package/dist/modern/visualBuilder/utils/handleIndividualFields.cjs

@@ -1,7 +1,9 @@
 "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)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/visualBuilder/utils/handleIndividualFields.ts
@@ -37,6 +47,8 @@ var import_multipleElementAddButton = require("./multipleElementAddButton.cjs");
 var import_updateFocussedState = require("./updateFocussedState.cjs");
 var import_types = require("./types/index.types.cjs");
 var import_getMultilinePlaintext = require("./getMultilinePlaintext.cjs");
+var import_postMessage = require("./types/postMessage.types.cjs");
+var import_visualBuilderPostMessage = __toESM(require("./visualBuilderPostMessage.cjs"), 1);
 async function handleIndividualFields(eventDetails, elements) {
   const { fieldMetadata, editableElement } = eventDetails;
   const { visualBuilderContainer, lastEditedField, resizeObserver } = elements;
@@ -54,15 +66,13 @@ async function handleIndividualFields(eventDetails, elements) {
       fieldPathWithIndex
     )
   ]);
-  const expectedFieldInstanceData = Array.isArray(expectedFieldData) ? expectedFieldData.at(fieldMetadata.multipleFieldMetadata.index) : void 0;
   const fieldType = (0, import_getFieldType.getFieldType)(fieldSchema);
   const { isDisabled: disabled } = (0, import_isFieldDisabled.isFieldDisabled)(fieldSchema, eventDetails);
   editableElement.setAttribute(
     import_constants.VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,
     fieldType
   );
-  if (fieldSchema && (fieldSchema?.multiple || fieldSchema?.data_type === "reference" && // @ts-ignore
-  fieldSchema?.field_metadata.ref_multiple)) {
+  if (isFieldMultiple(fieldSchema)) {
     if (lastEditedField !== editableElement) {
       const addButtonLabel = fieldSchema.data_type === "blocks" ? (
         // ? `Add ${fieldSchema.display_name ?? "Modular Block"}`
@@ -83,70 +93,75 @@ async function handleIndividualFields(eventDetails, elements) {
         }
       );
     }
-    if (eventDetails.fieldMetadata.multipleFieldMetadata.index > -1) {
-      handleSingleField(
-        {
-          editableElement,
-          visualBuilderContainer,
-          resizeObserver: elements.resizeObserver
-        },
-        { expectedFieldData: expectedFieldInstanceData, disabled }
-      );
-    }
-  } else {
-    handleSingleField(
-      {
-        editableElement,
-        visualBuilderContainer,
-        resizeObserver: elements.resizeObserver
-      },
-      { expectedFieldData, disabled }
-    );
   }
-  function handleSingleField(elements2, config) {
-    const { editableElement: editableElement2, visualBuilderContainer: visualBuilderContainer2 } = elements2;
-    if (config.disabled) {
-      return;
+  !disabled && handleInlineEditing();
+  function handleInlineEditing() {
+    if (!import_constants.ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType)) return;
+    const index = Number(fieldMetadata.instance.fieldPathWithIndex.split(".").at(-1));
+    const isInstance = Number.isFinite(index);
+    if (isFieldMultiple(fieldSchema)) {
+      let expectedFieldInstanceData = null;
+      if (Array.isArray(expectedFieldData)) {
+        if (!isInstance) {
+          return;
+        }
+        if (index >= expectedFieldData.length) {
+        } else {
+          expectedFieldInstanceData = expectedFieldData.at(index);
+        }
+      } else {
+        expectedFieldInstanceData = expectedFieldData;
+      }
+      enableInlineEditing(expectedFieldInstanceData);
+    } else {
+      let expectedFieldInstanceData = null;
+      if (isInstance) {
+        if (index !== 0) {
+          return;
+        }
+        expectedFieldInstanceData = Array.isArray(expectedFieldData) ? expectedFieldData.at(0) : expectedFieldData;
+      }
+      enableInlineEditing(expectedFieldInstanceData ?? expectedFieldData);
     }
-    if (import_constants.ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType)) {
-      let actualEditableField = editableElement2;
+    function enableInlineEditing(expectedFieldData2) {
+      let actualEditableField = editableElement;
       import__.VisualBuilder.VisualBuilderGlobalState.value.focusFieldValue = actualEditableField?.innerText;
       const elementComputedDisplay = window.getComputedStyle(actualEditableField).display;
-      let textContent = editableElement2.innerText || editableElement2.textContent || "";
+      let textContent = editableElement.innerText || editableElement.textContent || "";
       if (fieldType === import_types.FieldDataType.MULTILINE) {
         textContent = (0, import_getMultilinePlaintext.getMultilinePlaintext)(actualEditableField);
         actualEditableField.addEventListener("paste", pasteAsPlainText);
       }
-      const expectedTextContent = config.expectedFieldData;
-      if (textContent !== expectedTextContent || (0, import_generatePseudoEditableField.isEllipsisActive)(editableElement2)) {
+      const expectedTextContent = expectedFieldData2;
+      if (expectedTextContent && textContent !== expectedTextContent || (0, import_generatePseudoEditableField.isEllipsisActive)(editableElement)) {
         const pseudoEditableField = (0, import_generatePseudoEditableField.generatePseudoEditableElement)(
-          { editableElement: editableElement2 },
-          { textContent: config.expectedFieldData }
+          { editableElement },
+          { textContent: expectedFieldData2 }
         );
-        editableElement2.style.visibility = "hidden";
+        editableElement.style.visibility = "hidden";
         pseudoEditableField.setAttribute(
           import_constants.VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,
           fieldType
         );
-        visualBuilderContainer2.appendChild(pseudoEditableField);
+        visualBuilderContainer.appendChild(pseudoEditableField);
         actualEditableField = pseudoEditableField;
         if (fieldType === import_types.FieldDataType.MULTILINE)
           actualEditableField.addEventListener(
             "paste",
             pasteAsPlainText
           );
-        elements2.resizeObserver.observe(pseudoEditableField);
+        elements.resizeObserver.observe(pseudoEditableField);
       } else if (elementComputedDisplay === "inline") {
         const onInlineElementInput = (0, import_lodash_es.throttle)(() => {
-          const overlayWrapper = visualBuilderContainer2.querySelector(
+          const overlayWrapper = visualBuilderContainer.querySelector(
             ".visual-builder__overlay__wrapper"
           );
-          const focusedToolbar = visualBuilderContainer2.querySelector(
+          const focusedToolbar = visualBuilderContainer.querySelector(
             ".visual-builder__focused-toolbar"
           );
           (0, import_updateFocussedState.updateFocussedState)({
             editableElement: actualEditableField,
-            visualBuilderContainer: visualBuilderContainer2,
+            visualBuilderContainer,
             overlayWrapper,
             focusedToolbar,
             resizeObserver
@@ -165,6 +180,10 @@ async function handleIndividualFields(eventDetails, elements) {
     }
   }
 }
+function isFieldMultiple(fieldSchema) {
+  return fieldSchema && (fieldSchema.multiple || fieldSchema.data_type === "reference" && // @ts-ignore
+  fieldSchema.field_metadata.ref_multiple);
+}
 function cleanIndividualFieldResidual(elements) {
   const { overlayWrapper, visualBuilderContainer, focusedToolbar } = elements;
   (0, import_multipleElementAddButton.removeAddInstanceButtons)(
@@ -210,6 +229,10 @@ function cleanIndividualFieldResidual(elements) {
   }
   if (focusedToolbar) {
     focusedToolbar.innerHTML = "";
+    const toolbarEvents = [import_postMessage.VisualBuilderPostMessageEvents.DELETE_INSTANCE, import_postMessage.VisualBuilderPostMessageEvents.UPDATE_DISCUSSION_ID];
+    toolbarEvents.forEach((event) => {
+      import_visualBuilderPostMessage.default?.unregisterEvent?.(event);
+    });
   }
 }
 var pasteAsPlainText = (0, import_lodash_es.debounce)(