@contentstack/live-preview-utils 2.0.4 → 3.0.1

package/dist/legacy/visualBuilder/utils/types/index.types.d.ts

@@ -0,0 +1,46 @@
+import { IContentTypeRootBlocks, IModularBlockSingleBlock } from '../../../cms/types/contentTypeSchema.types.js';
+
+type ISchemaIndividualFieldMap = Record<string, ISchemaFieldMap>;
+type ISchemaFieldMap = (IContentTypeRootBlocks | (IModularBlockSingleBlock & {
+    data_type: "block";
+    display_name: string;
+})) & {
+    non_localizable?: boolean;
+    multiple?: boolean;
+    field_metadata?: {
+        updateRestrict?: boolean;
+        isUnlinkedVariant?: boolean;
+    };
+};
+interface ITraverseSchemaVisitor {
+    should_visit: (fieldSchema: IContentTypeRootBlocks, path: string) => boolean;
+    visit: (fieldSchema: IContentTypeRootBlocks, path: string) => void;
+    /**
+     * A flat list of all the fields with its schema
+     */
+    fieldMap: ISchemaIndividualFieldMap;
+}
+declare enum FieldDataType {
+    CUSTOM_FIELD = "custom_field",
+    MULTILINE = "multiline",
+    HTML_RTE = "html_rte",
+    MARKDOWN_RTE = "markdown_rte",
+    SELECT = "select",
+    URL = "url",
+    SINGLELINE = "singleline",
+    JSON_RTE = "json_rte",
+    MODULAR_BLOCK = "modular_block",
+    LINK = "link",
+    ISODATE = "isodate",
+    BOOLEAN = "boolean",
+    BLOCK = "block",
+    NUMBER = "number",
+    REFERENCE = "reference",
+    GROUP = "group",
+    EXPERIENCE_CONTAINER = "experience_container",
+    FILE = "file",
+    GLOBAL_FIELD = "global_field",
+    TAXONOMY = "taxonomy"
+}
+
+export { FieldDataType, type ISchemaFieldMap, type ISchemaIndividualFieldMap, type ITraverseSchemaVisitor };

package/dist/legacy/visualBuilder/utils/types/index.types.js

@@ -0,0 +1,30 @@
+import "../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/utils/types/index.types.ts
+var FieldDataType = /* @__PURE__ */ ((FieldDataType2) => {
+  FieldDataType2["CUSTOM_FIELD"] = "custom_field";
+  FieldDataType2["MULTILINE"] = "multiline";
+  FieldDataType2["HTML_RTE"] = "html_rte";
+  FieldDataType2["MARKDOWN_RTE"] = "markdown_rte";
+  FieldDataType2["SELECT"] = "select";
+  FieldDataType2["URL"] = "url";
+  FieldDataType2["SINGLELINE"] = "singleline";
+  FieldDataType2["JSON_RTE"] = "json_rte";
+  FieldDataType2["MODULAR_BLOCK"] = "modular_block";
+  FieldDataType2["LINK"] = "link";
+  FieldDataType2["ISODATE"] = "isodate";
+  FieldDataType2["BOOLEAN"] = "boolean";
+  FieldDataType2["BLOCK"] = "block";
+  FieldDataType2["NUMBER"] = "number";
+  FieldDataType2["REFERENCE"] = "reference";
+  FieldDataType2["GROUP"] = "group";
+  FieldDataType2["EXPERIENCE_CONTAINER"] = "experience_container";
+  FieldDataType2["FILE"] = "file";
+  FieldDataType2["GLOBAL_FIELD"] = "global_field";
+  FieldDataType2["TAXONOMY"] = "taxonomy";
+  return FieldDataType2;
+})(FieldDataType || {});
+export {
+  FieldDataType
+};
+//# sourceMappingURL=index.types.js.map

package/dist/legacy/visualBuilder/utils/types/index.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/index.types.ts"],"sourcesContent":["import {\n    IContentTypeRootBlocks,\n    IModularBlockSingleBlock,\n} from \"../../../cms/types/contentTypeSchema.types\";\n\nexport type ISchemaIndividualFieldMap = Record<string, ISchemaFieldMap>;\n\nexport type ISchemaFieldMap = (\n    | IContentTypeRootBlocks\n    | (IModularBlockSingleBlock & {\n          data_type: \"block\";\n          display_name: string;\n      })\n) & {\n    non_localizable?: boolean;\n    multiple?: boolean;\n    field_metadata?: {\n        updateRestrict?: boolean;\n        isUnlinkedVariant?: boolean;\n    };\n};\n\nexport interface ITraverseSchemaVisitor {\n    should_visit: (\n        fieldSchema: IContentTypeRootBlocks,\n        path: string\n    ) => boolean;\n    visit: (fieldSchema: IContentTypeRootBlocks, path: string) => void;\n\n    /**\n     * A flat list of all the fields with its schema\n     */\n    fieldMap: ISchemaIndividualFieldMap;\n}\n\nexport enum FieldDataType {\n    CUSTOM_FIELD = \"custom_field\",\n    MULTILINE = \"multiline\",\n    HTML_RTE = \"html_rte\",\n    MARKDOWN_RTE = \"markdown_rte\",\n    SELECT = \"select\",\n    URL = \"url\",\n    SINGLELINE = \"singleline\",\n    JSON_RTE = \"json_rte\",\n    MODULAR_BLOCK = \"modular_block\",\n    LINK = \"link\",\n    ISODATE = \"isodate\",\n    BOOLEAN = \"boolean\",\n    BLOCK = \"block\",\n    NUMBER = \"number\",\n    REFERENCE = \"reference\",\n    GROUP = \"group\",\n    EXPERIENCE_CONTAINER = \"experience_container\",\n    FILE = \"file\",\n    GLOBAL_FIELD = \"global_field\",\n    TAXONOMY = \"taxonomy\",\n}\n"],"mappings":";;;AAmCO,IAAK,gBAAL,kBAAKA,mBAAL;AACH,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,SAAM;AACN,EAAAA,eAAA,gBAAa;AACb,EAAAA,eAAA,cAAW;AACX,EAAAA,eAAA,mBAAgB;AAChB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,aAAU;AACV,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,YAAS;AACT,EAAAA,eAAA,eAAY;AACZ,EAAAA,eAAA,WAAQ;AACR,EAAAA,eAAA,0BAAuB;AACvB,EAAAA,eAAA,UAAO;AACP,EAAAA,eAAA,kBAAe;AACf,EAAAA,eAAA,cAAW;AApBH,SAAAA;AAAA,GAAA;","names":["FieldDataType"]}

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

