@contentstack/live-preview-utils 3.2.4 → 3.3.0

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

@@ -2,20 +2,16 @@ import "../../chunk-5WRI5ZAA.js";
 
 // src/visualBuilder/utils/getPsuedoEditableStylesElement.ts
 import getCamelCaseStyles from "./getCamelCaseStyles.js";
+import { getPsuedoEditableEssentialStyles } from "./getPsuedoEditableEssentialStyles.js";
 import getStyleOfAnElement from "./getStyleOfAnElement.js";
 function getPsuedoEditableElementStyles(psuedoEditableElement, camelCase) {
   let styles = getStyleOfAnElement(psuedoEditableElement);
+  const rect = psuedoEditableElement.getBoundingClientRect();
   if (camelCase) {
     styles = getCamelCaseStyles(styles);
   }
-  const rect = psuedoEditableElement.getBoundingClientRect();
-  styles.position = "absolute";
-  styles.top = `${rect.top + window.scrollY}px`;
-  styles.left = `${rect.left + window.scrollX}px`;
-  styles.height = "auto";
-  styles.whiteSpace = "pre-line";
-  styles.textTransform = "none";
-  return styles;
+  const overrides = getPsuedoEditableEssentialStyles({ rect, camelCase });
+  return { ...styles, ...overrides };
 }
 export {
   getPsuedoEditableElementStyles

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/getPsuedoEditableStylesElement.ts"],"sourcesContent":["import getCamelCaseStyles from \"./getCamelCaseStyles\";\nimport getStyleOfAnElement from \"./getStyleOfAnElement\";\n\nexport function getPsuedoEditableElementStyles(\n    psuedoEditableElement: HTMLElement,\n    camelCase?: boolean\n): { [key: string]: string } {\n    let styles = getStyleOfAnElement(psuedoEditableElement);\n    if (camelCase) {\n        styles = getCamelCaseStyles(styles);\n    }\n    // Get the offsetTop and offsetLeft of the editable element and set the position of the pseudo editable element\n    // The pseudo editable element is positioned absolutely at the same location as the editable element\n    const rect = psuedoEditableElement.getBoundingClientRect();\n\n    styles.position = \"absolute\";\n    styles.top = `${rect.top + window.scrollY}px`;\n    styles.left = `${rect.left + window.scrollX}px`;\n    // setting height to auto so that the element can grow based on the content\n    // and the resize observer can detect the change in height\n    styles.height = \"auto\";\n    styles.whiteSpace = \"pre-line\";\n    styles.textTransform = \"none\";\n\n    return styles;\n}\n"],"mappings":";;;AAAA,OAAO,wBAAwB;AAC/B,OAAO,yBAAyB;AAEzB,SAAS,+BACZ,uBACA,WACyB;AACzB,MAAI,SAAS,oBAAoB,qBAAqB;AACtD,MAAI,WAAW;AACX,aAAS,mBAAmB,MAAM;AAAA,EACtC;AAGA,QAAM,OAAO,sBAAsB,sBAAsB;AAEzD,SAAO,WAAW;AAClB,SAAO,MAAM,GAAG,KAAK,MAAM,OAAO,OAAO;AACzC,SAAO,OAAO,GAAG,KAAK,OAAO,OAAO,OAAO;AAG3C,SAAO,SAAS;AAChB,SAAO,aAAa;AACpB,SAAO,gBAAgB;AAEvB,SAAO;AACX;","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/getPsuedoEditableStylesElement.ts"],"sourcesContent":["import getCamelCaseStyles from \"./getCamelCaseStyles\";\nimport { getPsuedoEditableEssentialStyles } from \"./getPsuedoEditableEssentialStyles\";\nimport getStyleOfAnElement from \"./getStyleOfAnElement\";\n\nexport function getPsuedoEditableElementStyles(\n    psuedoEditableElement: HTMLElement,\n    camelCase?: boolean\n): { [key: string]: string } {\n    let styles = getStyleOfAnElement(psuedoEditableElement);\n    // Get the offsetTop and offsetLeft of the editable element and set the position of the pseudo editable element\n    // The pseudo editable element is positioned absolutely at the same location as the editable element\n    const rect = psuedoEditableElement.getBoundingClientRect();\n\n    if (camelCase) {\n        styles = getCamelCaseStyles(styles);\n    }\n    const overrides = getPsuedoEditableEssentialStyles({ rect, camelCase });\n    return { ...styles, ...overrides };\n}\n"],"mappings":";;;AAAA,OAAO,wBAAwB;AAC/B,SAAS,wCAAwC;AACjD,OAAO,yBAAyB;AAEzB,SAAS,+BACZ,uBACA,WACyB;AACzB,MAAI,SAAS,oBAAoB,qBAAqB;AAGtD,QAAM,OAAO,sBAAsB,sBAAsB;AAEzD,MAAI,WAAW;AACX,aAAS,mBAAmB,MAAM;AAAA,EACtC;AACA,QAAM,YAAY,iCAAiC,EAAE,MAAM,UAAU,CAAC;AACtE,SAAO,EAAE,GAAG,QAAQ,GAAG,UAAU;AACrC;","names":[]}

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

@@ -1,9 +1,7 @@
 "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)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/visualBuilder/utils/handleIndividualFields.ts
@@ -42,12 +32,11 @@ var import_getFieldType = require("./getFieldType.cjs");
 var import_handleFieldMouseDown = require("./handleFieldMouseDown.cjs");
 var import_isFieldDisabled = require("./isFieldDisabled.cjs");
 var import_multipleElementAddButton = require("./multipleElementAddButton.cjs");
-var import_postMessage = require("./types/postMessage.types.cjs");
-var import_visualBuilderPostMessage = __toESM(require("./visualBuilderPostMessage.cjs"), 1);
 var import_isFieldMultiple = require("./isFieldMultiple.cjs");
 var import_handleInlineEditableField = require("./handleInlineEditableField.cjs");
 var import_pasteAsPlainText = require("./pasteAsPlainText.cjs");
 var import_getEntryPermissionsCached = require("./getEntryPermissionsCached.cjs");
