@contentstack/live-preview-utils 2.0.4 → 3.0.1

package/dist/legacy/visualBuilder/index.js

@@ -0,0 +1,282 @@
+import "../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/index.ts
+import { signal } from "@preact/signals";
+import { inIframe } from "../common/inIframe.js";
+import Config from "../configManager/configManager.js";
+import {
+  useHistoryPostMessageEvent,
+  useOnEntryUpdatePostMessageEvent
+} from "../livePreview/eventManager/postMessageEvent.hooks.js";
+import {
+  ILivePreviewModeConfig,
+  ILivePreviewWindowType
+} from "../types/types.js";
+import { generateStartEditingButton } from "./generators/generateStartEditingButton.js";
+import { addFocusOverlay } from "./generators/generateOverlay.js";
+import { getEntryIdentifiersInCurrentPage } from "./utils/getEntryIdentifiersInCurrentPage.js";
+import visualBuilderPostMessage from "./utils/visualBuilderPostMessage.js";
+import { VisualBuilderPostMessageEvents } from "./utils/types/postMessage.types.js";
+import { setup } from "goober";
+import { debounce, isEqual } from "lodash-es";
+import { h } from "preact";
+import { extractDetailsFromCslp } from "../cslp/index.js";
+import initUI from "./components/index.js";
+import { useDraftFieldsPostMessageEvent } from "./eventManager/useDraftFieldsPostMessageEvent.js";
+import { useHideFocusOverlayPostMessageEvent } from "./eventManager/useHideFocusOverlayPostMessageEvent.js";
+import { useScrollToField } from "./eventManager/useScrollToField.js";
+import { useVariantFieldsPostMessageEvent } from "./eventManager/useVariantsPostMessageEvent.js";
+import {
+  generateEmptyBlocks,
+  removeEmptyBlocks
+} from "./generators/generateEmptyBlock.js";
+import { addEventListeners, removeEventListeners } from "./listeners/index.js";
+import { addKeyboardShortcuts } from "./listeners/keyboardShortcuts.js";
+import { FieldSchemaMap } from "./utils/fieldSchemaMap.js";
+import { isFieldDisabled } from "./utils/isFieldDisabled.js";
+import {
+  updateFocussedState,
+  updateFocussedStateOnMutation
+} from "./utils/updateFocussedState.js";
+import { useHighlightCommentIcon } from "./eventManager/useHighlightCommentIcon.js";
+import { updateHighlightedCommentIconPosition } from "./generators/generateHighlightedComment.js";
+import { useRecalculateVariantDataCSLPValues } from "./eventManager/useRecalculateVariantDataCSLPValues.js";
+var _VisualBuilder = class _VisualBuilder {
+  constructor() {
+    this.customCursor = null;
+    this.overlayWrapper = null;
+    this.visualBuilderContainer = null;
+    this.focusedToolbar = null;
+    this.scrollEventHandler = () => {
+      updateHighlightedCommentIconPosition();
+    };
+    this.resizeEventHandler = () => {
+      const previousSelectedEditableDOM = _VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM;
+      updateHighlightedCommentIconPosition();
+      if (previousSelectedEditableDOM) {
+        this.handlePositionChange(
+          previousSelectedEditableDOM
+        );
+      }
+    };
+    this.resizeObserver = new ResizeObserver(([entry]) => {
+      const previousSelectedEditableDOM = _VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM;
+      if (!this.overlayWrapper || !previousSelectedEditableDOM) {
+        return;
+      }
+      if (!entry.target.isSameNode(previousSelectedEditableDOM) && !entry.target.classList.contains(
+        "visual-builder__pseudo-editable-element"
+      )) {
+        return;
+      }
+      const isPsuedoEditableElement = entry.target.classList.contains(
+        "visual-builder__pseudo-editable-element"
+      );
+      const editableElement = isPsuedoEditableElement ? previousSelectedEditableDOM : entry.target.closest("[data-cslp]");
+      if (isPsuedoEditableElement) {
+        addFocusOverlay(entry.target, this.overlayWrapper);
+      } else if (editableElement) {
+        this.handlePositionChange(editableElement);
+      }
+      const cslpData = editableElement && editableElement.getAttribute("data-cslp");
+      if (!editableElement || !cslpData) {
+        return;
+      }
+      const fieldMetadata = extractDetailsFromCslp(cslpData);
+      FieldSchemaMap.getFieldSchema(
+        fieldMetadata.content_type_uid,
+        fieldMetadata.fieldPath
+      ).then((fieldSchema) => {
+        if (!fieldSchema) {
+          return;
+        }
+        const { isDisabled } = isFieldDisabled(fieldSchema, {
+          editableElement,
+          fieldMetadata
+        });
+        if (isDisabled) {
+          addFocusOverlay(
+            editableElement,
+            this.overlayWrapper,
+            isDisabled
+          );
+        }
+      });
+    });
+    this.mutationObserver = new MutationObserver(
+      debounce(
+        async () => {
+          updateFocussedStateOnMutation(
+            this.overlayWrapper,
+            this.focusedToolbar,
+            this.visualBuilderContainer,
+            this.resizeObserver
+          );
+          const emptyBlockParents = Array.from(
+            document.querySelectorAll(
+              ".visual-builder__empty-block-parent"
+            )
+          );
+          const previousEmptyBlockParents = _VisualBuilder.VisualBuilderGlobalState.value.previousEmptyBlockParents;
+          if (!isEqual(emptyBlockParents, previousEmptyBlockParents)) {
+            const noMoreEmptyBlockParent = previousEmptyBlockParents.filter(
+              (x) => !emptyBlockParents.includes(x)
+            );
+            const newEmptyBlockParent = emptyBlockParents.filter(
+              (x) => !previousEmptyBlockParents.includes(x)
+            );
+            removeEmptyBlocks(noMoreEmptyBlockParent);
+            await generateEmptyBlocks(newEmptyBlockParent);
+            _VisualBuilder.VisualBuilderGlobalState.value = {
+              ..._VisualBuilder.VisualBuilderGlobalState.value,
+              previousEmptyBlockParents: emptyBlockParents
+            };
+          }
+        },
+        100,
+        { trailing: true }
+      )
+    );
+    // TODO: write test cases
+    this.destroy = () => {
+      window.removeEventListener("resize", this.resizeEventHandler);
+      window.removeEventListener("scroll", this.scrollEventHandler);
+      removeEventListeners({
+        overlayWrapper: this.overlayWrapper,
+        visualBuilderContainer: this.visualBuilderContainer,
+        previousSelectedEditableDOM: _VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM,
+        focusedToolbar: this.focusedToolbar,
+        resizeObserver: this.resizeObserver,
+        customCursor: this.customCursor
+      });
+      this.resizeObserver.disconnect();
+      this.mutationObserver.disconnect();
+      _VisualBuilder.VisualBuilderGlobalState.value = {
+        previousSelectedEditableDOM: null,
+        previousHoveredTargetDOM: null,
+        previousEmptyBlockParents: [],
+        focusFieldValue: null,
+        audienceMode: false,
+        locale: "en-us",
+        variant: null
+      };
+      if (this.visualBuilderContainer) {
+        window.document.body.removeChild(this.visualBuilderContainer);
+      }
+      if (this.customCursor) {
+        this.customCursor.remove();
+      }
+      if (this.overlayWrapper) {
+        this.overlayWrapper.remove();
+      }
+      if (this.focusedToolbar) {
+        this.focusedToolbar.remove();
+      }
+      this.customCursor = null;
+      this.overlayWrapper = null;
+      this.visualBuilderContainer = null;
+      this.focusedToolbar = null;
+    };
+    var _a;
+    window.addEventListener("resize", this.resizeEventHandler);
+    window.addEventListener("scroll", this.scrollEventHandler);
+    initUI({
+      resizeObserver: this.resizeObserver
+    });
+    setup(h);
+    this.visualBuilderContainer = document.querySelector(
+      ".visual-builder__container"
+    );
+    this.overlayWrapper = document.querySelector(
+      ".visual-builder__overlay__wrapper"
+    );
+    this.customCursor = document.querySelector(".visual-builder__cursor");
+    this.focusedToolbar = document.querySelector(
+      ".visual-builder__focused-toolbar"
+    );
+    const config = Config.get();
+    if (!config.enable || config.mode < ILivePreviewModeConfig.BUILDER) {
+      return;
+    }
+    (_a = visualBuilderPostMessage) == null ? void 0 : _a.send("init", {
+      isSSR: config.ssr,
+      href: window.location.href
+    }).then((data) => {
+      var _a2, _b;
+      const {
+        windowType = ILivePreviewWindowType.BUILDER,
+        stackDetails
+      } = data || {};
+      Config.set("windowType", windowType);
+      Config.set(
+        "stackDetails.masterLocale",
+        (stackDetails == null ? void 0 : stackDetails.masterLocale) || "en-us"
+      );
+      addEventListeners({
+        overlayWrapper: this.overlayWrapper,
+        visualBuilderContainer: this.visualBuilderContainer,
+        previousSelectedEditableDOM: _VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM,
+        focusedToolbar: this.focusedToolbar,
+        resizeObserver: this.resizeObserver,
+        customCursor: this.customCursor
+      });
+      addKeyboardShortcuts({
+        overlayWrapper: this.overlayWrapper,
+        visualBuilderContainer: this.visualBuilderContainer,
+        focusedToolbar: this.focusedToolbar,
+        resizeObserver: this.resizeObserver
+      });
+      useScrollToField();
+      useHighlightCommentIcon();
+      this.mutationObserver.observe(document.body, {
+        childList: true,
+        subtree: true
+      });
+      (_a2 = visualBuilderPostMessage) == null ? void 0 : _a2.on(
+        VisualBuilderPostMessageEvents.GET_ALL_ENTRIES_IN_CURRENT_PAGE,
+        getEntryIdentifiersInCurrentPage
+      );
+      (_b = visualBuilderPostMessage) == null ? void 0 : _b.send(
+        VisualBuilderPostMessageEvents.SEND_VARIANT_AND_LOCALE
+      );
+      useHideFocusOverlayPostMessageEvent({
+        overlayWrapper: this.overlayWrapper,
+        visualBuilderContainer: this.visualBuilderContainer,
+        focusedToolbar: this.focusedToolbar,
+        resizeObserver: this.resizeObserver
+      });
+      useHistoryPostMessageEvent();
+      useOnEntryUpdatePostMessageEvent();
+      useRecalculateVariantDataCSLPValues();
+      useDraftFieldsPostMessageEvent();
+      useVariantFieldsPostMessageEvent();
+    }).catch(() => {
+      if (!inIframe()) {
+        generateStartEditingButton(this.visualBuilderContainer);
+      }
+    });
+  }
+  handlePositionChange(editableElement) {
+    updateFocussedState({
+      editableElement,
+      visualBuilderContainer: this.visualBuilderContainer,
+      overlayWrapper: this.overlayWrapper,
+      focusedToolbar: this.focusedToolbar,
+      resizeObserver: this.resizeObserver
+    });
+  }
+};
+_VisualBuilder.VisualBuilderGlobalState = signal({
+  previousSelectedEditableDOM: null,
+  previousHoveredTargetDOM: null,
+  previousEmptyBlockParents: [],
+  focusFieldValue: null,
+  audienceMode: false,
+  locale: Config.get().stackDetails.masterLocale || "en-us",
+  variant: null
+});
+var VisualBuilder = _VisualBuilder;
+export {
+  VisualBuilder
+};
+//# sourceMappingURL=index.js.map

package/dist/legacy/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                    this.resizeObserver\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":["_a"]}

package/dist/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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/legacy/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 };