@@ -0,0 +1,66 @@
+"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/utils/types/postMessage.types.ts
+var postMessage_types_exports = {};
+__export(postMessage_types_exports, {
+  VisualBuilderPostMessageEvents: () => VisualBuilderPostMessageEvents
+});
+module.exports = __toCommonJS(postMessage_types_exports);
+var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageEvents2) => {
+  VisualBuilderPostMessageEvents2["INIT"] = "init";
+  VisualBuilderPostMessageEvents2["ADD_INSTANCE"] = "add-instance";
+  VisualBuilderPostMessageEvents2["UPDATE_FIELD"] = "update-field";
+  VisualBuilderPostMessageEvents2["SYNC_FIELD"] = "sync-field";
+  VisualBuilderPostMessageEvents2["OPEN_ASSET_MODAL"] = "open-asset-modal";
+  VisualBuilderPostMessageEvents2["OPEN_REFERENCE_MODAL"] = "open-reference-modal";
+  VisualBuilderPostMessageEvents2["OPEN_QUICK_FORM"] = "open-quick-form";
+  VisualBuilderPostMessageEvents2["TOGGLE_FORM"] = "toggle-quick-form";
+  VisualBuilderPostMessageEvents2["GET_FIELD_SCHEMA"] = "get-field-schema";
+  VisualBuilderPostMessageEvents2["GET_FIELD_DATA"] = "get-field-data";
+  VisualBuilderPostMessageEvents2["GET_FIELD_PATH_WITH_UID"] = "get-field-path-with-uid";
+  VisualBuilderPostMessageEvents2["GET_FIELD_DISPLAY_NAMES"] = "get-field-display-names";
+  VisualBuilderPostMessageEvents2["MOUSE_CLICK"] = "mouse-click";
+  VisualBuilderPostMessageEvents2["FOCUS_FIELD"] = "focus-field";
+  VisualBuilderPostMessageEvents2["OPEN_FIELD_EDIT_MODAL"] = "open-field-edit-modal";
+  VisualBuilderPostMessageEvents2["DELETE_INSTANCE"] = "delete-instance";
+  VisualBuilderPostMessageEvents2["MOVE_INSTANCE"] = "move-instance";
+  VisualBuilderPostMessageEvents2["GET_DISCUSSION_ID"] = "get-discussion-id-for-comment-modal";
+  VisualBuilderPostMessageEvents2["OPEN_FIELD_COMMENT_MODAL"] = "open-field-comment-modal";
+  VisualBuilderPostMessageEvents2["GET_ALL_ENTRIES_IN_CURRENT_PAGE"] = "get-entries-in-current-page";
+  VisualBuilderPostMessageEvents2["HIDE_FOCUS_OVERLAY"] = "hide-focus-overlay";
+  VisualBuilderPostMessageEvents2["SHOW_DRAFT_FIELDS"] = "show-draft-fields";
+  VisualBuilderPostMessageEvents2["REMOVE_DRAFT_FIELDS"] = "remove-draft-fields";
+  VisualBuilderPostMessageEvents2["SHOW_VARIANT_FIELDS"] = "show-variant-fields";
+  VisualBuilderPostMessageEvents2["REMOVE_VARIANT_FIELDS"] = "remove-variant-fields";
+  VisualBuilderPostMessageEvents2["SET_AUDIENCE_MODE"] = "set-audience-mode";
+  VisualBuilderPostMessageEvents2["UPDATE_DISCUSSION_ID"] = "update-discussion-id-for-focus-field";
+  VisualBuilderPostMessageEvents2["SCROLL_TO_FIELD"] = "scroll-to-view-field-by-cslp-value";
+  VisualBuilderPostMessageEvents2["HIGHLIGHT_ACTIVE_COMMENTS"] = "highlight-active-comments-by-data-cs";
+  VisualBuilderPostMessageEvents2["REMOVE_HIGHLIGHTED_COMMENTS"] = "remove-highlighted-comments";
+  VisualBuilderPostMessageEvents2["GET_VARIANT_ID"] = "get-variant-id";
+  VisualBuilderPostMessageEvents2["GET_LOCALE"] = "get-locale";
+  VisualBuilderPostMessageEvents2["SEND_VARIANT_AND_LOCALE"] = "send-variant-and-locale";
+  return VisualBuilderPostMessageEvents2;
+})(VisualBuilderPostMessageEvents || {});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  VisualBuilderPostMessageEvents
+});
+//# sourceMappingURL=postMessage.types.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = 'sync-field',\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAE3B,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,6BAA0B;AAlClB,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}

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

@@ -0,0 +1,37 @@
+declare enum VisualBuilderPostMessageEvents {
+    INIT = "init",
+    ADD_INSTANCE = "add-instance",
+    UPDATE_FIELD = "update-field",
+    SYNC_FIELD = "sync-field",
+    OPEN_ASSET_MODAL = "open-asset-modal",
+    OPEN_REFERENCE_MODAL = "open-reference-modal",
+    OPEN_QUICK_FORM = "open-quick-form",
+    TOGGLE_FORM = "toggle-quick-form",
+    GET_FIELD_SCHEMA = "get-field-schema",
+    GET_FIELD_DATA = "get-field-data",
+    GET_FIELD_PATH_WITH_UID = "get-field-path-with-uid",
+    GET_FIELD_DISPLAY_NAMES = "get-field-display-names",
+    MOUSE_CLICK = "mouse-click",
+    FOCUS_FIELD = "focus-field",
+    OPEN_FIELD_EDIT_MODAL = "open-field-edit-modal",
+    DELETE_INSTANCE = "delete-instance",
+    MOVE_INSTANCE = "move-instance",
+    GET_DISCUSSION_ID = "get-discussion-id-for-comment-modal",
+    OPEN_FIELD_COMMENT_MODAL = "open-field-comment-modal",
+    GET_ALL_ENTRIES_IN_CURRENT_PAGE = "get-entries-in-current-page",
+    HIDE_FOCUS_OVERLAY = "hide-focus-overlay",
+    SHOW_DRAFT_FIELDS = "show-draft-fields",
+    REMOVE_DRAFT_FIELDS = "remove-draft-fields",
+    SHOW_VARIANT_FIELDS = "show-variant-fields",
+    REMOVE_VARIANT_FIELDS = "remove-variant-fields",
+    SET_AUDIENCE_MODE = "set-audience-mode",
+    UPDATE_DISCUSSION_ID = "update-discussion-id-for-focus-field",
+    SCROLL_TO_FIELD = "scroll-to-view-field-by-cslp-value",
+    HIGHLIGHT_ACTIVE_COMMENTS = "highlight-active-comments-by-data-cs",
+    REMOVE_HIGHLIGHTED_COMMENTS = "remove-highlighted-comments",
+    GET_VARIANT_ID = "get-variant-id",
+    GET_LOCALE = "get-locale",
+    SEND_VARIANT_AND_LOCALE = "send-variant-and-locale"
+}
+
+export { VisualBuilderPostMessageEvents };

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