+var import_generateToolbar = require("../generators/generateToolbar.cjs");
 async function handleIndividualFields(eventDetails, elements) {
   const { fieldMetadata, editableElement } = eventDetails;
   const { visualBuilderContainer, lastEditedField, resizeObserver } = elements;
@@ -158,16 +147,7 @@ function cleanIndividualFieldResidual(elements) {
     }
   }
   if (focusedToolbar) {
-    focusedToolbar.innerHTML = "";
-    const toolbarEvents = [
-      import_postMessage.VisualBuilderPostMessageEvents.DELETE_INSTANCE,
-      import_postMessage.VisualBuilderPostMessageEvents.UPDATE_DISCUSSION_ID
-    ];
-    toolbarEvents.forEach((event) => {
-      if (import_visualBuilderPostMessage.default?.requestMessageHandlers?.has(event)) {
-        import_visualBuilderPostMessage.default?.unregisterEvent?.(event);
-      }
-    });
+    (0, import_generateToolbar.removeFieldToolbar)(focusedToolbar);
   }
 }
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/handleIndividualFields.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport { VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY } from \"./constants\";\nimport { FieldSchemaMap } from \"./fieldSchemaMap\";\nimport { getFieldData } from \"./getFieldData\";\nimport { getFieldType } from \"./getFieldType\";\nimport { handleFieldInput, handleFieldKeyDown } from \"./handleFieldMouseDown\";\nimport { isFieldDisabled } from \"./isFieldDisabled\";\nimport {\n    handleAddButtonsForMultiple,\n    removeAddInstanceButtons,\n} from \"./multipleElementAddButton\";\nimport { VisualBuilderPostMessageEvents } from \"./types/postMessage.types\";\nimport visualBuilderPostMessage from \"./visualBuilderPostMessage\";\nimport { isFieldMultiple } from \"./isFieldMultiple\";\nimport { handleInlineEditableField } from \"./handleInlineEditableField\";\nimport { VisualBuilderEditContext } from \"./types/index.types\";\nimport { pasteAsPlainText } from \"./pasteAsPlainText\";\nimport { getEntryPermissionsCached } from \"./getEntryPermissionsCached\";\n\n/**\n * It handles all the fields based on their data type and its \"multiple\" property.\n * @param eventDetails The event details object that contain cslp and field metadata.\n * @param elements The elements object that contain the visual builder wrapper.\n */\nexport async function handleIndividualFields(\n    eventDetails: VisualBuilderCslpEventDetails,\n    elements: VisualBuilderEditContext\n): Promise<void> {\n    const { fieldMetadata, editableElement } = eventDetails;\n    const { visualBuilderContainer, lastEditedField, resizeObserver } =\n        elements;\n    const {\n        content_type_uid,\n        entry_uid,\n        locale,\n        fieldPath,\n        fieldPathWithIndex,\n    } = fieldMetadata;\n\n    const [fieldSchema, expectedFieldData] = await Promise.all([\n        FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath),\n        getFieldData(\n            { content_type_uid, entry_uid, locale },\n            fieldPathWithIndex\n        ),\n    ]);\n\n    const fieldType = getFieldType(fieldSchema);\n\n    const entryAcl = await getEntryPermissionsCached({\n        entryUid: entry_uid,\n        contentTypeUid: content_type_uid,\n        locale,\n    });\n    const { isDisabled: disabled } = isFieldDisabled(\n        fieldSchema,\n        eventDetails,\n        entryAcl\n    );\n\n    editableElement.setAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,\n        fieldType\n    );\n\n    if (isFieldMultiple(fieldSchema)) {\n        if (lastEditedField !== editableElement) {\n            const addButtonLabel =\n                fieldSchema.data_type === \"blocks\"\n                    ? // ? `Add ${fieldSchema.display_name ?? \"Modular Block\"}`\n                      \"Add Section\"\n                    : undefined;\n\n            handleAddButtonsForMultiple(\n                eventDetails,\n                {\n                    editableElement: eventDetails.editableElement,\n                    visualBuilderContainer: visualBuilderContainer,\n                    resizeObserver: resizeObserver,\n                },\n                {\n                    fieldSchema,\n                    expectedFieldData,\n                    disabled,\n                    label: addButtonLabel,\n                }\n            );\n        }\n    }\n\n    if (disabled) {\n        return;\n    }\n    handleInlineEditableField({\n        fieldType,\n        fieldSchema,\n        fieldMetadata,\n        expectedFieldData,\n        editableElement: editableElement as HTMLElement,\n        elements,\n    });\n}\n\nexport function cleanIndividualFieldResidual(elements: {\n    overlayWrapper: HTMLDivElement;\n    visualBuilderContainer: HTMLDivElement | null;\n    focusedToolbar: HTMLDivElement | null;\n    resizeObserver: ResizeObserver;\n}): void {\n    const { overlayWrapper, visualBuilderContainer, focusedToolbar } = elements;\n\n    removeAddInstanceButtons(\n        {\n            eventTarget: null,\n            visualBuilderContainer: visualBuilderContainer,\n            overlayWrapper: overlayWrapper,\n        },\n        true\n    );\n\n    const previousSelectedEditableDOM =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (previousSelectedEditableDOM) {\n        previousSelectedEditableDOM.removeAttribute(\n            VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n        );\n        previousSelectedEditableDOM.removeAttribute(\"contenteditable\");\n        previousSelectedEditableDOM.removeEventListener(\n            \"input\",\n            handleFieldInput\n        );\n        previousSelectedEditableDOM.removeEventListener(\n            \"keydown\",\n            handleFieldKeyDown\n        );\n\n        previousSelectedEditableDOM.removeEventListener(\n            \"paste\",\n            pasteAsPlainText\n        );\n        // Note - this happens in two places, 1. hideOverlay and 2. here\n        // TODO maybe see all usages of both functions and try to do it in one place\n        elements.resizeObserver.unobserve(previousSelectedEditableDOM);\n    }\n\n    const pseudoEditableElement = visualBuilderContainer?.querySelector(\n        \".visual-builder__pseudo-editable-element\"\n    );\n    if (pseudoEditableElement) {\n        elements.resizeObserver.unobserve(pseudoEditableElement);\n        pseudoEditableElement.removeEventListener(\"paste\", pasteAsPlainText);\n        pseudoEditableElement.remove();\n        if (previousSelectedEditableDOM) {\n            (previousSelectedEditableDOM as HTMLElement).style.removeProperty(\n                \"visibility\"\n            );\n        }\n    }\n\n    if (focusedToolbar) {\n        focusedToolbar.innerHTML = \"\";\n        const toolbarEvents = [\n            VisualBuilderPostMessageEvents.DELETE_INSTANCE,\n            VisualBuilderPostMessageEvents.UPDATE_DISCUSSION_ID,\n        ];\n        toolbarEvents.forEach((event) => {\n            //@ts-expect-error - We are accessing private method here, but it is necessary to clean up the event listeners.\n            if (visualBuilderPostMessage?.requestMessageHandlers?.has(event)) {\n                //@ts-expect-error - We are accessing private method here, but it is necessary to clean up the event listeners.\n                visualBuilderPostMessage?.unregisterEvent?.(event);\n            }\n        });\n    }\n}\n"],"mappings":"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","names":["visualBuilderPostMessage"]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/handleIndividualFields.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport { VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY } from \"./constants\";\nimport { FieldSchemaMap } from \"./fieldSchemaMap\";\nimport { getFieldData } from \"./getFieldData\";\nimport { getFieldType } from \"./getFieldType\";\nimport { handleFieldInput, handleFieldKeyDown } from \"./handleFieldMouseDown\";\nimport { isFieldDisabled } from \"./isFieldDisabled\";\nimport {\n    handleAddButtonsForMultiple,\n    removeAddInstanceButtons,\n} from \"./multipleElementAddButton\";\nimport { isFieldMultiple } from \"./isFieldMultiple\";\nimport { handleInlineEditableField } from \"./handleInlineEditableField\";\nimport { VisualBuilderEditContext } from \"./types/index.types\";\nimport { pasteAsPlainText } from \"./pasteAsPlainText\";\nimport { getEntryPermissionsCached } from \"./getEntryPermissionsCached\";\nimport { removeFieldToolbar } from \"../generators/generateToolbar\";\n\n/**\n * It handles all the fields based on their data type and its \"multiple\" property.\n * @param eventDetails The event details object that contain cslp and field metadata.\n * @param elements The elements object that contain the visual builder wrapper.\n */\nexport async function handleIndividualFields(\n    eventDetails: VisualBuilderCslpEventDetails,\n    elements: VisualBuilderEditContext\n): Promise<void> {\n    const { fieldMetadata, editableElement } = eventDetails;\n    const { visualBuilderContainer, lastEditedField, resizeObserver } =\n        elements;\n    const {\n        content_type_uid,\n        entry_uid,\n        locale,\n        fieldPath,\n        fieldPathWithIndex,\n    } = fieldMetadata;\n\n    const [fieldSchema, expectedFieldData] = await Promise.all([\n        FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath),\n        getFieldData(\n            { content_type_uid, entry_uid, locale },\n            fieldPathWithIndex\n        ),\n    ]);\n\n    const fieldType = getFieldType(fieldSchema);\n\n    const entryAcl = await getEntryPermissionsCached({\n        entryUid: entry_uid,\n        contentTypeUid: content_type_uid,\n        locale,\n    });\n    const { isDisabled: disabled } = isFieldDisabled(\n        fieldSchema,\n        eventDetails,\n        entryAcl\n    );\n\n    editableElement.setAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,\n        fieldType\n    );\n\n    if (isFieldMultiple(fieldSchema)) {\n        if (lastEditedField !== editableElement) {\n            const addButtonLabel =\n                fieldSchema.data_type === \"blocks\"\n                    ? // ? `Add ${fieldSchema.display_name ?? \"Modular Block\"}`\n                      \"Add Section\"\n                    : undefined;\n\n            handleAddButtonsForMultiple(\n                eventDetails,\n                {\n                    editableElement: eventDetails.editableElement,\n                    visualBuilderContainer: visualBuilderContainer,\n                    resizeObserver: resizeObserver,\n                },\n                {\n                    fieldSchema,\n                    expectedFieldData,\n                    disabled,\n                    label: addButtonLabel,\n                }\n            );\n        }\n    }\n\n    if (disabled) {\n        return;\n    }\n    handleInlineEditableField({\n        fieldType,\n        fieldSchema,\n        fieldMetadata,\n        expectedFieldData,\n        editableElement: editableElement as HTMLElement,\n        elements,\n    });\n}\n\nexport function cleanIndividualFieldResidual(elements: {\n    overlayWrapper: HTMLDivElement;\n    visualBuilderContainer: HTMLDivElement | null;\n    focusedToolbar: HTMLDivElement | null;\n    resizeObserver: ResizeObserver;\n}): void {\n    const { overlayWrapper, visualBuilderContainer, focusedToolbar } = elements;\n\n    removeAddInstanceButtons(\n        {\n            eventTarget: null,\n            visualBuilderContainer: visualBuilderContainer,\n            overlayWrapper: overlayWrapper,\n        },\n        true\n    );\n\n    const previousSelectedEditableDOM =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (previousSelectedEditableDOM) {\n        previousSelectedEditableDOM.removeAttribute(\n            VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n        );\n        previousSelectedEditableDOM.removeAttribute(\"contenteditable\");\n        previousSelectedEditableDOM.removeEventListener(\n            \"input\",\n            handleFieldInput\n        );\n        previousSelectedEditableDOM.removeEventListener(\n            \"keydown\",\n            handleFieldKeyDown\n        );\n\n        previousSelectedEditableDOM.removeEventListener(\n            \"paste\",\n            pasteAsPlainText\n        );\n        // Note - this happens in two places, 1. hideOverlay and 2. here\n        // TODO maybe see all usages of both functions and try to do it in one place\n        elements.resizeObserver.unobserve(previousSelectedEditableDOM);\n    }\n\n    const pseudoEditableElement = visualBuilderContainer?.querySelector(\n        \".visual-builder__pseudo-editable-element\"\n    );\n    if (pseudoEditableElement) {\n        elements.resizeObserver.unobserve(pseudoEditableElement);\n        pseudoEditableElement.removeEventListener(\"paste\", pasteAsPlainText);\n        pseudoEditableElement.remove();\n        if (previousSelectedEditableDOM) {\n            (previousSelectedEditableDOM as HTMLElement).style.removeProperty(\n                \"visibility\"\n            );\n        }\n    }\n\n    if (focusedToolbar) {\n        removeFieldToolbar(focusedToolbar);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAA8B;AAE9B,uBAAwD;AACxD,4BAA+B;AAC/B,0BAA6B;AAC7B,0BAA6B;AAC7B,kCAAqD;AACrD,6BAAgC;AAChC,sCAGO;AACP,6BAAgC;AAChC,uCAA0C;AAE1C,8BAAiC;AACjC,uCAA0C;AAC1C,6BAAmC;AAOnC,eAAsB,uBAClB,cACA,UACa;AACb,QAAM,EAAE,eAAe,gBAAgB,IAAI;AAC3C,QAAM,EAAE,wBAAwB,iBAAiB,eAAe,IAC5D;AACJ,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI;AAEJ,QAAM,CAAC,aAAa,iBAAiB,IAAI,MAAM,QAAQ,IAAI;AAAA,IACvD,qCAAe,eAAe,kBAAkB,SAAS;AAAA,QACzD;AAAA,MACI,EAAE,kBAAkB,WAAW,OAAO;AAAA,MACtC;AAAA,IACJ;AAAA,EACJ,CAAC;AAED,QAAM,gBAAY,kCAAa,WAAW;AAE1C,QAAM,WAAW,UAAM,4DAA0B;AAAA,IAC7C,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB;AAAA,EACJ,CAAC;AACD,QAAM,EAAE,YAAY,SAAS,QAAI;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,kBAAgB;AAAA,IACZ;AAAA,IACA;AAAA,EACJ;AAEA,UAAI,wCAAgB,WAAW,GAAG;AAC9B,QAAI,oBAAoB,iBAAiB;AACrC,YAAM,iBACF,YAAY,cAAc;AAAA;AAAA,QAEpB;AAAA,UACA;AAEV;AAAA,QACI;AAAA,QACA;AAAA,UACI,iBAAiB,aAAa;AAAA,UAC9B;AAAA,UACA;AAAA,QACJ;AAAA,QACA;AAAA,UACI;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,QACX;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAEA,MAAI,UAAU;AACV;AAAA,EACJ;AACA,kEAA0B;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,CAAC;AACL;AAEO,SAAS,6BAA6B,UAKpC;AACL,QAAM,EAAE,gBAAgB,wBAAwB,eAAe,IAAI;AAEnE;AAAA,IACI;AAAA,MACI,aAAa;AAAA,MACb;AAAA,MACA;AAAA,IACJ;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,8BACF,uBAAc,yBAAyB,MAClC;AACT,MAAI,6BAA6B;AAC7B,gCAA4B;AAAA,MACxB;AAAA,IACJ;AACA,gCAA4B,gBAAgB,iBAAiB;AAC7D,gCAA4B;AAAA,MACxB;AAAA,MACA;AAAA,IACJ;AACA,gCAA4B;AAAA,MACxB;AAAA,MACA;AAAA,IACJ;AAEA,gCAA4B;AAAA,MACxB;AAAA,MACA;AAAA,IACJ;AAGA,aAAS,eAAe,UAAU,2BAA2B;AAAA,EACjE;AAEA,QAAM,wBAAwB,wBAAwB;AAAA,IAClD;AAAA,EACJ;AACA,MAAI,uBAAuB;AACvB,aAAS,eAAe,UAAU,qBAAqB;AACvD,0BAAsB,oBAAoB,SAAS,wCAAgB;AACnE,0BAAsB,OAAO;AAC7B,QAAI,6BAA6B;AAC7B,MAAC,4BAA4C,MAAM;AAAA,QAC/C;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAEA,MAAI,gBAAgB;AAChB,mDAAmB,cAAc;AAAA,EACrC;AACJ;","names":[]}

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

@@ -12,12 +12,11 @@ import {
   handleAddButtonsForMultiple,
   removeAddInstanceButtons
 } from "./multipleElementAddButton.js";
-import { VisualBuilderPostMessageEvents } from "./types/postMessage.types.js";
-import visualBuilderPostMessage from "./visualBuilderPostMessage.js";
 import { isFieldMultiple } from "./isFieldMultiple.js";
 import { handleInlineEditableField } from "./handleInlineEditableField.js";
 import { pasteAsPlainText } from "./pasteAsPlainText.js";
 import { getEntryPermissionsCached } from "./getEntryPermissionsCached.js";
+import { removeFieldToolbar } from "../generators/generateToolbar.js";
 async function handleIndividualFields(eventDetails, elements) {
   const { fieldMetadata, editableElement } = eventDetails;
   const { visualBuilderContainer, lastEditedField, resizeObserver } = elements;
@@ -128,16 +127,7 @@ function cleanIndividualFieldResidual(elements) {
     }
   }
   if (focusedToolbar) {
-    focusedToolbar.innerHTML = "";
-    const toolbarEvents = [
-      VisualBuilderPostMessageEvents.DELETE_INSTANCE,
-      VisualBuilderPostMessageEvents.UPDATE_DISCUSSION_ID
-    ];
-    toolbarEvents.forEach((event) => {
-      if (visualBuilderPostMessage?.requestMessageHandlers?.has(event)) {
-        visualBuilderPostMessage?.unregisterEvent?.(event);
-      }
-    });
+    removeFieldToolbar(focusedToolbar);
   }
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/visualBuilder/utils/handleIndividualFields.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport { VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY } from \"./constants\";\nimport { FieldSchemaMap } from \"./fieldSchemaMap\";\nimport { getFieldData } from \"./getFieldData\";\nimport { getFieldType } from \"./getFieldType\";\nimport { handleFieldInput, handleFieldKeyDown } from \"./handleFieldMouseDown\";\nimport { isFieldDisabled } from \"./isFieldDisabled\";\nimport {\n    handleAddButtonsForMultiple,\n    removeAddInstanceButtons,\n} from \"./multipleElementAddButton\";\nimport { VisualBuilderPostMessageEvents } from \"./types/postMessage.types\";\nimport visualBuilderPostMessage from \"./visualBuilderPostMessage\";\nimport { isFieldMultiple } from \"./isFieldMultiple\";\nimport { handleInlineEditableField } from \"./handleInlineEditableField\";\nimport { VisualBuilderEditContext } from \"./types/index.types\";\nimport { pasteAsPlainText } from \"./pasteAsPlainText\";\nimport { getEntryPermissionsCached } from \"./getEntryPermissionsCached\";\n\n/**\n * It handles all the fields based on their data type and its \"multiple\" property.\n * @param eventDetails The event details object that contain cslp and field metadata.\n * @param elements The elements object that contain the visual builder wrapper.\n */\nexport async function handleIndividualFields(\n    eventDetails: VisualBuilderCslpEventDetails,\n    elements: VisualBuilderEditContext\n): Promise<void> {\n    const { fieldMetadata, editableElement } = eventDetails;\n    const { visualBuilderContainer, lastEditedField, resizeObserver } =\n        elements;\n    const {\n        content_type_uid,\n        entry_uid,\n        locale,\n        fieldPath,\n        fieldPathWithIndex,\n    } = fieldMetadata;\n\n    const [fieldSchema, expectedFieldData] = await Promise.all([\n        FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath),\n        getFieldData(\n            { content_type_uid, entry_uid, locale },\n            fieldPathWithIndex\n        ),\n    ]);\n\n    const fieldType = getFieldType(fieldSchema);\n\n    const entryAcl = await getEntryPermissionsCached({\n        entryUid: entry_uid,\n        contentTypeUid: content_type_uid,\n        locale,\n    });\n    const { isDisabled: disabled } = isFieldDisabled(\n        fieldSchema,\n        eventDetails,\n        entryAcl\n    );\n\n    editableElement.setAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,\n        fieldType\n    );\n\n    if (isFieldMultiple(fieldSchema)) {\n        if (lastEditedField !== editableElement) {\n            const addButtonLabel =\n                fieldSchema.data_type === \"blocks\"\n                    ? // ? `Add ${fieldSchema.display_name ?? \"Modular Block\"}`\n                      \"Add Section\"\n                    : undefined;\n\n            handleAddButtonsForMultiple(\n                eventDetails,\n                {\n                    editableElement: eventDetails.editableElement,\n                    visualBuilderContainer: visualBuilderContainer,\n                    resizeObserver: resizeObserver,\n                },\n                {\n                    fieldSchema,\n                    expectedFieldData,\n                    disabled,\n                    label: addButtonLabel,\n                }\n            );\n        }\n    }\n\n    if (disabled) {\n        return;\n    }\n    handleInlineEditableField({\n        fieldType,\n        fieldSchema,\n        fieldMetadata,\n        expectedFieldData,\n        editableElement: editableElement as HTMLElement,\n        elements,\n    });\n}\n\nexport function cleanIndividualFieldResidual(elements: {\n    overlayWrapper: HTMLDivElement;\n    visualBuilderContainer: HTMLDivElement | null;\n    focusedToolbar: HTMLDivElement | null;\n    resizeObserver: ResizeObserver;\n}): void {\n    const { overlayWrapper, visualBuilderContainer, focusedToolbar } = elements;\n\n    removeAddInstanceButtons(\n        {\n            eventTarget: null,\n            visualBuilderContainer: visualBuilderContainer,\n            overlayWrapper: overlayWrapper,\n        },\n        true\n    );\n\n    const previousSelectedEditableDOM =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (previousSelectedEditableDOM) {\n        previousSelectedEditableDOM.removeAttribute(\n            VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n        );\n        previousSelectedEditableDOM.removeAttribute(\"contenteditable\");\n        previousSelectedEditableDOM.removeEventListener(\n            \"input\",\n            handleFieldInput\n        );\n        previousSelectedEditableDOM.removeEventListener(\n            \"keydown\",\n            handleFieldKeyDown\n        );\n\n        previousSelectedEditableDOM.removeEventListener(\n            \"paste\",\n            pasteAsPlainText\n        );\n        // Note - this happens in two places, 1. hideOverlay and 2. here\n        // TODO maybe see all usages of both functions and try to do it in one place\n        elements.resizeObserver.unobserve(previousSelectedEditableDOM);\n    }\n\n    const pseudoEditableElement = visualBuilderContainer?.querySelector(\n        \".visual-builder__pseudo-editable-element\"\n    );\n    if (pseudoEditableElement) {\n        elements.resizeObserver.unobserve(pseudoEditableElement);\n        pseudoEditableElement.removeEventListener(\"paste\", pasteAsPlainText);\n        pseudoEditableElement.remove();\n        if (previousSelectedEditableDOM) {\n            (previousSelectedEditableDOM as HTMLElement).style.removeProperty(\n                \"visibility\"\n            );\n        }\n    }\n\n    if (focusedToolbar) {\n        focusedToolbar.innerHTML = \"\";\n        const toolbarEvents = [\n            VisualBuilderPostMessageEvents.DELETE_INSTANCE,\n            VisualBuilderPostMessageEvents.UPDATE_DISCUSSION_ID,\n        ];\n        toolbarEvents.forEach((event) => {\n            //@ts-expect-error - We are accessing private method here, but it is necessary to clean up the event listeners.\n            if (visualBuilderPostMessage?.requestMessageHandlers?.has(event)) {\n                //@ts-expect-error - We are accessing private method here, but it is necessary to clean up the event listeners.\n                visualBuilderPostMessage?.unregisterEvent?.(event);\n            }\n        });\n    }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/visualBuilder/utils/handleIndividualFields.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport { VisualBuilderCslpEventDetails } from \"../types/visualBuilder.types\";\nimport { VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY } from \"./constants\";\nimport { FieldSchemaMap } from \"./fieldSchemaMap\";\nimport { getFieldData } from \"./getFieldData\";\nimport { getFieldType } from \"./getFieldType\";\nimport { handleFieldInput, handleFieldKeyDown } from \"./handleFieldMouseDown\";\nimport { isFieldDisabled } from \"./isFieldDisabled\";\nimport {\n    handleAddButtonsForMultiple,\n    removeAddInstanceButtons,\n} from \"./multipleElementAddButton\";\nimport { isFieldMultiple } from \"./isFieldMultiple\";\nimport { handleInlineEditableField } from \"./handleInlineEditableField\";\nimport { VisualBuilderEditContext } from \"./types/index.types\";\nimport { pasteAsPlainText } from \"./pasteAsPlainText\";\nimport { getEntryPermissionsCached } from \"./getEntryPermissionsCached\";\nimport { removeFieldToolbar } from \"../generators/generateToolbar\";\n\n/**\n * It handles all the fields based on their data type and its \"multiple\" property.\n * @param eventDetails The event details object that contain cslp and field metadata.\n * @param elements The elements object that contain the visual builder wrapper.\n */\nexport async function handleIndividualFields(\n    eventDetails: VisualBuilderCslpEventDetails,\n    elements: VisualBuilderEditContext\n): Promise<void> {\n    const { fieldMetadata, editableElement } = eventDetails;\n    const { visualBuilderContainer, lastEditedField, resizeObserver } =\n        elements;\n    const {\n        content_type_uid,\n        entry_uid,\n        locale,\n        fieldPath,\n        fieldPathWithIndex,\n    } = fieldMetadata;\n\n    const [fieldSchema, expectedFieldData] = await Promise.all([\n        FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath),\n        getFieldData(\n            { content_type_uid, entry_uid, locale },\n            fieldPathWithIndex\n        ),\n    ]);\n\n    const fieldType = getFieldType(fieldSchema);\n\n    const entryAcl = await getEntryPermissionsCached({\n        entryUid: entry_uid,\n        contentTypeUid: content_type_uid,\n        locale,\n    });\n    const { isDisabled: disabled } = isFieldDisabled(\n        fieldSchema,\n        eventDetails,\n        entryAcl\n    );\n\n    editableElement.setAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,\n        fieldType\n    );\n\n    if (isFieldMultiple(fieldSchema)) {\n        if (lastEditedField !== editableElement) {\n            const addButtonLabel =\n                fieldSchema.data_type === \"blocks\"\n                    ? // ? `Add ${fieldSchema.display_name ?? \"Modular Block\"}`\n                      \"Add Section\"\n                    : undefined;\n\n            handleAddButtonsForMultiple(\n                eventDetails,\n                {\n                    editableElement: eventDetails.editableElement,\n                    visualBuilderContainer: visualBuilderContainer,\n                    resizeObserver: resizeObserver,\n                },\n                {\n                    fieldSchema,\n                    expectedFieldData,\n                    disabled,\n                    label: addButtonLabel,\n                }\n            );\n        }\n    }\n\n    if (disabled) {\n        return;\n    }\n    handleInlineEditableField({\n        fieldType,\n        fieldSchema,\n        fieldMetadata,\n        expectedFieldData,\n        editableElement: editableElement as HTMLElement,\n        elements,\n    });\n}\n\nexport function cleanIndividualFieldResidual(elements: {\n    overlayWrapper: HTMLDivElement;\n    visualBuilderContainer: HTMLDivElement | null;\n    focusedToolbar: HTMLDivElement | null;\n    resizeObserver: ResizeObserver;\n}): void {\n    const { overlayWrapper, visualBuilderContainer, focusedToolbar } = elements;\n\n    removeAddInstanceButtons(\n        {\n            eventTarget: null,\n            visualBuilderContainer: visualBuilderContainer,\n            overlayWrapper: overlayWrapper,\n        },\n        true\n    );\n\n    const previousSelectedEditableDOM =\n        VisualBuilder.VisualBuilderGlobalState.value\n            .previousSelectedEditableDOM;\n    if (previousSelectedEditableDOM) {\n        previousSelectedEditableDOM.removeAttribute(\n            VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n        );\n        previousSelectedEditableDOM.removeAttribute(\"contenteditable\");\n        previousSelectedEditableDOM.removeEventListener(\n            \"input\",\n            handleFieldInput\n        );\n        previousSelectedEditableDOM.removeEventListener(\n            \"keydown\",\n            handleFieldKeyDown\n        );\n\n        previousSelectedEditableDOM.removeEventListener(\n            \"paste\",\n            pasteAsPlainText\n        );\n        // Note - this happens in two places, 1. hideOverlay and 2. here\n        // TODO maybe see all usages of both functions and try to do it in one place\n        elements.resizeObserver.unobserve(previousSelectedEditableDOM);\n    }\n\n    const pseudoEditableElement = visualBuilderContainer?.querySelector(\n        \".visual-builder__pseudo-editable-element\"\n    );\n    if (pseudoEditableElement) {\n        elements.resizeObserver.unobserve(pseudoEditableElement);\n        pseudoEditableElement.removeEventListener(\"paste\", pasteAsPlainText);\n        pseudoEditableElement.remove();\n        if (previousSelectedEditableDOM) {\n            (previousSelectedEditableDOM as HTMLElement).style.removeProperty(\n                \"visibility\"\n            );\n        }\n    }\n\n    if (focusedToolbar) {\n        removeFieldToolbar(focusedToolbar);\n    }\n}\n"],"mappings":";;;AAAA,SAAS,qBAAqB;AAE9B,SAAS,+CAA+C;AACxD,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB,0BAA0B;AACrD,SAAS,uBAAuB;AAChC;AAAA,EACI;AAAA,EACA;AAAA,OACG;AACP,SAAS,uBAAuB;AAChC,SAAS,iCAAiC;AAE1C,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,0BAA0B;AAOnC,eAAsB,uBAClB,cACA,UACa;AACb,QAAM,EAAE,eAAe,gBAAgB,IAAI;AAC3C,QAAM,EAAE,wBAAwB,iBAAiB,eAAe,IAC5D;AACJ,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,IAAI;AAEJ,QAAM,CAAC,aAAa,iBAAiB,IAAI,MAAM,QAAQ,IAAI;AAAA,IACvD,eAAe,eAAe,kBAAkB,SAAS;AAAA,IACzD;AAAA,MACI,EAAE,kBAAkB,WAAW,OAAO;AAAA,MACtC;AAAA,IACJ;AAAA,EACJ,CAAC;AAED,QAAM,YAAY,aAAa,WAAW;AAE1C,QAAM,WAAW,MAAM,0BAA0B;AAAA,IAC7C,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB;AAAA,EACJ,CAAC;AACD,QAAM,EAAE,YAAY,SAAS,IAAI;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,kBAAgB;AAAA,IACZ;AAAA,IACA;AAAA,EACJ;AAEA,MAAI,gBAAgB,WAAW,GAAG;AAC9B,QAAI,oBAAoB,iBAAiB;AACrC,YAAM,iBACF,YAAY,cAAc;AAAA;AAAA,QAEpB;AAAA,UACA;AAEV;AAAA,QACI;AAAA,QACA;AAAA,UACI,iBAAiB,aAAa;AAAA,UAC9B;AAAA,UACA;AAAA,QACJ;AAAA,QACA;AAAA,UACI;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,QACX;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAEA,MAAI,UAAU;AACV;AAAA,EACJ;AACA,4BAA0B;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ,CAAC;AACL;AAEO,SAAS,6BAA6B,UAKpC;AACL,QAAM,EAAE,gBAAgB,wBAAwB,eAAe,IAAI;AAEnE;AAAA,IACI;AAAA,MACI,aAAa;AAAA,MACb;AAAA,MACA;AAAA,IACJ;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,8BACF,cAAc,yBAAyB,MAClC;AACT,MAAI,6BAA6B;AAC7B,gCAA4B;AAAA,MACxB;AAAA,IACJ;AACA,gCAA4B,gBAAgB,iBAAiB;AAC7D,gCAA4B;AAAA,MACxB;AAAA,MACA;AAAA,IACJ;AACA,gCAA4B;AAAA,MACxB;AAAA,MACA;AAAA,IACJ;AAEA,gCAA4B;AAAA,MACxB;AAAA,MACA;AAAA,IACJ;AAGA,aAAS,eAAe,UAAU,2BAA2B;AAAA,EACjE;AAEA,QAAM,wBAAwB,wBAAwB;AAAA,IAClD;AAAA,EACJ;AACA,MAAI,uBAAuB;AACvB,aAAS,eAAe,UAAU,qBAAqB;AACvD,0BAAsB,oBAAoB,SAAS,gBAAgB;AACnE,0BAAsB,OAAO;AAC7B,QAAI,6BAA6B;AAC7B,MAAC,4BAA4C,MAAM;AAAA,QAC/C;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAEA,MAAI,gBAAgB;AAChB,uBAAmB,cAAc;AAAA,EACrC;AACJ;","names":[]}

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