@@ -0,0 +1,37 @@
+declare enum VisualBuilderPostMessageEvents {
+    INIT = "init",
+    ADD_INSTANCE = "add-instance",
+    UPDATE_FIELD = "update-field",
+    SYNC_FIELD = "sync-field",
+    OPEN_ASSET_MODAL = "open-asset-modal",
+    OPEN_REFERENCE_MODAL = "open-reference-modal",
+    OPEN_QUICK_FORM = "open-quick-form",
+    TOGGLE_FORM = "toggle-quick-form",
+    GET_FIELD_SCHEMA = "get-field-schema",
+    GET_FIELD_DATA = "get-field-data",
+    GET_FIELD_PATH_WITH_UID = "get-field-path-with-uid",
+    GET_FIELD_DISPLAY_NAMES = "get-field-display-names",
+    MOUSE_CLICK = "mouse-click",
+    FOCUS_FIELD = "focus-field",
+    OPEN_FIELD_EDIT_MODAL = "open-field-edit-modal",
+    DELETE_INSTANCE = "delete-instance",
+    MOVE_INSTANCE = "move-instance",
+    GET_DISCUSSION_ID = "get-discussion-id-for-comment-modal",
+    OPEN_FIELD_COMMENT_MODAL = "open-field-comment-modal",
+    GET_ALL_ENTRIES_IN_CURRENT_PAGE = "get-entries-in-current-page",
+    HIDE_FOCUS_OVERLAY = "hide-focus-overlay",
+    SHOW_DRAFT_FIELDS = "show-draft-fields",
+    REMOVE_DRAFT_FIELDS = "remove-draft-fields",
+    SHOW_VARIANT_FIELDS = "show-variant-fields",
+    REMOVE_VARIANT_FIELDS = "remove-variant-fields",
+    SET_AUDIENCE_MODE = "set-audience-mode",
+    UPDATE_DISCUSSION_ID = "update-discussion-id-for-focus-field",
+    SCROLL_TO_FIELD = "scroll-to-view-field-by-cslp-value",
+    HIGHLIGHT_ACTIVE_COMMENTS = "highlight-active-comments-by-data-cs",
+    REMOVE_HIGHLIGHTED_COMMENTS = "remove-highlighted-comments",
+    GET_VARIANT_ID = "get-variant-id",
+    GET_LOCALE = "get-locale",
+    SEND_VARIANT_AND_LOCALE = "send-variant-and-locale"
+}
+
+export { VisualBuilderPostMessageEvents };

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

@@ -0,0 +1,43 @@
+import "../../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/utils/types/postMessage.types.ts
+var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageEvents2) => {
+  VisualBuilderPostMessageEvents2["INIT"] = "init";
+  VisualBuilderPostMessageEvents2["ADD_INSTANCE"] = "add-instance";
+  VisualBuilderPostMessageEvents2["UPDATE_FIELD"] = "update-field";
+  VisualBuilderPostMessageEvents2["SYNC_FIELD"] = "sync-field";
+  VisualBuilderPostMessageEvents2["OPEN_ASSET_MODAL"] = "open-asset-modal";
+  VisualBuilderPostMessageEvents2["OPEN_REFERENCE_MODAL"] = "open-reference-modal";
+  VisualBuilderPostMessageEvents2["OPEN_QUICK_FORM"] = "open-quick-form";
+  VisualBuilderPostMessageEvents2["TOGGLE_FORM"] = "toggle-quick-form";
+  VisualBuilderPostMessageEvents2["GET_FIELD_SCHEMA"] = "get-field-schema";
+  VisualBuilderPostMessageEvents2["GET_FIELD_DATA"] = "get-field-data";
+  VisualBuilderPostMessageEvents2["GET_FIELD_PATH_WITH_UID"] = "get-field-path-with-uid";
+  VisualBuilderPostMessageEvents2["GET_FIELD_DISPLAY_NAMES"] = "get-field-display-names";
+  VisualBuilderPostMessageEvents2["MOUSE_CLICK"] = "mouse-click";
+  VisualBuilderPostMessageEvents2["FOCUS_FIELD"] = "focus-field";
+  VisualBuilderPostMessageEvents2["OPEN_FIELD_EDIT_MODAL"] = "open-field-edit-modal";
+  VisualBuilderPostMessageEvents2["DELETE_INSTANCE"] = "delete-instance";
+  VisualBuilderPostMessageEvents2["MOVE_INSTANCE"] = "move-instance";
+  VisualBuilderPostMessageEvents2["GET_DISCUSSION_ID"] = "get-discussion-id-for-comment-modal";
+  VisualBuilderPostMessageEvents2["OPEN_FIELD_COMMENT_MODAL"] = "open-field-comment-modal";
+  VisualBuilderPostMessageEvents2["GET_ALL_ENTRIES_IN_CURRENT_PAGE"] = "get-entries-in-current-page";
+  VisualBuilderPostMessageEvents2["HIDE_FOCUS_OVERLAY"] = "hide-focus-overlay";
+  VisualBuilderPostMessageEvents2["SHOW_DRAFT_FIELDS"] = "show-draft-fields";
+  VisualBuilderPostMessageEvents2["REMOVE_DRAFT_FIELDS"] = "remove-draft-fields";
+  VisualBuilderPostMessageEvents2["SHOW_VARIANT_FIELDS"] = "show-variant-fields";
+  VisualBuilderPostMessageEvents2["REMOVE_VARIANT_FIELDS"] = "remove-variant-fields";
+  VisualBuilderPostMessageEvents2["SET_AUDIENCE_MODE"] = "set-audience-mode";
+  VisualBuilderPostMessageEvents2["UPDATE_DISCUSSION_ID"] = "update-discussion-id-for-focus-field";
+  VisualBuilderPostMessageEvents2["SCROLL_TO_FIELD"] = "scroll-to-view-field-by-cslp-value";
+  VisualBuilderPostMessageEvents2["HIGHLIGHT_ACTIVE_COMMENTS"] = "highlight-active-comments-by-data-cs";
+  VisualBuilderPostMessageEvents2["REMOVE_HIGHLIGHTED_COMMENTS"] = "remove-highlighted-comments";
+  VisualBuilderPostMessageEvents2["GET_VARIANT_ID"] = "get-variant-id";
+  VisualBuilderPostMessageEvents2["GET_LOCALE"] = "get-locale";
+  VisualBuilderPostMessageEvents2["SEND_VARIANT_AND_LOCALE"] = "send-variant-and-locale";
+  return VisualBuilderPostMessageEvents2;
+})(VisualBuilderPostMessageEvents || {});
+export {
+  VisualBuilderPostMessageEvents
+};
+//# sourceMappingURL=postMessage.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = 'sync-field',\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    // FROM visual builder\n    GET_ALL_ENTRIES_IN_CURRENT_PAGE = \"get-entries-in-current-page\",\n    HIDE_FOCUS_OVERLAY = \"hide-focus-overlay\",\n    SHOW_DRAFT_FIELDS = \"show-draft-fields\",\n    REMOVE_DRAFT_FIELDS = \"remove-draft-fields\",\n    SHOW_VARIANT_FIELDS = \"show-variant-fields\",\n    REMOVE_VARIANT_FIELDS = \"remove-variant-fields\",\n    SET_AUDIENCE_MODE = \"set-audience-mode\",\n    UPDATE_DISCUSSION_ID = \"update-discussion-id-for-focus-field\",\n    SCROLL_TO_FIELD = \"scroll-to-view-field-by-cslp-value\",\n    HIGHLIGHT_ACTIVE_COMMENTS = \"highlight-active-comments-by-data-cs\",\n    REMOVE_HIGHLIGHTED_COMMENTS = \"remove-highlighted-comments\",\n    GET_VARIANT_ID = \"get-variant-id\",\n    GET_LOCALE = \"get-locale\",\n    SEND_VARIANT_AND_LOCALE = \"send-variant-and-locale\",\n}\n"],"mappings":";;;AAAO,IAAK,iCAAL,kBAAKA,oCAAL;AACH,EAAAA,gCAAA,UAAO;AACP,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,kBAAe;AACf,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,sBAAmB;AACnB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,6BAA0B;AAC1B,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,iBAAc;AACd,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,8BAA2B;AAE3B,EAAAA,gCAAA,qCAAkC;AAClC,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,uBAAoB;AACpB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,qBAAkB;AAClB,EAAAA,gCAAA,+BAA4B;AAC5B,EAAAA,gCAAA,iCAA8B;AAC9B,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,gBAAa;AACb,EAAAA,gCAAA,6BAA0B;AAlClB,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}