@@ -65,6 +65,8 @@ var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageE
   VisualBuilderPostMessageEvents2["GET_VARIANT_ID"] = "get-variant-id";
   VisualBuilderPostMessageEvents2["GET_LOCALE"] = "get-locale";
   VisualBuilderPostMessageEvents2["SEND_VARIANT_AND_LOCALE"] = "send-variant-and-locale";
+  VisualBuilderPostMessageEvents2["GET_CONTENT_TYPE_NAME"] = "get-content-type-name";
+  VisualBuilderPostMessageEvents2["REFERENCE_MAP"] = "get-reference-map";
   VisualBuilderPostMessageEvents2["COLLAB_ENABLE"] = "collab-enable";
   VisualBuilderPostMessageEvents2["COLLAB_DATA_UPDATE"] = "collab-data-update";
   VisualBuilderPostMessageEvents2["COLLAB_DISABLE"] = "collab-disable";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n\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    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DATA_UPDATE = \"collab-data-update\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREADS_REMOVE = \"collab-threads-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n}\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;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AAGzB,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;AAC1B,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAjDlB,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n\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    GET_CONTENT_TYPE_NAME = \"get-content-type-name\",\n    REFERENCE_MAP = \"get-reference-map\",\n    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DATA_UPDATE = \"collab-data-update\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREADS_REMOVE = \"collab-threads-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n}"],"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;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AAGzB,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;AAC1B,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAnDlB,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}

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