package/dist/legacy/visualBuilder/utils/updateFocussedState.cjs

@@ -0,0 +1,275 @@
+"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/utils/updateFocussedState.ts
+var updateFocussedState_exports = {};
+__export(updateFocussedState_exports, {
+  updateFocussedState: () => updateFocussedState,
+  updateFocussedStateOnMutation: () => updateFocussedStateOnMutation
+});
+module.exports = __toCommonJS(updateFocussedState_exports);
+var import__ = require("../index.cjs");
+var import_cslp = require("../../cslp/index.cjs");
+var import_generateAddInstanceButtons = require("../generators/generateAddInstanceButtons.cjs");
+var import_generateOverlay = require("../generators/generateOverlay.cjs");
+var import_mouseHover = require("../listeners/mouseHover.cjs");
+var import_constants = require("./constants.cjs");
+var import_getChildrenDirection = __toESM(require("./getChildrenDirection.cjs"), 1);
+var import_getPsuedoEditableStylesElement = require("./getPsuedoEditableStylesElement.cjs");
+function positionToolbar({
+  focusedToolbar,
+  selectedElementDimension
+}) {
+  if (focusedToolbar) {
+    const targetElementRightEdgeOffset = window.scrollX + window.innerWidth - selectedElementDimension.left;
+    const distanceFromTop = selectedElementDimension.top + window.scrollY - import_constants.TOOLBAR_EDGE_BUFFER;
+    const adjustedDistanceFromTop = selectedElementDimension.top + window.scrollY < import_constants.TOP_EDGE_BUFFER ? distanceFromTop + selectedElementDimension.height + import_constants.TOP_EDGE_BUFFER : distanceFromTop;
+    const distanceFromLeft = selectedElementDimension.left - import_constants.LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;
+    const adjustedDistanceFromLeft = Math.max(
+      distanceFromLeft,
+      import_constants.TOOLBAR_EDGE_BUFFER
+    );
+    if (targetElementRightEdgeOffset < import_constants.RIGHT_EDGE_BUFFER && (focusedToolbar.style.justifyContent !== "flex-end" || focusedToolbar.style.left !== `${selectedElementDimension.right + import_constants.LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`)) {
+      focusedToolbar.style.justifyContent = "flex-end";
+      focusedToolbar.style.left = `${selectedElementDimension.right + import_constants.LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`;
+    } else if (focusedToolbar.style.justifyContent !== "flex-start" || focusedToolbar.style.left !== `${adjustedDistanceFromLeft}px`) {
+      focusedToolbar.style.justifyContent = "flex-start";
+      focusedToolbar.style.left = `${adjustedDistanceFromLeft}px`;
+    }
+    if (focusedToolbar.style.top !== `${adjustedDistanceFromTop}px`) {
+      focusedToolbar.style.top = `${adjustedDistanceFromTop}px`;
+    }
+  }
+}
+function updateFocussedState({
+  editableElement,
+  visualBuilderContainer,
+  overlayWrapper,
+  focusedToolbar,
+  resizeObserver
+}) {
+  var _a, _b;
+  let previousSelectedEditableDOM = import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM;
+  if (!visualBuilderContainer || !editableElement || !previousSelectedEditableDOM || !overlayWrapper) {
+    return;
+  }
+  const previousSelectedElementCslp = previousSelectedEditableDOM == null ? void 0 : previousSelectedEditableDOM.getAttribute("data-cslp");
+  const newPreviousSelectedElement = document.querySelector(
+    `[data-cslp="${previousSelectedElementCslp}"]`
+  );
+  if (!newPreviousSelectedElement && resizeObserver) {
+    (0, import_generateOverlay.hideFocusOverlay)({
+      visualBuilderOverlayWrapper: overlayWrapper,
+      focusedToolbar,
+      visualBuilderContainer,
+      resizeObserver,
+      noTrigger: true
+    });
+    return;
+  }
+  if (newPreviousSelectedElement !== previousSelectedEditableDOM) {
+    previousSelectedEditableDOM = newPreviousSelectedElement;
+    import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM = previousSelectedEditableDOM;
+  }
+  (0, import_mouseHover.hideHoverOutline)(visualBuilderContainer);
+  (0, import_generateOverlay.addFocusOverlay)(previousSelectedEditableDOM, overlayWrapper);
+  const psuedoEditableElement = visualBuilderContainer.querySelector(
+    ".visual-builder__pseudo-editable-element"
+  );
+  if (psuedoEditableElement) {
+    const styles = (0, import_getPsuedoEditableStylesElement.getPsuedoEditableElementStyles)(editableElement);
+    const styleString = Object.entries(styles).reduce(
+      (acc, [key, value]) => {
+        return `${acc}${key}:${value};`;
+      },
+      ""
+    );
+    psuedoEditableElement.style.cssText = styleString;
+    psuedoEditableElement.style.visibility = "visible";
+  }
+  const cslp = (editableElement == null ? void 0 : editableElement.getAttribute("data-cslp")) || "";
+  const fieldMetadata = (0, import_cslp.extractDetailsFromCslp)(cslp);
+  const targetElementDimension = editableElement.getBoundingClientRect();
+  if (targetElementDimension.width && targetElementDimension.height) {
+    const selectedElement = import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM;
+    if (!selectedElement) return;
+    positionToolbar({
+      focusedToolbar,
+      selectedElementDimension: selectedElement.getBoundingClientRect()
+    });
+  }
+  const buttons = (0, import_generateAddInstanceButtons.getAddInstanceButtons)(visualBuilderContainer);
+  const parentCslpValue = (_b = (_a = fieldMetadata.multipleFieldMetadata) == null ? void 0 : _a.parentDetails) == null ? void 0 : _b.parentCslpValue;
+  if (buttons && parentCslpValue && buttons.length > 1 && buttons[0] && buttons[1]) {
+    const [previousButton, nextButton] = buttons;
+    const direction = (0, import_getChildrenDirection.default)(
+      editableElement,
+      parentCslpValue
+    );
+    const targetDOMDimension = editableElement.getBoundingClientRect();
+    if (direction === "horizontal") {
+      const middleHeight = targetDOMDimension.top + (targetDOMDimension.bottom - targetDOMDimension.top) / 2 + window.scrollY;
+      previousButton.style.left = `${targetDOMDimension.left}px`;
+      previousButton.style.top = `${middleHeight}px`;
+      nextButton.style.left = `${targetDOMDimension.right}px`;
+      nextButton.style.top = `${middleHeight}px`;
+    } else if (direction === "vertical") {
+      const middleWidth = targetDOMDimension.left + (targetDOMDimension.right - targetDOMDimension.left) / 2;
+      previousButton.style.left = `${middleWidth}px`;
+      previousButton.style.top = `${targetDOMDimension.top + window.scrollY}px`;
+      nextButton.style.left = `${middleWidth}px`;
+      nextButton.style.top = `${targetDOMDimension.bottom + window.scrollY}px`;
+    }
+  }
+}
+function updateFocussedStateOnMutation(focusOverlayWrapper, focusedToolbar, visualBuilderContainer, resizeObserver) {
+  if (!focusOverlayWrapper) return;
+  let selectedElement = import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM;
+  if (!selectedElement) return;
+  const selectedElementCslp = selectedElement == null ? void 0 : selectedElement.getAttribute("data-cslp");
+  const newSelectedElement = document.querySelector(
+    `[data-cslp="${selectedElementCslp}"]`
+  );
+  if (!newSelectedElement && resizeObserver) {
+    (0, import_generateOverlay.hideFocusOverlay)({
+      visualBuilderOverlayWrapper: focusOverlayWrapper,
+      focusedToolbar,
+      visualBuilderContainer,
+      resizeObserver,
+      noTrigger: true
+    });
+    return;
+  }
+  if (newSelectedElement !== selectedElement) {
+    selectedElement = newSelectedElement;
+    import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM = selectedElement;
+  }
+  const selectedElementDimension = selectedElement.getBoundingClientRect();
+  const focusOutline = focusOverlayWrapper.querySelector(
+    ".visual-builder__overlay--outline"
+  );
+  if (focusOutline) {
+    const focusOutlineDimension = focusOutline.getBoundingClientRect();
+    if (!isSameRect(selectedElementDimension, focusOutlineDimension)) {
+      focusOutline.style.top = `${selectedElementDimension.top + window.scrollY}px`;
+      focusOutline.style.left = `${selectedElementDimension.left}px`;
+      focusOutline.style.width = `${selectedElementDimension.width}px`;
+      focusOutline.style.height = `${selectedElementDimension.height}px`;
+    }
+  }
+  const focusedOverlayTop = focusOverlayWrapper.querySelector(
+    ".visual-builder__overlay--top"
+  );
+  const focusedOverlayBottom = focusOverlayWrapper.querySelector(
+    ".visual-builder__overlay--bottom"
+  );
+  const focusedOverlayLeft = focusOverlayWrapper.querySelector(
+    ".visual-builder__overlay--left"
+  );
+  const focusedOverlayRight = focusOverlayWrapper.querySelector(
+    ".visual-builder__overlay--right"
+  );
+  const distanceFromTop = selectedElementDimension.top + window.scrollY;
+  if (focusedOverlayTop) {
+    const dimension = focusedOverlayTop.getBoundingClientRect();
+    if (dimension.height !== distanceFromTop) {
+      focusedOverlayTop.style.height = `calc(${distanceFromTop}px)`;
+    }
+  }
+  if (focusedOverlayBottom) {
+    const dimension = focusedOverlayBottom.getBoundingClientRect();
+    if (dimension.top !== selectedElementDimension.bottom || dimension.height !== window.document.body.scrollHeight - selectedElementDimension.bottom - window.scrollY) {
+      focusedOverlayBottom.style.top = `${selectedElementDimension.bottom + window.scrollY}px`;
+      focusedOverlayBottom.style.height = `${window.document.body.scrollHeight - selectedElementDimension.bottom - window.scrollY}px`;
+    }
+  }
+  if (focusedOverlayLeft) {
+    const dimension = focusedOverlayLeft.getBoundingClientRect();
+    if (dimension.top + window.scrollY !== distanceFromTop || dimension.height !== selectedElementDimension.height || dimension.width !== selectedElementDimension.left) {
+      focusedOverlayLeft.style.top = `${distanceFromTop}px`;
+      focusedOverlayLeft.style.height = `${selectedElementDimension.height}px`;
+      focusedOverlayLeft.style.width = `${selectedElementDimension.left}px`;
+    }
+  }
+  if (focusedOverlayRight) {
+    const dimension = focusedOverlayRight.getBoundingClientRect();
+    if (dimension.left !== selectedElementDimension.right || dimension.top + window.scrollY !== distanceFromTop || dimension.height !== selectedElementDimension.height || dimension.width !== document.documentElement.clientWidth - selectedElementDimension.right) {
+      focusedOverlayRight.style.left = `${selectedElementDimension.right}px`;
+      focusedOverlayRight.style.top = `${distanceFromTop}px`;
+      focusedOverlayRight.style.height = `${selectedElementDimension.height}px`;
+      focusedOverlayRight.style.width = `${document.documentElement.clientWidth - selectedElementDimension.right}px`;
+    }
+  }
+  if (focusedToolbar) {
+    const targetElementRightEdgeOffset = window.scrollX + window.innerWidth - selectedElementDimension.left;
+    const distanceFromTop2 = selectedElementDimension.top + window.scrollY - import_constants.TOOLBAR_EDGE_BUFFER;
+    const adjustedDistanceFromTop = selectedElementDimension.top + window.scrollY < import_constants.TOP_EDGE_BUFFER ? distanceFromTop2 + selectedElementDimension.height + import_constants.TOP_EDGE_BUFFER : distanceFromTop2;
+    const distanceFromLeft = selectedElementDimension.left - import_constants.LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;
+    const adjustedDistanceFromLeft = Math.max(
+      distanceFromLeft,
+      import_constants.TOOLBAR_EDGE_BUFFER
+    );
+    if (targetElementRightEdgeOffset < import_constants.RIGHT_EDGE_BUFFER && (focusedToolbar.style.justifyContent !== "flex-end" || focusedToolbar.style.left !== `${selectedElementDimension.right + import_constants.LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`)) {
+      focusedToolbar.style.justifyContent = "flex-end";
+      focusedToolbar.style.left = `${selectedElementDimension.right + import_constants.LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`;
+    } else if (focusedToolbar.style.justifyContent !== "flex-start" || focusedToolbar.style.left !== `${adjustedDistanceFromLeft}px`) {
+      focusedToolbar.style.justifyContent = "flex-start";
+      focusedToolbar.style.left = `${adjustedDistanceFromLeft}px`;
+    }
+    if (focusedToolbar.style.top !== `${adjustedDistanceFromTop}px`) {
+      focusedToolbar.style.top = `${adjustedDistanceFromTop}px`;
+    }
+  }
+  if (visualBuilderContainer) {
+    const psuedoEditableElement = visualBuilderContainer.querySelector(
+      ".visual-builder__pseudo-editable-element"
+    );
+    const editableElement = selectedElement;
+    const styles = (0, import_getPsuedoEditableStylesElement.getPsuedoEditableElementStyles)(editableElement);
+    const styleString = Object.entries(styles).reduce(
+      (acc, [key, value]) => {
+        return `${acc}${key}:${value};`;
+      },
+      ""
+    );
+    if (psuedoEditableElement && (psuedoEditableElement.style.cssText !== styleString || psuedoEditableElement.style.visibility !== "visible")) {
+      psuedoEditableElement.style.cssText = styleString;
+      psuedoEditableElement.style.visibility = "visible";
+    }
+  }
+}
+function isSameRect(rect1, rect2) {
+  return rect1.top === rect2.top && rect1.left === rect2.left && rect1.width === rect2.width && rect1.height === rect2.height;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  updateFocussedState,
+  updateFocussedStateOnMutation
+});
+//# sourceMappingURL=updateFocussedState.cjs.map