@@ -40,6 +40,8 @@ declare enum VisualBuilderPostMessageEvents {
     GET_VARIANT_ID = "get-variant-id",
     GET_LOCALE = "get-locale",
     SEND_VARIANT_AND_LOCALE = "send-variant-and-locale",
+    GET_CONTENT_TYPE_NAME = "get-content-type-name",
+    REFERENCE_MAP = "get-reference-map",
     COLLAB_ENABLE = "collab-enable",
     COLLAB_DATA_UPDATE = "collab-data-update",
     COLLAB_DISABLE = "collab-disable",

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

@@ -40,6 +40,8 @@ declare enum VisualBuilderPostMessageEvents {
     GET_VARIANT_ID = "get-variant-id",
     GET_LOCALE = "get-locale",
     SEND_VARIANT_AND_LOCALE = "send-variant-and-locale",
+    GET_CONTENT_TYPE_NAME = "get-content-type-name",
+    REFERENCE_MAP = "get-reference-map",
     COLLAB_ENABLE = "collab-enable",
     COLLAB_DATA_UPDATE = "collab-data-update",
     COLLAB_DISABLE = "collab-disable",

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

@@ -43,6 +43,8 @@ var VisualBuilderPostMessageEvents = /* @__PURE__ */ ((VisualBuilderPostMessageE
   VisualBuilderPostMessageEvents2["GET_VARIANT_ID"] = "get-variant-id";
   VisualBuilderPostMessageEvents2["GET_LOCALE"] = "get-locale";
   VisualBuilderPostMessageEvents2["SEND_VARIANT_AND_LOCALE"] = "send-variant-and-locale";
+  VisualBuilderPostMessageEvents2["GET_CONTENT_TYPE_NAME"] = "get-content-type-name";
+  VisualBuilderPostMessageEvents2["REFERENCE_MAP"] = "get-reference-map";
   VisualBuilderPostMessageEvents2["COLLAB_ENABLE"] = "collab-enable";
   VisualBuilderPostMessageEvents2["COLLAB_DATA_UPDATE"] = "collab-data-update";
   VisualBuilderPostMessageEvents2["COLLAB_DISABLE"] = "collab-disable";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n\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    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DATA_UPDATE = \"collab-data-update\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREADS_REMOVE = \"collab-threads-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n}\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;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AAGzB,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;AAC1B,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAjDlB,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}
+{"version":3,"sources":["../../../../../src/visualBuilder/utils/types/postMessage.types.ts"],"sourcesContent":["export enum VisualBuilderPostMessageEvents {\n    INIT = \"init\",\n    ADD_INSTANCE = \"add-instance\",\n    UPDATE_FIELD = \"update-field\",\n    SYNC_FIELD = \"sync-field\",\n    OPEN_ASSET_MODAL = \"open-asset-modal\",\n    OPEN_REFERENCE_MODAL = \"open-reference-modal\",\n    OPEN_QUICK_FORM = \"open-quick-form\",\n    TOGGLE_FORM = \"toggle-quick-form\",\n    GET_FIELD_SCHEMA = \"get-field-schema\",\n    GET_FIELD_DATA = \"get-field-data\",\n    GET_FIELD_PATH_WITH_UID = \"get-field-path-with-uid\",\n    GET_FIELD_DISPLAY_NAMES = \"get-field-display-names\",\n    MOUSE_CLICK = \"mouse-click\",\n    FOCUS_FIELD = \"focus-field\",\n    OPEN_FIELD_EDIT_MODAL = \"open-field-edit-modal\",\n    DELETE_INSTANCE = \"delete-instance\",\n    MOVE_INSTANCE = \"move-instance\",\n    GET_DISCUSSION_ID = \"get-discussion-id-for-comment-modal\",\n    OPEN_FIELD_COMMENT_MODAL = \"open-field-comment-modal\",\n    COLLAB_CREATE_THREAD = \"collab-create-thread\",\n    COLLAB_CREATE_COMMENT = \"collab-create-comment\",\n    COLLAB_FETCH_COMMENTS = \"collab-fetch-comments\",\n    COLLAB_EDIT_COMMENT = \"collab-edit-comment\",\n    COLLAB_DELETE_COMMENT = \"collab-delete-comment\",\n    COLLAB_RESOLVE_THREAD = \"collab-resolve-thread\",\n    COLLAB_DELETE_THREAD = \"collab-delete-thread\",\n    COLLAB_MISSING_THREADS = \"collab-missing-threads\",\n\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    GET_CONTENT_TYPE_NAME = \"get-content-type-name\",\n    REFERENCE_MAP = \"get-reference-map\",\n    COLLAB_ENABLE = \"collab-enable\",\n    COLLAB_DATA_UPDATE = \"collab-data-update\",\n    COLLAB_DISABLE = \"collab-disable\",\n    COLLAB_THREADS_REMOVE = \"collab-threads-remove\",\n    COLLAB_THREAD_REOPEN = \"collab-thread-reopen\",\n    COLLAB_THREAD_HIGHLIGHT = \"collab-thread-highlight\",\n}"],"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;AAC3B,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,yBAAsB;AACtB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,4BAAyB;AAGzB,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;AAC1B,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,mBAAgB;AAChB,EAAAA,gCAAA,wBAAqB;AACrB,EAAAA,gCAAA,oBAAiB;AACjB,EAAAA,gCAAA,2BAAwB;AACxB,EAAAA,gCAAA,0BAAuB;AACvB,EAAAA,gCAAA,6BAA0B;AAnDlB,SAAAA;AAAA,GAAA;","names":["VisualBuilderPostMessageEvents"]}

package/dist/modern/visualBuilder/visualBuilder.style.cjs

@@ -88,6 +88,48 @@ function visualBuilderStyles() {
                 cursor: none;
             }
         `,
+    "tooltip-container": import_goober.css`
+            position: absolute;
+            background-color: #767676;
+            color: white;
+            padding: 12px;
+            border-radius: 4px;
+            font-size: 12px;
+            line-height: 1.4;
+            z-index: 1000;
+            pointer-events: none;
+            max-width: 250px;
+            text-align: center;
+        `,
+    "tooltip-arrow": import_goober.css`
+            position: absolute;
+            background: #767676;
+            width: 8px;
+            height: 8px;
+            transform: rotate(45deg);
+        `,
+    "toolbar-tooltip-content": import_goober.css`
+            display: flex;
+            flex-direction: column;
+            gap: 4px;
+        `,
+    "toolbar-tooltip-content-item": import_goober.css`
+            display: flex;
+            align-items: center;
+            justify-content: start;
+            gap: 4px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+
+            p {
+                margin: 0;
+                color: #fff;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                max-width: 100%;
+            }
+        `,
     "visual-builder__overlay__wrapper": import_goober.css`
             position: absolute;
             top: 0;
@@ -402,7 +444,30 @@ function visualBuilderStyles() {
             svg {
                 height: 16px;
                 width: 16px;
-                margin-right: 5px;
+                margin-right: 3px;
+            }
+        `,
+    "visual-builder__content-type-icon": import_goober.css`
+            svg {
+                height: 16px;
+                width: 16px;
+                margin-right: 3px;
+            }
+        `,
+    "visual-builder__caret-right-icon": import_goober.css`
+            svg {
+                height: 16px;
+                width: 16px;
+            }
+        `,
+    "visual-builder__reference-icon-container": import_goober.css`
+            display: flex;
+            align-items: center;
+
+            .visual-builder__field-icon {
+                svg {
+                    margin-right: 0px;
+                }            
             }
         `,
     "visual-builder__focused-toolbar__button-group": import_goober.css`

package/dist/modern/visualBuilder/visualBuilder.style.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/visualBuilder/visualBuilder.style.ts"],"sourcesContent":["import { css } from \"goober\";\n\nconst tooltipBaseStyle = `\n    pointer-events: all;\n    svg {\n        pointer-events: none;\n    }\n    &:before {\n        content: attr(data-tooltip);\n        position: absolute;\n        bottom: 20px;\n        margin-bottom: 24px;\n        padding: 12px;\n        border-radius: 4px;\n        width: max-content;\n        max-width: 200px;\n        color: #fff;\n        font-family: Inter;\n        font-size: 0.75rem;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 132%; /* 0.99rem */\n        letter-spacing: 0.015rem;\n        background: #767676;\n    }\n    &:after {\n        content: \"\";\n        position: absolute;\n        bottom: 28px;\n        /* the arrow */\n        border: 10px solid #000;\n        border-color: #767676 transparent transparent transparent;\n    }\n`;\n\nexport function visualBuilderStyles() {\n    return {\n        \"visual-builder__container\": css`\n            --outline-transition: all 0.15s ease-in;\n            font-family: \"Inter\", sans-serif;\n        `,\n        \"visual-builder__cursor\": css`\n            visibility: hidden;\n            height: 0;\n\n            &.visible {\n                visibility: visible;\n                position: fixed;\n                top: 0;\n                left: 0;\n                z-index: 2147483647 !important;\n\n                color: #fff;\n\n                height: auto;\n                padding: 0 10px;\n\n                display: flex;\n                align-items: center;\n                justify-content: center;\n\n                pointer-events: none !important;\n                position: fixed !important;\n                cursor: none;\n            }\n        `,\n        \"visual-builder__overlay__wrapper\": css`\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100vh;\n            visibility: hidden;\n            z-index: 99999;\n\n            pointer-events: none;\n\n            &.visible {\n                visibility: visible;\n            }\n        `,\n        \"visual-builder__overlay--outline\": css`\n            position: absolute;\n            outline: 4px solid #715cdd;\n            transition: var(--outline-transition);\n        `,\n        \"visual-builder__overlay\": css`\n            background: rgba(0, 0, 0, 0.3);\n            box-sizing: content-box;\n            pointer-events: all;\n            position: absolute;\n            transition: var(--outline-transition);\n        `,\n        \"visual-builder__add-button\": css`\n            position: absolute;\n            pointer-events: all;\n\n            background: #ffffff;\n            color: #475161;\n\n            border-radius: 4px;\n            border: 1px solid #6c5ce7;\n\n            height: 32px;\n            min-width: 32px;\n            max-width: 180px;\n            padding: 8px 6px;\n            transform: translate(-50%, -50%);\n\n            font-weight: 600;\n            color: #6c5ce7;\n            overflow: hidden;\n\n            z-index: 2147483646 !important;\n\n            display: grid;\n            grid-template-columns: min-content 0fr;\n            align-content: center;\n            gap: 0;\n\n            transition:\n                grid-template-columns 0.25s,\n                left 0.15s ease-in,\n                top 0.15s ease-in,\n                gap 0.15s ease-in;\n\n            &:has(.visual-builder__add-button-label):hover {\n                grid-template-columns: min-content 1fr;\n                gap: 8px;\n                padding: 8px 16px;\n            }\n\n            svg {\n                fill: #6c5ce7;\n            }\n\n            &:disabled {\n                border-color: #bbbec3;\n                cursor: not-allowed;\n            }\n\n            &:disabled svg {\n                fill: #bbbec3;\n            }\n        `,\n        \"visual-builder__add-button-label\": css`\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        `,\n        \"visual-builder__add-button--loading\": css`\n            cursor: wait;\n            /* we have not-allowed on disabled, so we need this */\n            &:disabled {\n                cursor: wait;\n            }\n        `,\n        \"visual-builder__start-editing-btn\": css`\n            z-index: 1000;\n            text-decoration: none;\n            position: fixed;\n            box-shadow:\n                0px 4px 15px 0px rgba(108, 92, 231, 0.2),\n                0px 3px 14px 3px rgba(0, 0, 0, 0.12),\n                0px 8px 10px 1px rgba(0, 0, 0, 0.14);\n            display: inline-flex;\n            padding: 0.5rem 1rem;\n            justify-content: center;\n            align-items: center;\n            gap: 0.5rem;\n\n            border-radius: 4px;\n            border: 1px solid transparent;\n            background: #6c5ce7;\n            transition:\n                background-color 0.15s ease-in-out,\n                border-color 0.15s ease-in-out,\n                box-shadow 0.15s ease-in-out,\n                -webkit-box-shadow 0.15s ease-in-out;\n\n            &:hover {\n                background-color: #5d50be;\n            }\n            &:focus {\n                outline: none;\n                box-shadow: 0 0 0 2px #ada4f4;\n            }\n            & > span {\n                color: #fff;\n                /* Body/P1 Bold */\n                font-size: 1rem;\n                font-family: Inter;\n                font-weight: 600;\n                line-height: 150%;\n                letter-spacing: 0.01rem;\n                text-transform: capitalize;\n            }\n\n            & > svg {\n                color: #fff;\n                font-size: 1rem;\n                font-family: Inter;\n                font-weight: 600;\n                line-height: 150%;\n                letter-spacing: 0.01rem;\n                text-transform: capitalize;\n            }\n        `,\n        \"visual-builder__start-editing-btn__bottom-right\": css`\n            bottom: 30px;\n            right: 30px;\n        `,\n        \"visual-builder__start-editing-btn__bottom-left\": css`\n            bottom: 30px;\n            left: 30px;\n        `,\n        \"visual-builder__start-editing-btn__top-right\": css`\n            top: 30px;\n            right: 30px;\n        `,\n        \"visual-builder__start-editing-btn__top-left\": css`\n            top: 30px;\n            left: 30px;\n        `,\n        \"visual-builder__cursor-icon\": css`\n            height: 40px;\n            width: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: #5d50be;\n            border-radius: 50%;\n            position: absolute;\n            top: 0;\n            left: 0;\n        `,\n        \"visual-builder__cursor-pointer\": css`\n            position: absolute;\n            top: -8px;\n            left: -8px;\n        `,\n        \"visual-builder__cursor-icon--loader\": css`\n            animation: visual-builder__spinner 1s linear infinite;\n        `,\n        \"visual-builder__focused-toolbar\": css`\n            position: absolute;\n            transform: translateY(-100%);\n            z-index: 100000;\n            gap: 8px;\n            width: 0;\n            display: flex;\n            align-items: end;\n            transition: var(--outline-transition);\n        `,\n        \"visual-builder__focused-toolbar__field-label-wrapper__current-field\": css`\n            padding: 4px 8px !important;\n            background: #6c5ce7;\n            color: #fff;\n            z-index: 1;\n            border-radius: 2px !important;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            width: fit-content;\n\n            &:disabled {\n                filter: contrast(0.7);\n            }\n\n            .visual-builder__focused-toolbar__text {\n                padding-right: 3px;\n                height: 16px;\n            }\n        `,\n        \"visual-builder__focused-toolbar__field-label-wrapper__parent-field\": css`\n            pointer-events: none;\n            color: #5d50be;\n            padding: 4px !important;\n            margin-bottom: 3px;\n            display: none;\n            width: fit-content;\n            position: absolute;\n            z-index: 100000;\n        `,\n        \"field-label-dropdown-open\": css`\n            .visual-builder__focused-toolbar__field-label-wrapper__parent-field {\n                pointer-events: all;\n                visibility: visible;\n                display: initial;\n            }\n\n            .visual-builder__button--secondary:hover {\n                background-color: #6c5ce7;\n                color: #f9f8ff;\n            }\n        `,\n        \"visual-builder__focused-toolbar__field-label-wrapper\": css`\n            display: flex;\n            flex-direction: column-reverse;\n            position: relative;\n        `,\n        \"visual-builder__focused-toolbar__field-label-container\": css`\n            display: flex;\n            column-gap: 0.5rem;\n            align-items: center;\n        `,\n        \"visual-builder__button\": css`\n            background-color: transparent;\n            border: 1px solid transparent;\n            border-radius: 4px;\n            font-size: 16px;\n            font-weight: 600;\n            line-height: 100%;\n            padding: 8px 16px;\n            text-align: center;\n            z-index: 2147483647 !important;\n            transition:\n                color 0.15s ease-in-out,\n                background-color 0.15s ease-in-out,\n                border-color 0.15s ease-in-out,\n                box-shadow 0.15s ease-in-out;\n            // vertical-align: middle;\n            &:disabled {\n                cursor: not-allowed;\n                svg {\n                    fill: #999;\n                    path {\n                        fill: #999;\n                    }\n                }\n            }\n        `,\n        \"visual-builder__button--primary\": css`\n            background-color: #6c5ce7;\n            color: #fff;\n\n            &:hover {\n                background-color: #5d50be;\n            }\n        `,\n        \"visual-builder__button--secondary\": css`\n            background-color: #f9f8ff;\n            border: 1px solid #6c5ce7;\n            color: #6c5ce7;\n        `,\n        \"visual-builder__button--edit\": css`\n            svg {\n                height: 16px;\n                width: 16px;\n\n                path {\n                    fill: #475161;\n                }\n            }\n        `,\n        \"visual-builder__button-loader\": css`\n            svg.loader {\n                height: 16px;\n                width: 16px;\n\n                path {\n                    fill: #ffffff;\n                }\n            }\n        `,\n        \"visual-builder__button--comment-loader\": css`\n            cursor: wait !important;\n            svg.loader {\n                height: 16px;\n                width: 16px;\n\n                path {\n                    fill: #475161;\n                }\n            }\n        `,\n        \"visual-builder__field-icon\": css`\n            svg {\n                height: 16px;\n                width: 16px;\n                margin-right: 5px;\n            }\n        `,\n        \"visual-builder__focused-toolbar__button-group\": css`\n            display: flex;\n            background: #fff;\n            border-radius: 2px;\n            height: 100%;\n            padding: 4px !important;\n            z-index: 2147483647 !important;\n\n            &:has(.visual-builder__button) {\n                padding: 2px;\n                gap: 8px;\n            }\n\n            .visual-builder__button:enabled:hover {\n                background-color: #f5f5f5;\n\n                svg {\n                    color: #5d50be;\n                }\n            }\n\n            .visual-builder__button {\n                background-color: #fff;\n                border-color: transparent;\n                color: #475161;\n                padding: 4px;\n                min-width: 32px;\n                min-height: 32px;\n            }\n        `,\n        \"visual-builder__focused-toolbar__text\": css`\n            font-family: Inter, \"sans-serif\";\n            font-size: 0.75rem;\n            font-style: normal;\n            font-weight: 400;\n            line-height: 150%;\n            letter-spacing: 0.015rem;\n            max-width: 150px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            text-wrap: nowrap;\n        `,\n        \"visual-builder__focused-toolbar__multiple-field-toolbar\": css`\n            height: 40px;\n            z-index: 2147483647 !important;\n\n            svg {\n                height: 100%;\n                width: 100%;\n            }\n        `,\n        \"visual-builder__rotate--90\": css`\n            transform: rotate(90deg);\n        `,\n        \"visual-builder__focused-toolbar--field-disabled\": css`\n            pointer-events: none;\n            cursor: not-allowed;\n            .visual-builder__focused-toolbar__field-label-wrapper__current-field {\n                background: #909090;\n            }\n        `,\n        \"visual-builder__cursor-disabled\": css`\n            .visual-builder__cursor-icon {\n                background: #909090;\n            }\n\n            .visual-builder__cursor-pointer path {\n                fill: #909090;\n            }\n        `,\n        \"visual-builder__tooltip\": css`\n            ${tooltipBaseStyle}\n\n            &:before {\n                display: none;\n            }\n\n            &:hover:before,\n            &:hover:after {\n                display: block;\n                z-index: 2147483647 !important;\n            }\n\n            &:after {\n                display: none;\n            }\n        `,\n        \"visual-builder__tooltip--bottom\": css`\n            &:before {\n                bottom: -66px;\n            }\n            &:after {\n                bottom: -6px;\n                transform: rotate(180deg);\n            }\n        `,\n\n        \"visual-builder__tooltip--persistent\": css`\n            ${tooltipBaseStyle}\n\n            &:before {\n                display: block;\n            }\n\n            &:after {\n                display: block;\n            }\n        `,\n        \"visual-builder__empty-block\": css`\n            width: 100%;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-direction: column;\n            gap: 1rem;\n            min-height: 100px;\n        `,\n        \"visual-builder__empty-block-title\": css`\n            font-size: 0.95rem;\n            font-family: Inter;\n            font-weight: 400;\n            line-height: 100%;\n            color: #647696;\n        `,\n        \"visual-builder__empty-block-add-button\": css`\n            height: 32px;\n            border-radius: 4px;\n            background: #f9f8ff;\n            border-color: #6c5ce7;\n            border-width: 1px;\n            padding: 8px 16px 8px 16px;\n            font-size: 0.9rem;\n            font-family: Inter;\n            font-weight: 600;\n            color: #6c5ce7;\n            padding-block: 0px;\n            letter-spacing: 0.01rem;\n        `,\n        \"visual-builder__hover-outline\": css`\n            position: absolute;\n            outline: 2px dashed #6c5ce7;\n            transition: var(--outline-transition);\n            z-index: 2147483646 !important;\n        `,\n        \"visual-builder__hover-outline--hidden\": css`\n            visibility: hidden;\n        `,\n        \"visual-builder__hover-outline--unclickable\": css`\n            pointer-events: none;\n        `,\n        \"visual-builder__hover-outline--disabled\": css`\n            outline: 2px dashed #909090;\n        `,\n        \"visual-builder__default-cursor--disabled\": css`\n            cursor: none;\n        `,\n        \"visual-builder__draft-field\": css`\n            outline: 2px dashed #eb5646;\n        `,\n        \"visual-builder__variant-field\": css`\n            outline: 2px solid #bd59fa;\n        `,\n        \"visual-builder__pseudo-editable-element\": css`\n            z-index: 99999 !important;\n        `,\n        // cslp error styles\n        \"visual-builder__button-error\": css`\n            background-color: #ffeeeb;\n            padding: 0px !important;\n            &:hover {\n                background-color: #ffeeeb;\n            }\n        `,\n        \"visual-builder__focused-toolbar__error\": css`\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            column-gap: 3px;\n            padding: 4px 8px;\n        `,\n        \"visual-builder__focused-toolbar__error-text\": css`\n            font-weight: 400;\n            font-size: 12px;\n            line-height: 18px;\n            color: #a31b00;\n        `,\n        \"visual-builder__focused-toolbar__error-toolip\": css`\n            position: absolute;\n            width: 400px;\n            background-color: red;\n            left: 0;\n            top: -7px;\n            transform: translateY(-100%);\n            background-color: #767676;\n            border-radius: 4px;\n            box-shadow:\n                0px 1px 10px 0px #6c5ce733,\n                0px 5px 5px 0px #0000001f,\n                0px 2px 4px 0px #00000024;\n            padding: 12px;\n            text-align: left;\n\n            &:before {\n                content: \"\";\n                position: absolute;\n                bottom: -3px;\n                left: 4%;\n                transform: translateX(-50%) rotate(45deg);\n                width: 10px;\n                height: 10px;\n                background-color: #767676;\n            }\n\n            > p {\n                margin: 0;\n                color: #ffffff;\n                font-size: 14px;\n                font-weight: 600;\n                line-height: 21px;\n                margin-bottom: 4px;\n            }\n\n            > span {\n                color: #ffffff;\n                font-size: 12px;\n                font-weight: 400;\n                line-height: 18px;\n            }\n        `,\n        \"variant-field-revert-component\": css`\n            position: relative;\n            display: inline-block;\n            z-index: 2147483647 !important;\n        `,\n        \"variant-field-revert-component__dropdown-content\": css`\n            position: absolute;\n            top: -12px;\n            left: -4px;\n            background-color: #ffffff;\n            min-width: max-content;\n            box-shadow:\n                0 4px 15px 0 rgba(108, 92, 231, 0.2),\n                0 3px 14px 3px rgba(0, 0, 0, 0.12),\n                0 8px 10px 1px rgba(0, 0, 0, 0.14);\n            z-index: 2147483647 !important;\n            margin-top: 4px;\n            padding: 4px 0px;\n            border-radius: 2px;\n        `,\n        \"variant-field-revert-component__dropdown-content__list-item\": css`\n            color: black;\n            font-weight: 400;\n            padding: 9.6px 16px;\n            text-decoration: none;\n            display: block;\n            font-size: 0.75rem;\n            height: 32px;\n            line-height: 2rem;\n            display: flex;\n            align-items: center;\n            z-index: 2147483647 !important;\n            cursor: pointer;\n            &:hover {\n                background-color: #f1f1f1;\n            }\n            &:hover > span {\n                color: #5d50be;\n            }\n            & > span {\n                margin-top: 4px;\n                margin-bottom: 4px;\n            }\n        `,\n        \"visual-builder__no-cursor-style\": css`\n            cursor: none !important;\n        `,\n        \"visual-builder__field-toolbar-container\": css`\n            display: flex;\n            flex-direction: column-reverse;\n            z-index: 2147483647 !important;\n        `,\n        \"visual-builder__variant-button\": css`\n            display: flex;\n            min-width: 3rem !important;\n            gap: 0.25rem;\n            align-items: center;\n            justify-content: center;\n            display: flex;\n            & svg path {\n                fill: #475161;\n            }\n        `,\n    };\n}\n\nexport const VisualBuilderGlobalStyles = `\n       @import url(\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap\");\n\n       [data-cslp] [contenteditable=\"true\"] {\n            outline: none;\n        }\n\n        @keyframes visual-builder__spinner {\n            0% {\n                transform: rotate(0deg);\n            }\n            100% {\n                transform: rotate(360deg);\n            }\n        }\n\n`;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/visualBuilder/visualBuilder.style.ts"],"sourcesContent":["import { css } from \"goober\";\n\nconst tooltipBaseStyle = `\n    pointer-events: all;\n    svg {\n        pointer-events: none;\n    }\n    &:before {\n        content: attr(data-tooltip);\n        position: absolute;\n        bottom: 20px;\n        margin-bottom: 24px;\n        padding: 12px;\n        border-radius: 4px;\n        width: max-content;\n        max-width: 200px;\n        color: #fff;\n        font-family: Inter;\n        font-size: 0.75rem;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 132%; /* 0.99rem */\n        letter-spacing: 0.015rem;\n        background: #767676;\n    }\n    &:after {\n        content: \"\";\n        position: absolute;\n        bottom: 28px;\n        /* the arrow */\n        border: 10px solid #000;\n        border-color: #767676 transparent transparent transparent;\n    }\n`;\n\nexport function visualBuilderStyles() {\n    return {\n        \"visual-builder__container\": css`\n            --outline-transition: all 0.15s ease-in;\n            font-family: \"Inter\", sans-serif;\n        `,\n        \"visual-builder__cursor\": css`\n            visibility: hidden;\n            height: 0;\n\n            &.visible {\n                visibility: visible;\n                position: fixed;\n                top: 0;\n                left: 0;\n                z-index: 2147483647 !important;\n\n                color: #fff;\n\n                height: auto;\n                padding: 0 10px;\n\n                display: flex;\n                align-items: center;\n                justify-content: center;\n\n                pointer-events: none !important;\n                position: fixed !important;\n                cursor: none;\n            }\n        `,\n        \"tooltip-container\": css`\n            position: absolute;\n            background-color: #767676;\n            color: white;\n            padding: 12px;\n            border-radius: 4px;\n            font-size: 12px;\n            line-height: 1.4;\n            z-index: 1000;\n            pointer-events: none;\n            max-width: 250px;\n            text-align: center;\n        `,\n        \"tooltip-arrow\": css`\n            position: absolute;\n            background: #767676;\n            width: 8px;\n            height: 8px;\n            transform: rotate(45deg);\n        `,\n        \"toolbar-tooltip-content\": css`\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        `,\n        \"toolbar-tooltip-content-item\": css`\n            display: flex;\n            align-items: center;\n            justify-content: start;\n            gap: 4px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n\n            p {\n                margin: 0;\n                color: #fff;\n                overflow: hidden;\n                text-overflow: ellipsis;\n                max-width: 100%;\n            }\n        `,\n        \"visual-builder__overlay__wrapper\": css`\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100vh;\n            visibility: hidden;\n            z-index: 99999;\n\n            pointer-events: none;\n\n            &.visible {\n                visibility: visible;\n            }\n        `,\n        \"visual-builder__overlay--outline\": css`\n            position: absolute;\n            outline: 4px solid #715cdd;\n            transition: var(--outline-transition);\n        `,\n        \"visual-builder__overlay\": css`\n            background: rgba(0, 0, 0, 0.3);\n            box-sizing: content-box;\n            pointer-events: all;\n            position: absolute;\n            transition: var(--outline-transition);\n        `,\n        \"visual-builder__add-button\": css`\n            position: absolute;\n            pointer-events: all;\n\n            background: #ffffff;\n            color: #475161;\n\n            border-radius: 4px;\n            border: 1px solid #6c5ce7;\n\n            height: 32px;\n            min-width: 32px;\n            max-width: 180px;\n            padding: 8px 6px;\n            transform: translate(-50%, -50%);\n\n            font-weight: 600;\n            color: #6c5ce7;\n            overflow: hidden;\n\n            z-index: 2147483646 !important;\n\n            display: grid;\n            grid-template-columns: min-content 0fr;\n            align-content: center;\n            gap: 0;\n\n            transition:\n                grid-template-columns 0.25s,\n                left 0.15s ease-in,\n                top 0.15s ease-in,\n                gap 0.15s ease-in;\n\n            &:has(.visual-builder__add-button-label):hover {\n                grid-template-columns: min-content 1fr;\n                gap: 8px;\n                padding: 8px 16px;\n            }\n\n            svg {\n                fill: #6c5ce7;\n            }\n\n            &:disabled {\n                border-color: #bbbec3;\n                cursor: not-allowed;\n            }\n\n            &:disabled svg {\n                fill: #bbbec3;\n            }\n        `,\n        \"visual-builder__add-button-label\": css`\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        `,\n        \"visual-builder__add-button--loading\": css`\n            cursor: wait;\n            /* we have not-allowed on disabled, so we need this */\n            &:disabled {\n                cursor: wait;\n            }\n        `,\n        \"visual-builder__start-editing-btn\": css`\n            z-index: 1000;\n            text-decoration: none;\n            position: fixed;\n            box-shadow:\n                0px 4px 15px 0px rgba(108, 92, 231, 0.2),\n                0px 3px 14px 3px rgba(0, 0, 0, 0.12),\n                0px 8px 10px 1px rgba(0, 0, 0, 0.14);\n            display: inline-flex;\n            padding: 0.5rem 1rem;\n            justify-content: center;\n            align-items: center;\n            gap: 0.5rem;\n\n            border-radius: 4px;\n            border: 1px solid transparent;\n            background: #6c5ce7;\n            transition:\n                background-color 0.15s ease-in-out,\n                border-color 0.15s ease-in-out,\n                box-shadow 0.15s ease-in-out,\n                -webkit-box-shadow 0.15s ease-in-out;\n\n            &:hover {\n                background-color: #5d50be;\n            }\n            &:focus {\n                outline: none;\n                box-shadow: 0 0 0 2px #ada4f4;\n            }\n            & > span {\n                color: #fff;\n                /* Body/P1 Bold */\n                font-size: 1rem;\n                font-family: Inter;\n                font-weight: 600;\n                line-height: 150%;\n                letter-spacing: 0.01rem;\n                text-transform: capitalize;\n            }\n\n            & > svg {\n                color: #fff;\n                font-size: 1rem;\n                font-family: Inter;\n                font-weight: 600;\n                line-height: 150%;\n                letter-spacing: 0.01rem;\n                text-transform: capitalize;\n            }\n        `,\n        \"visual-builder__start-editing-btn__bottom-right\": css`\n            bottom: 30px;\n            right: 30px;\n        `,\n        \"visual-builder__start-editing-btn__bottom-left\": css`\n            bottom: 30px;\n            left: 30px;\n        `,\n        \"visual-builder__start-editing-btn__top-right\": css`\n            top: 30px;\n            right: 30px;\n        `,\n        \"visual-builder__start-editing-btn__top-left\": css`\n            top: 30px;\n            left: 30px;\n        `,\n        \"visual-builder__cursor-icon\": css`\n            height: 40px;\n            width: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: #5d50be;\n            border-radius: 50%;\n            position: absolute;\n            top: 0;\n            left: 0;\n        `,\n        \"visual-builder__cursor-pointer\": css`\n            position: absolute;\n            top: -8px;\n            left: -8px;\n        `,\n        \"visual-builder__cursor-icon--loader\": css`\n            animation: visual-builder__spinner 1s linear infinite;\n        `,\n        \"visual-builder__focused-toolbar\": css`\n            position: absolute;\n            transform: translateY(-100%);\n            z-index: 100000;\n            gap: 8px;\n            width: 0;\n            display: flex;\n            align-items: end;\n            transition: var(--outline-transition);\n        `,\n        \"visual-builder__focused-toolbar__field-label-wrapper__current-field\": css`\n            padding: 4px 8px !important;\n            background: #6c5ce7;\n            color: #fff;\n            z-index: 1;\n            border-radius: 2px !important;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            width: fit-content;\n\n            &:disabled {\n                filter: contrast(0.7);\n            }\n\n            .visual-builder__focused-toolbar__text {\n                padding-right: 3px;\n                height: 16px;\n            }\n        `,\n        \"visual-builder__focused-toolbar__field-label-wrapper__parent-field\": css`\n            pointer-events: none;\n            color: #5d50be;\n            padding: 4px !important;\n            margin-bottom: 3px;\n            display: none;\n            width: fit-content;\n            position: absolute;\n            z-index: 100000;\n        `,\n        \"field-label-dropdown-open\": css`\n            .visual-builder__focused-toolbar__field-label-wrapper__parent-field {\n                pointer-events: all;\n                visibility: visible;\n                display: initial;\n            }\n\n            .visual-builder__button--secondary:hover {\n                background-color: #6c5ce7;\n                color: #f9f8ff;\n            }\n        `,\n        \"visual-builder__focused-toolbar__field-label-wrapper\": css`\n            display: flex;\n            flex-direction: column-reverse;\n            position: relative;\n        `,\n        \"visual-builder__focused-toolbar__field-label-container\": css`\n            display: flex;\n            column-gap: 0.5rem;\n            align-items: center;\n        `,\n        \"visual-builder__button\": css`\n            background-color: transparent;\n            border: 1px solid transparent;\n            border-radius: 4px;\n            font-size: 16px;\n            font-weight: 600;\n            line-height: 100%;\n            padding: 8px 16px;\n            text-align: center;\n            z-index: 2147483647 !important;\n            transition:\n                color 0.15s ease-in-out,\n                background-color 0.15s ease-in-out,\n                border-color 0.15s ease-in-out,\n                box-shadow 0.15s ease-in-out;\n            // vertical-align: middle;\n            &:disabled {\n                cursor: not-allowed;\n                svg {\n                    fill: #999;\n                    path {\n                        fill: #999;\n                    }\n                }\n            }\n        `,\n        \"visual-builder__button--primary\": css`\n            background-color: #6c5ce7;\n            color: #fff;\n\n            &:hover {\n                background-color: #5d50be;\n            }\n        `,\n        \"visual-builder__button--secondary\": css`\n            background-color: #f9f8ff;\n            border: 1px solid #6c5ce7;\n            color: #6c5ce7;\n        `,\n        \"visual-builder__button--edit\": css`\n            svg {\n                height: 16px;\n                width: 16px;\n\n                path {\n                    fill: #475161;\n                }\n            }\n        `,\n        \"visual-builder__button-loader\": css`\n            svg.loader {\n                height: 16px;\n                width: 16px;\n\n                path {\n                    fill: #ffffff;\n                }\n            }\n        `,\n        \"visual-builder__button--comment-loader\": css`\n            cursor: wait !important;\n            svg.loader {\n                height: 16px;\n                width: 16px;\n\n                path {\n                    fill: #475161;\n                }\n            }\n        `,\n        \"visual-builder__field-icon\": css`\n            svg {\n                height: 16px;\n                width: 16px;\n                margin-right: 3px;\n            }\n        `,\n        \"visual-builder__content-type-icon\": css`\n            svg {\n                height: 16px;\n                width: 16px;\n                margin-right: 3px;\n            }\n        `,\n        \"visual-builder__caret-right-icon\": css`\n            svg {\n                height: 16px;\n                width: 16px;\n            }\n        `,\n        \"visual-builder__reference-icon-container\": css`\n            display: flex;\n            align-items: center;\n\n            .visual-builder__field-icon {\n                svg {\n                    margin-right: 0px;\n                }            \n            }\n        `,\n        \"visual-builder__focused-toolbar__button-group\": css`\n            display: flex;\n            background: #fff;\n            border-radius: 2px;\n            height: 100%;\n            padding: 4px !important;\n            z-index: 2147483647 !important;\n\n            &:has(.visual-builder__button) {\n                padding: 2px;\n                gap: 8px;\n            }\n\n            .visual-builder__button:enabled:hover {\n                background-color: #f5f5f5;\n\n                svg {\n                    color: #5d50be;\n                }\n            }\n\n            .visual-builder__button {\n                background-color: #fff;\n                border-color: transparent;\n                color: #475161;\n                padding: 4px;\n                min-width: 32px;\n                min-height: 32px;\n            }\n        `,\n        \"visual-builder__focused-toolbar__text\": css`\n            font-family: Inter, \"sans-serif\";\n            font-size: 0.75rem;\n            font-style: normal;\n            font-weight: 400;\n            line-height: 150%;\n            letter-spacing: 0.015rem;\n            max-width: 150px;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            text-wrap: nowrap;\n        `,\n        \"visual-builder__focused-toolbar__multiple-field-toolbar\": css`\n            height: 40px;\n            z-index: 2147483647 !important;\n\n            svg {\n                height: 100%;\n                width: 100%;\n            }\n        `,\n        \"visual-builder__rotate--90\": css`\n            transform: rotate(90deg);\n        `,\n        \"visual-builder__focused-toolbar--field-disabled\": css`\n            pointer-events: none;\n            cursor: not-allowed;\n            .visual-builder__focused-toolbar__field-label-wrapper__current-field {\n                background: #909090;\n            }\n        `,\n        \"visual-builder__cursor-disabled\": css`\n            .visual-builder__cursor-icon {\n                background: #909090;\n            }\n\n            .visual-builder__cursor-pointer path {\n                fill: #909090;\n            }\n        `,\n        \"visual-builder__tooltip\": css`\n            ${tooltipBaseStyle}\n\n            &:before {\n                display: none;\n            }\n\n            &:hover:before,\n            &:hover:after {\n                display: block;\n                z-index: 2147483647 !important;\n            }\n\n            &:after {\n                display: none;\n            }\n        `,\n        \"visual-builder__tooltip--bottom\": css`\n            &:before {\n                bottom: -66px;\n            }\n            &:after {\n                bottom: -6px;\n                transform: rotate(180deg);\n            }\n        `,\n\n        \"visual-builder__tooltip--persistent\": css`\n            ${tooltipBaseStyle}\n\n            &:before {\n                display: block;\n            }\n\n            &:after {\n                display: block;\n            }\n        `,\n        \"visual-builder__empty-block\": css`\n            width: 100%;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-direction: column;\n            gap: 1rem;\n            min-height: 100px;\n        `,\n        \"visual-builder__empty-block-title\": css`\n            font-size: 0.95rem;\n            font-family: Inter;\n            font-weight: 400;\n            line-height: 100%;\n            color: #647696;\n        `,\n        \"visual-builder__empty-block-add-button\": css`\n            height: 32px;\n            border-radius: 4px;\n            background: #f9f8ff;\n            border-color: #6c5ce7;\n            border-width: 1px;\n            padding: 8px 16px 8px 16px;\n            font-size: 0.9rem;\n            font-family: Inter;\n            font-weight: 600;\n            color: #6c5ce7;\n            padding-block: 0px;\n            letter-spacing: 0.01rem;\n        `,\n        \"visual-builder__hover-outline\": css`\n            position: absolute;\n            outline: 2px dashed #6c5ce7;\n            transition: var(--outline-transition);\n            z-index: 2147483646 !important;\n        `,\n        \"visual-builder__hover-outline--hidden\": css`\n            visibility: hidden;\n        `,\n        \"visual-builder__hover-outline--unclickable\": css`\n            pointer-events: none;\n        `,\n        \"visual-builder__hover-outline--disabled\": css`\n            outline: 2px dashed #909090;\n        `,\n        \"visual-builder__default-cursor--disabled\": css`\n            cursor: none;\n        `,\n        \"visual-builder__draft-field\": css`\n            outline: 2px dashed #eb5646;\n        `,\n        \"visual-builder__variant-field\": css`\n            outline: 2px solid #bd59fa;\n        `,\n        \"visual-builder__pseudo-editable-element\": css`\n            z-index: 99999 !important;\n        `,\n        // cslp error styles\n        \"visual-builder__button-error\": css`\n            background-color: #ffeeeb;\n            padding: 0px !important;\n            &:hover {\n                background-color: #ffeeeb;\n            }\n        `,\n        \"visual-builder__focused-toolbar__error\": css`\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            column-gap: 3px;\n            padding: 4px 8px;\n        `,\n        \"visual-builder__focused-toolbar__error-text\": css`\n            font-weight: 400;\n            font-size: 12px;\n            line-height: 18px;\n            color: #a31b00;\n        `,\n        \"visual-builder__focused-toolbar__error-toolip\": css`\n            position: absolute;\n            width: 400px;\n            background-color: red;\n            left: 0;\n            top: -7px;\n            transform: translateY(-100%);\n            background-color: #767676;\n            border-radius: 4px;\n            box-shadow:\n                0px 1px 10px 0px #6c5ce733,\n                0px 5px 5px 0px #0000001f,\n                0px 2px 4px 0px #00000024;\n            padding: 12px;\n            text-align: left;\n\n            &:before {\n                content: \"\";\n                position: absolute;\n                bottom: -3px;\n                left: 4%;\n                transform: translateX(-50%) rotate(45deg);\n                width: 10px;\n                height: 10px;\n                background-color: #767676;\n            }\n\n            > p {\n                margin: 0;\n                color: #ffffff;\n                font-size: 14px;\n                font-weight: 600;\n                line-height: 21px;\n                margin-bottom: 4px;\n            }\n\n            > span {\n                color: #ffffff;\n                font-size: 12px;\n                font-weight: 400;\n                line-height: 18px;\n            }\n        `,\n        \"variant-field-revert-component\": css`\n            position: relative;\n            display: inline-block;\n            z-index: 2147483647 !important;\n        `,\n        \"variant-field-revert-component__dropdown-content\": css`\n            position: absolute;\n            top: -12px;\n            left: -4px;\n            background-color: #ffffff;\n            min-width: max-content;\n            box-shadow:\n                0 4px 15px 0 rgba(108, 92, 231, 0.2),\n                0 3px 14px 3px rgba(0, 0, 0, 0.12),\n                0 8px 10px 1px rgba(0, 0, 0, 0.14);\n            z-index: 2147483647 !important;\n            margin-top: 4px;\n            padding: 4px 0px;\n            border-radius: 2px;\n        `,\n        \"variant-field-revert-component__dropdown-content__list-item\": css`\n            color: black;\n            font-weight: 400;\n            padding: 9.6px 16px;\n            text-decoration: none;\n            display: block;\n            font-size: 0.75rem;\n            height: 32px;\n            line-height: 2rem;\n            display: flex;\n            align-items: center;\n            z-index: 2147483647 !important;\n            cursor: pointer;\n            &:hover {\n                background-color: #f1f1f1;\n            }\n            &:hover > span {\n                color: #5d50be;\n            }\n            & > span {\n                margin-top: 4px;\n                margin-bottom: 4px;\n            }\n        `,\n        \"visual-builder__no-cursor-style\": css`\n            cursor: none !important;\n        `,\n        \"visual-builder__field-toolbar-container\": css`\n            display: flex;\n            flex-direction: column-reverse;\n            z-index: 2147483647 !important;\n        `,\n        \"visual-builder__variant-button\": css`\n            display: flex;\n            min-width: 3rem !important;\n            gap: 0.25rem;\n            align-items: center;\n            justify-content: center;\n            display: flex;\n            & svg path {\n                fill: #475161;\n            }\n        `,\n    };\n}\n\nexport const VisualBuilderGlobalStyles = `\n       @import url(\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap\");\n\n       [data-cslp] [contenteditable=\"true\"] {\n            outline: none;\n        }\n\n        @keyframes visual-builder__spinner {\n            0% {\n                transform: rotate(0deg);\n            }\n            100% {\n                transform: rotate(360deg);\n            }\n        }\n\n`;\n"],"mappings":"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","names":[]}

package/dist/modern/visualBuilder/visualBuilder.style.d.cts

@@ -1,6 +1,10 @@
 declare function visualBuilderStyles(): {
     "visual-builder__container": string;
     "visual-builder__cursor": string;
+    "tooltip-container": string;
+    "tooltip-arrow": string;
+    "toolbar-tooltip-content": string;
+    "toolbar-tooltip-content-item": string;
     "visual-builder__overlay__wrapper": string;
     "visual-builder__overlay--outline": string;
     "visual-builder__overlay": string;
@@ -28,6 +32,9 @@ declare function visualBuilderStyles(): {
     "visual-builder__button-loader": string;
     "visual-builder__button--comment-loader": string;
     "visual-builder__field-icon": string;
+    "visual-builder__content-type-icon": string;
+    "visual-builder__caret-right-icon": string;
+    "visual-builder__reference-icon-container": string;
     "visual-builder__focused-toolbar__button-group": string;
     "visual-builder__focused-toolbar__text": string;
     "visual-builder__focused-toolbar__multiple-field-toolbar": string;

package/dist/modern/visualBuilder/visualBuilder.style.d.ts

@@ -1,6 +1,10 @@
 declare function visualBuilderStyles(): {
     "visual-builder__container": string;
     "visual-builder__cursor": string;
+    "tooltip-container": string;
+    "tooltip-arrow": string;
+    "toolbar-tooltip-content": string;
+    "toolbar-tooltip-content-item": string;
     "visual-builder__overlay__wrapper": string;
     "visual-builder__overlay--outline": string;
     "visual-builder__overlay": string;
@@ -28,6 +32,9 @@ declare function visualBuilderStyles(): {
     "visual-builder__button-loader": string;
     "visual-builder__button--comment-loader": string;
     "visual-builder__field-icon": string;
+    "visual-builder__content-type-icon": string;
+    "visual-builder__caret-right-icon": string;
+    "visual-builder__reference-icon-container": string;
     "visual-builder__focused-toolbar__button-group": string;
     "visual-builder__focused-toolbar__text": string;
     "visual-builder__focused-toolbar__multiple-field-toolbar": string;