package/dist/legacy/visualBuilder/utils/updateFocussedState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/updateFocussedState.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport { extractDetailsFromCslp } from \"../../cslp\";\nimport { getAddInstanceButtons } from \"../generators/generateAddInstanceButtons\";\nimport {\n    addFocusOverlay,\n    hideFocusOverlay,\n} from \"../generators/generateOverlay\";\nimport { hideHoverOutline } from \"../listeners/mouseHover\";\nimport {\n    LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX,\n    RIGHT_EDGE_BUFFER,\n    TOOLBAR_EDGE_BUFFER,\n    TOP_EDGE_BUFFER,\n} from \"./constants\";\nimport getChildrenDirection from \"./getChildrenDirection\";\nimport { getPsuedoEditableElementStyles } from \"./getPsuedoEditableStylesElement\";\nimport getStyleOfAnElement from \"./getStyleOfAnElement\";\n\ninterface ToolbarPositionParams {\n    focusedToolbar: HTMLElement | null;\n    selectedElementDimension: DOMRect;\n}\n/**\n * Adjust the position of the field toolbar instead of clearing the innerhtml fo the focused toolbar.\n * By doing this, can avoid the re-rendering of the focus field toolbar.\n */\nfunction positionToolbar({\n    focusedToolbar,\n    selectedElementDimension,\n}: ToolbarPositionParams): void {\n    if (focusedToolbar) {\n        const targetElementRightEdgeOffset =\n            window.scrollX + window.innerWidth - selectedElementDimension.left;\n        const distanceFromTop =\n            selectedElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n\n        // Adjust top position based on the available space\n        const adjustedDistanceFromTop =\n            selectedElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n                ? distanceFromTop +\n                  selectedElementDimension.height +\n                  TOP_EDGE_BUFFER\n                : distanceFromTop;\n\n        const distanceFromLeft =\n            selectedElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n        const adjustedDistanceFromLeft = Math.max(\n            distanceFromLeft,\n            TOOLBAR_EDGE_BUFFER\n        );\n\n        // Handle right-edge overflow\n        if (\n            targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER &&\n            (focusedToolbar.style.justifyContent !== \"flex-end\" ||\n                focusedToolbar.style.left !==\n                    `${selectedElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`)\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-end\";\n            focusedToolbar.style.left = `${selectedElementDimension.right + LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX}px`;\n        } else if (\n            focusedToolbar.style.justifyContent !== \"flex-start\" ||\n            focusedToolbar.style.left !== `${adjustedDistanceFromLeft}px`\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-start\"; // Default\n            focusedToolbar.style.left = `${adjustedDistanceFromLeft}px`;\n        }\n\n        // Adjust top position if necessary\n        if (focusedToolbar.style.top !== `${adjustedDistanceFromTop}px`) {\n            focusedToolbar.style.top = `${adjustedDistanceFromTop}px`;\n        }\n    }\n}\n\n/**\n * This function can be used to re-draw/update the focussed state of an element.\n * The focussed state includes the overlay, psuedo-editable, toolbar, and multiple\n * instance add buttons. It is similar to handleBuilderInteraction but it does not\n * create new elements, it just updates the existing ones whenever possible.\n * NOTE: breakdown this function into multiple functions when the need arises\n */\nexport function updateFocussedState({\n    editableElement,\n    visualBuilderContainer,\n    overlayWrapper,\n    focusedToolbar,\n    resizeObserver,\n}: {\n    editableElement: HTMLElement | null;\n    visualBuilderContainer: HTMLDivElement | null;\n    overlayWrapper: HTMLDivElement | null;\n    focusedToolbar: HTMLDivElement | null;\n    resizeObserver: ResizeObserver | null;\n}): void {\n    let previousSelectedEditableDOM =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (\n        !visualBuilderContainer ||\n        !editableElement ||\n        !previousSelectedEditableDOM ||\n        !overlayWrapper\n    ) {\n        return;\n    }\n\n    const previousSelectedElementCslp =\n        previousSelectedEditableDOM?.getAttribute(\"data-cslp\");\n    const newPreviousSelectedElement = document.querySelector(\n        `[data-cslp=\"${previousSelectedElementCslp}\"]`\n    );\n    if (!newPreviousSelectedElement && resizeObserver) {\n        hideFocusOverlay({\n            visualBuilderOverlayWrapper: overlayWrapper,\n            focusedToolbar,\n            visualBuilderContainer,\n            resizeObserver,\n            noTrigger: true,\n        });\n        return;\n    }\n    if (newPreviousSelectedElement !== previousSelectedEditableDOM) {\n        previousSelectedEditableDOM = newPreviousSelectedElement as HTMLElement;\n        VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n            previousSelectedEditableDOM;\n    }\n\n    hideHoverOutline(visualBuilderContainer);\n    addFocusOverlay(previousSelectedEditableDOM, overlayWrapper);\n\n    // update psuedo editable element if present\n    const psuedoEditableElement = visualBuilderContainer.querySelector(\n        \".visual-builder__pseudo-editable-element\"\n    ) as HTMLElement;\n    if (psuedoEditableElement) {\n        const styles = getPsuedoEditableElementStyles(editableElement);\n        const styleString = Object.entries(styles).reduce(\n            (acc, [key, value]) => {\n                return `${acc}${key}:${value};`;\n            },\n            \"\"\n        );\n        psuedoEditableElement.style.cssText = styleString;\n        // since we are copying styles from the editableEl\n        // it will now have a visibility of hidden, which we added\n        // when creating the pseudo editable element, so make the psuedo visible\n        psuedoEditableElement.style.visibility = \"visible\";\n    }\n\n    const cslp = editableElement?.getAttribute(\"data-cslp\") || \"\";\n    const fieldMetadata = extractDetailsFromCslp(cslp);\n\n    const targetElementDimension = editableElement.getBoundingClientRect();\n    if (targetElementDimension.width && targetElementDimension.height) {\n        const selectedElement =\n            VisualBuilder.VisualBuilderGlobalState.value\n                .previousSelectedEditableDOM;\n\n        if (!selectedElement) return;\n        // position the focused tool bar\n        positionToolbar({\n            focusedToolbar: focusedToolbar,\n            selectedElementDimension: selectedElement.getBoundingClientRect(),\n        });\n    }\n\n    // re-add multiple instance add buttons\n    const buttons = getAddInstanceButtons(visualBuilderContainer);\n    const parentCslpValue =\n        fieldMetadata.multipleFieldMetadata?.parentDetails?.parentCslpValue;\n    if (\n        buttons &&\n        parentCslpValue &&\n        buttons.length > 1 &&\n        buttons[0] &&\n        buttons[1]\n    ) {\n        const [previousButton, nextButton] = buttons;\n        const direction = getChildrenDirection(\n            editableElement,\n            parentCslpValue\n        );\n        const targetDOMDimension = editableElement.getBoundingClientRect();\n\n        if (direction === \"horizontal\") {\n            const middleHeight =\n                targetDOMDimension.top +\n                (targetDOMDimension.bottom - targetDOMDimension.top) / 2 +\n                window.scrollY;\n            previousButton.style.left = `${targetDOMDimension.left}px`;\n            previousButton.style.top = `${middleHeight}px`;\n\n            nextButton.style.left = `${targetDOMDimension.right}px`;\n            nextButton.style.top = `${middleHeight}px`;\n        } else if (direction === \"vertical\") {\n            const middleWidth =\n                targetDOMDimension.left +\n                (targetDOMDimension.right - targetDOMDimension.left) / 2;\n            previousButton.style.left = `${middleWidth}px`;\n            previousButton.style.top = `${\n                targetDOMDimension.top + window.scrollY\n            }px`;\n\n            nextButton.style.left = `${middleWidth}px`;\n            nextButton.style.top = `${\n                targetDOMDimension.bottom + window.scrollY\n            }px`;\n        }\n    }\n}\n\n/**\n * This function is used to resize/reposition focus overlay and toolbar due to a\n * mutation in the DOM or due to changes in a different field (other than the focussed field).\n */\nexport function updateFocussedStateOnMutation(\n    focusOverlayWrapper: HTMLDivElement | null,\n    focusedToolbar: HTMLDivElement | null,\n    visualBuilderContainer: HTMLDivElement | null,\n    resizeObserver: ResizeObserver | null\n) {\n    if (!focusOverlayWrapper) return;\n\n    let selectedElement =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (!selectedElement) return;\n\n    const selectedElementCslp = selectedElement?.getAttribute(\"data-cslp\");\n    const newSelectedElement = document.querySelector(\n        `[data-cslp=\"${selectedElementCslp}\"]`\n    );\n    if (!newSelectedElement && resizeObserver) {\n        hideFocusOverlay({\n            visualBuilderOverlayWrapper: focusOverlayWrapper,\n            focusedToolbar,\n            visualBuilderContainer,\n            resizeObserver,\n            noTrigger: true,\n        });\n        return;\n    }\n\n    if (newSelectedElement !== selectedElement) {\n        selectedElement = newSelectedElement as HTMLElement;\n        VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM =\n            selectedElement;\n    }\n\n    const selectedElementDimension = selectedElement.getBoundingClientRect();\n\n    /**\n     * Update the focus outline if it exists.\n     */\n    const focusOutline = focusOverlayWrapper.querySelector<HTMLDivElement>(\n        \".visual-builder__overlay--outline\"\n    );\n\n    if (focusOutline) {\n        const focusOutlineDimension = focusOutline.getBoundingClientRect();\n        if (!isSameRect(selectedElementDimension, focusOutlineDimension)) {\n            focusOutline.style.top = `${selectedElementDimension.top + window.scrollY}px`;\n            focusOutline.style.left = `${selectedElementDimension.left}px`;\n            focusOutline.style.width = `${selectedElementDimension.width}px`;\n            focusOutline.style.height = `${selectedElementDimension.height}px`;\n        }\n    }\n\n    /**\n     * Update the focus overlays if they exists.\n     */\n\n    const focusedOverlayTop = focusOverlayWrapper.querySelector<HTMLDivElement>(\n        \".visual-builder__overlay--top\"\n    );\n    const focusedOverlayBottom =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--bottom\"\n        );\n    const focusedOverlayLeft =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--left\"\n        );\n    const focusedOverlayRight =\n        focusOverlayWrapper.querySelector<HTMLDivElement>(\n            \".visual-builder__overlay--right\"\n        );\n\n    const distanceFromTop = selectedElementDimension.top + window.scrollY;\n\n    if (focusedOverlayTop) {\n        const dimension = focusedOverlayTop.getBoundingClientRect();\n        if (dimension.height !== distanceFromTop) {\n            focusedOverlayTop.style.height = `calc(${distanceFromTop}px)`;\n        }\n    }\n\n    if (focusedOverlayBottom) {\n        const dimension = focusedOverlayBottom.getBoundingClientRect();\n        if (\n            dimension.top !== selectedElementDimension.bottom ||\n            dimension.height !==\n                window.document.body.scrollHeight -\n                    selectedElementDimension.bottom -\n                    window.scrollY\n        ) {\n            focusedOverlayBottom.style.top = `${\n                selectedElementDimension.bottom + window.scrollY\n            }px`;\n            focusedOverlayBottom.style.height = `${\n                window.document.body.scrollHeight -\n                selectedElementDimension.bottom -\n                window.scrollY\n            }px`;\n        }\n    }\n\n    if (focusedOverlayLeft) {\n        const dimension = focusedOverlayLeft.getBoundingClientRect();\n        if (\n            dimension.top + window.scrollY !== distanceFromTop ||\n            dimension.height !== selectedElementDimension.height ||\n            dimension.width !== selectedElementDimension.left\n        ) {\n            focusedOverlayLeft.style.top = `${distanceFromTop}px`;\n            focusedOverlayLeft.style.height = `${selectedElementDimension.height}px`;\n            focusedOverlayLeft.style.width = `${selectedElementDimension.left}px`;\n        }\n    }\n\n    if (focusedOverlayRight) {\n        const dimension = focusedOverlayRight.getBoundingClientRect();\n        if (\n            dimension.left !== selectedElementDimension.right ||\n            dimension.top + window.scrollY !== distanceFromTop ||\n            dimension.height !== selectedElementDimension.height ||\n            dimension.width !==\n                document.documentElement.clientWidth -\n                    selectedElementDimension.right\n        ) {\n            focusedOverlayRight.style.left = `${selectedElementDimension.right}px`;\n            focusedOverlayRight.style.top = `${distanceFromTop}px`;\n            focusedOverlayRight.style.height = `${selectedElementDimension.height}px`;\n            focusedOverlayRight.style.width = `${\n                document.documentElement.clientWidth -\n                selectedElementDimension.right\n            }px`;\n        }\n    }\n\n    /**\n     * Update the focus toolbar if it exists.\n     */\n\n    if (focusedToolbar) {\n        const targetElementRightEdgeOffset =\n            window.scrollX + window.innerWidth - selectedElementDimension.left;\n        const distanceFromTop =\n            selectedElementDimension.top + window.scrollY - TOOLBAR_EDGE_BUFFER;\n        // Position the toolbar at the top unless there's insufficient space or scrolling up is not possible (topmost element targetted).\n        const adjustedDistanceFromTop =\n            selectedElementDimension.top + window.scrollY < TOP_EDGE_BUFFER\n                ? distanceFromTop +\n                  selectedElementDimension.height +\n                  TOP_EDGE_BUFFER\n                : distanceFromTop;\n\n        const distanceFromLeft =\n            selectedElementDimension.left - LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX;\n        const adjustedDistanceFromLeft = Math.max(\n            distanceFromLeft,\n            TOOLBAR_EDGE_BUFFER\n        );\n\n        if (\n            targetElementRightEdgeOffset < RIGHT_EDGE_BUFFER &&\n            (focusedToolbar.style.justifyContent !== \"flex-end\" ||\n                focusedToolbar.style.left !==\n                    `${\n                        selectedElementDimension.right +\n                        LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n                    }px`)\n        ) {\n            // Overflow / Cutoff on right edge\n            focusedToolbar.style.justifyContent = \"flex-end\";\n            focusedToolbar.style.left = `${\n                selectedElementDimension.right +\n                LIVE_PREVIEW_OUTLINE_WIDTH_IN_PX\n            }px`;\n        } else if (\n            focusedToolbar.style.justifyContent !== \"flex-start\" ||\n            focusedToolbar.style.left !== `${adjustedDistanceFromLeft}px`\n        ) {\n            focusedToolbar.style.justifyContent = \"flex-start\"; // default\n            focusedToolbar.style.left = `${adjustedDistanceFromLeft}px`;\n        }\n\n        if (focusedToolbar.style.top !== `${adjustedDistanceFromTop}px`) {\n            focusedToolbar.style.top = `${adjustedDistanceFromTop}px`;\n        }\n    }\n\n    /**\n     * Update the pseudo-editable if it exists.\n     */\n\n    if (visualBuilderContainer) {\n        const psuedoEditableElement = visualBuilderContainer.querySelector(\n            \".visual-builder__pseudo-editable-element\"\n        ) as HTMLElement;\n        const editableElement = selectedElement as HTMLElement;\n        const styles = getPsuedoEditableElementStyles(editableElement);\n        const styleString = Object.entries(styles).reduce(\n            (acc, [key, value]) => {\n                return `${acc}${key}:${value};`;\n            },\n            \"\"\n        );\n        if (\n            psuedoEditableElement &&\n            (psuedoEditableElement.style.cssText !== styleString ||\n                psuedoEditableElement.style.visibility !== \"visible\")\n        ) {\n            psuedoEditableElement.style.cssText = styleString;\n            // since we are copying styles from the editableEl\n            // it will now have a visibility of hidden, which we added\n            // when creating the pseudo editable element, so make the psuedo visible\n            psuedoEditableElement.style.visibility = \"visible\";\n        }\n    }\n}\n\nfunction isSameRect(rect1: DOMRect, rect2: DOMRect) {\n    return (\n        rect1.top === rect2.top &&\n        rect1.left === rect2.left &&\n        rect1.width === rect2.width &&\n        rect1.height === rect2.height\n    );\n}\n"],"mappings":"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","names":["getChildrenDirection","distanceFromTop"]}