@contentstack/live-preview-utils 2.0.4 → 3.0.1

package/dist/modern/visualBuilder/eventManager/useRecalculateVariantDataCSLPValues.js

@@ -0,0 +1,85 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/eventManager/useRecalculateVariantDataCSLPValues.ts
+import { VisualBuilder } from "../index.js";
+import livePreviewPostMessage from "../../livePreview/eventManager/livePreviewEventManager.js";
+import { LIVE_PREVIEW_POST_MESSAGE_EVENTS } from "../../livePreview/eventManager/livePreviewEventManager.constant.js";
+import { DATA_CSLP_ATTR_SELECTOR } from "../utils/constants.js";
+import { visualBuilderStyles } from "../visualBuilder.style.js";
+var VARIANT_UPDATE_DELAY_MS = 8e3;
+function useRecalculateVariantDataCSLPValues() {
+  livePreviewPostMessage?.on(
+    LIVE_PREVIEW_POST_MESSAGE_EVENTS.VARIANT_PATCH,
+    (event) => {
+      if (VisualBuilder.VisualBuilderGlobalState.value.audienceMode) {
+        updateVariantClasses(event.data);
+      }
+    }
+  );
+}
+function updateVariantClasses({
+  highlightVariantFields,
+  expectedCSLPValues
+}) {
+  const variant = VisualBuilder.VisualBuilderGlobalState.value.variant;
+  const observers = [];
+  const updateElementClasses = (element, dataCslp, observer) => {
+    if (!dataCslp) return;
+    if (dataCslp.startsWith("v2:") && element.classList.contains("visual-builder__base-field")) {
+      element.classList.remove("visual-builder__base-field");
+      if (highlightVariantFields) {
+        element.classList.add(
+          visualBuilderStyles()["visual-builder__variant-field"],
+          "visual-builder__variant-field"
+        );
+      } else {
+        element.classList.add("visual-builder__variant-field");
+      }
+    } else if (!dataCslp.startsWith("v2:") && element.classList.contains("visual-builder__variant-field")) {
+      element.classList.remove(
+        visualBuilderStyles()["visual-builder__variant-field"],
+        "visual-builder__variant-field"
+      );
+      element.classList.add("visual-builder__base-field");
+    } else if (dataCslp.startsWith("v2:") && variant && !dataCslp.includes(variant) && element.classList.contains("visual-builder__variant-field")) {
+      element.classList.remove(
+        visualBuilderStyles()["visual-builder__variant-field"],
+        "visual-builder__variant-field"
+      );
+      element.classList.add("visual-builder__disabled-variant-field");
+    }
+    observer.disconnect();
+    const index = observers.indexOf(observer);
+    if (index > -1) {
+      observers.splice(index, 1);
+    }
+  };
+  const elementsWithCslp = document.querySelectorAll(
+    `[${DATA_CSLP_ATTR_SELECTOR}]`
+  );
+  elementsWithCslp.forEach((elementNode) => {
+    const element = elementNode;
+    const observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        if (mutation.type === "attributes" && mutation.attributeName === DATA_CSLP_ATTR_SELECTOR) {
+          const dataCslp = element.getAttribute(
+            DATA_CSLP_ATTR_SELECTOR
+          );
+          updateElementClasses(element, dataCslp || "", observer);
+        }
+      });
+    });
+    observers.push(observer);
+    observer.observe(element, { attributes: true });
+  });
+  setTimeout(() => {
+    if (observers.length > 0) {
+      observers.forEach((observer) => observer.disconnect());
+      observers.length = 0;
+    }
+  }, VARIANT_UPDATE_DELAY_MS);
+}
+export {
+  useRecalculateVariantDataCSLPValues
+};
+//# sourceMappingURL=useRecalculateVariantDataCSLPValues.js.map

package/dist/modern/visualBuilder/eventManager/useRecalculateVariantDataCSLPValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useRecalculateVariantDataCSLPValues.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport livePreviewPostMessage from \"../../livePreview/eventManager/livePreviewEventManager\";\nimport { LIVE_PREVIEW_POST_MESSAGE_EVENTS } from \"../../livePreview/eventManager/livePreviewEventManager.constant\";\nimport { DATA_CSLP_ATTR_SELECTOR } from \"../utils/constants\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\n\nconst VARIANT_UPDATE_DELAY_MS: Readonly<number> = 8000;\n\ntype OnAudienceModeVariantPatchUpdate = {\n    highlightVariantFields: boolean;\n    expectedCSLPValues: Record<\"variant\" | \"base\", string>;\n};\n\n/**\n * Registers a post message event listener for updating the variant / base classes in the live preview for audience mode.\n */\nexport function useRecalculateVariantDataCSLPValues(): void {\n    livePreviewPostMessage?.on<OnAudienceModeVariantPatchUpdate>(\n        LIVE_PREVIEW_POST_MESSAGE_EVENTS.VARIANT_PATCH,\n        (event) => {\n            if (VisualBuilder.VisualBuilderGlobalState.value.audienceMode) {\n                updateVariantClasses(event.data);\n            }\n        }\n    );\n}\nfunction updateVariantClasses({\n    highlightVariantFields,\n    expectedCSLPValues,\n}: OnAudienceModeVariantPatchUpdate): void {\n    const variant = VisualBuilder.VisualBuilderGlobalState.value.variant;\n    const observers: MutationObserver[] = [];\n\n    // Helper function to update element classes\n    const updateElementClasses = (\n        element: HTMLElement,\n        dataCslp: string,\n        observer: MutationObserver\n    ) => {\n        if (!dataCslp) return;\n\n        if (\n            dataCslp.startsWith(\"v2:\") &&\n            element.classList.contains(\"visual-builder__base-field\")\n        ) {\n            element.classList.remove(\"visual-builder__base-field\");\n            if (highlightVariantFields) {\n                element.classList.add(\n                    visualBuilderStyles()[\"visual-builder__variant-field\"],\n                    \"visual-builder__variant-field\"\n                );\n            } else {\n                element.classList.add(\"visual-builder__variant-field\");\n            }\n        } else if (\n            !dataCslp.startsWith(\"v2:\") &&\n            element.classList.contains(\"visual-builder__variant-field\")\n        ) {\n            element.classList.remove(\n                visualBuilderStyles()[\"visual-builder__variant-field\"],\n                \"visual-builder__variant-field\"\n            );\n            element.classList.add(\"visual-builder__base-field\");\n        } else if (\n            dataCslp.startsWith(\"v2:\") &&\n            variant &&\n            !dataCslp.includes(variant) &&\n            element.classList.contains(\"visual-builder__variant-field\")\n        ) {\n            element.classList.remove(\n                visualBuilderStyles()[\"visual-builder__variant-field\"],\n                \"visual-builder__variant-field\"\n            );\n            element.classList.add(\"visual-builder__disabled-variant-field\");\n        }\n\n        // Disconnect this observer after processing\n        observer.disconnect();\n        const index = observers.indexOf(observer);\n        if (index > -1) {\n            observers.splice(index, 1);\n        }\n    };\n\n    // Create a separate observer for each element\n    const elementsWithCslp = document.querySelectorAll(\n        `[${DATA_CSLP_ATTR_SELECTOR}]`\n    );\n\n    elementsWithCslp.forEach((elementNode) => {\n        const element = elementNode as HTMLElement;\n\n        const observer = new MutationObserver((mutations) => {\n            mutations.forEach((mutation) => {\n                if (\n                    mutation.type === \"attributes\" &&\n                    mutation.attributeName === DATA_CSLP_ATTR_SELECTOR\n                ) {\n                    const dataCslp = element.getAttribute(\n                        DATA_CSLP_ATTR_SELECTOR\n                    );\n                    updateElementClasses(element, dataCslp || \"\", observer);\n                }\n            });\n        });\n\n        observers.push(observer);\n        observer.observe(element, { attributes: true });\n    });\n\n    setTimeout(() => {\n        if (observers.length > 0) {\n            observers.forEach((observer) => observer.disconnect());\n            observers.length = 0;\n        }\n    }, VARIANT_UPDATE_DELAY_MS);\n}\n"],"mappings":";;;AAAA,SAAS,qBAAqB;AAC9B,OAAO,4BAA4B;AACnC,SAAS,wCAAwC;AACjD,SAAS,+BAA+B;AACxC,SAAS,2BAA2B;AAEpC,IAAM,0BAA4C;AAU3C,SAAS,sCAA4C;AACxD,0BAAwB;AAAA,IACpB,iCAAiC;AAAA,IACjC,CAAC,UAAU;AACP,UAAI,cAAc,yBAAyB,MAAM,cAAc;AAC3D,6BAAqB,MAAM,IAAI;AAAA,MACnC;AAAA,IACJ;AAAA,EACJ;AACJ;AACA,SAAS,qBAAqB;AAAA,EAC1B;AAAA,EACA;AACJ,GAA2C;AACvC,QAAM,UAAU,cAAc,yBAAyB,MAAM;AAC7D,QAAM,YAAgC,CAAC;AAGvC,QAAM,uBAAuB,CACzB,SACA,UACA,aACC;AACD,QAAI,CAAC,SAAU;AAEf,QACI,SAAS,WAAW,KAAK,KACzB,QAAQ,UAAU,SAAS,4BAA4B,GACzD;AACE,cAAQ,UAAU,OAAO,4BAA4B;AACrD,UAAI,wBAAwB;AACxB,gBAAQ,UAAU;AAAA,UACd,oBAAoB,EAAE,+BAA+B;AAAA,UACrD;AAAA,QACJ;AAAA,MACJ,OAAO;AACH,gBAAQ,UAAU,IAAI,+BAA+B;AAAA,MACzD;AAAA,IACJ,WACI,CAAC,SAAS,WAAW,KAAK,KAC1B,QAAQ,UAAU,SAAS,+BAA+B,GAC5D;AACE,cAAQ,UAAU;AAAA,QACd,oBAAoB,EAAE,+BAA+B;AAAA,QACrD;AAAA,MACJ;AACA,cAAQ,UAAU,IAAI,4BAA4B;AAAA,IACtD,WACI,SAAS,WAAW,KAAK,KACzB,WACA,CAAC,SAAS,SAAS,OAAO,KAC1B,QAAQ,UAAU,SAAS,+BAA+B,GAC5D;AACE,cAAQ,UAAU;AAAA,QACd,oBAAoB,EAAE,+BAA+B;AAAA,QACrD;AAAA,MACJ;AACA,cAAQ,UAAU,IAAI,wCAAwC;AAAA,IAClE;AAGA,aAAS,WAAW;AACpB,UAAM,QAAQ,UAAU,QAAQ,QAAQ;AACxC,QAAI,QAAQ,IAAI;AACZ,gBAAU,OAAO,OAAO,CAAC;AAAA,IAC7B;AAAA,EACJ;AAGA,QAAM,mBAAmB,SAAS;AAAA,IAC9B,IAAI,uBAAuB;AAAA,EAC/B;AAEA,mBAAiB,QAAQ,CAAC,gBAAgB;AACtC,UAAM,UAAU;AAEhB,UAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACjD,gBAAU,QAAQ,CAAC,aAAa;AAC5B,YACI,SAAS,SAAS,gBAClB,SAAS,kBAAkB,yBAC7B;AACE,gBAAM,WAAW,QAAQ;AAAA,YACrB;AAAA,UACJ;AACA,+BAAqB,SAAS,YAAY,IAAI,QAAQ;AAAA,QAC1D;AAAA,MACJ,CAAC;AAAA,IACL,CAAC;AAED,cAAU,KAAK,QAAQ;AACvB,aAAS,QAAQ,SAAS,EAAE,YAAY,KAAK,CAAC;AAAA,EAClD,CAAC;AAED,aAAW,MAAM;AACb,QAAI,UAAU,SAAS,GAAG;AACtB,gBAAU,QAAQ,CAAC,aAAa,SAAS,WAAW,CAAC;AACrD,gBAAU,SAAS;AAAA,IACvB;AAAA,EACJ,GAAG,uBAAuB;AAC9B;","names":[]}

package/dist/modern/visualBuilder/eventManager/useScrollToField.cjs

@@ -0,0 +1,56 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/eventManager/useScrollToField.ts
+var useScrollToField_exports = {};
+__export(useScrollToField_exports, {
+  useScrollToField: () => useScrollToField
+});
+module.exports = __toCommonJS(useScrollToField_exports);
+var import_visualBuilderPostMessage = __toESM(require("../utils/visualBuilderPostMessage.cjs"), 1);
+var import_postMessage = require("../utils/types/postMessage.types.cjs");
+var handleScrollToField = (event) => {
+  const { content_type_uid, entry_uid, locale, path } = event.data.cslpData;
+  const cslpValue = `${content_type_uid}.${entry_uid}.${locale}.${path}`;
+  const element = document.querySelector(`[data-cslp="${cslpValue}"]`);
+  if (element) {
+    element.scrollIntoView({ behavior: "smooth", block: "center" });
+  }
+};
+var useScrollToField = () => {
+  import_visualBuilderPostMessage.default?.on(
+    import_postMessage.VisualBuilderPostMessageEvents.SCROLL_TO_FIELD,
+    handleScrollToField
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useScrollToField
+});
+//# sourceMappingURL=useScrollToField.cjs.map

package/dist/modern/visualBuilder/eventManager/useScrollToField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useScrollToField.ts"],"sourcesContent":["import { useEffect } from \"preact/compat\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\n// Define the interface for the ScrollToField event data\nexport interface IScrollToFieldEventData {\n    cslpData: {\n        content_type_uid: string;\n        entry_uid: string;\n        locale: string;\n        path: string;\n    };\n}\n\nexport interface IScrollToFieldEvent {\n    data: IScrollToFieldEventData;\n}\n\nconst handleScrollToField = (event: IScrollToFieldEvent) => {\n    const { content_type_uid, entry_uid, locale, path } = event.data.cslpData;\n\n    const cslpValue = `${content_type_uid}.${entry_uid}.${locale}.${path}`;\n\n    // Query the element using the generated cslpValue\n    const element = document.querySelector(`[data-cslp=\"${cslpValue}\"]`);\n\n    if (element) {\n        element.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n    }\n};\n\nexport const useScrollToField = () => {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.SCROLL_TO_FIELD,\n        handleScrollToField\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sCAAqC;AACrC,yBAA+C;AAgB/C,IAAM,sBAAsB,CAAC,UAA+B;AACxD,QAAM,EAAE,kBAAkB,WAAW,QAAQ,KAAK,IAAI,MAAM,KAAK;AAEjE,QAAM,YAAY,GAAG,gBAAgB,IAAI,SAAS,IAAI,MAAM,IAAI,IAAI;AAGpE,QAAM,UAAU,SAAS,cAAc,eAAe,SAAS,IAAI;AAEnE,MAAI,SAAS;AACT,YAAQ,eAAe,EAAE,UAAU,UAAU,OAAO,SAAS,CAAC;AAAA,EAClE;AACJ;AAEO,IAAM,mBAAmB,MAAM;AAClC,kCAAAA,SAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B;AAAA,EACJ;AACJ;","names":["visualBuilderPostMessage"]}

package/dist/modern/visualBuilder/eventManager/useScrollToField.d.cts

@@ -0,0 +1,14 @@
+interface IScrollToFieldEventData {
+    cslpData: {
+        content_type_uid: string;
+        entry_uid: string;
+        locale: string;
+        path: string;
+    };
+}
+interface IScrollToFieldEvent {
+    data: IScrollToFieldEventData;
+}
+declare const useScrollToField: () => void;
+
+export { type IScrollToFieldEvent, type IScrollToFieldEventData, useScrollToField };

package/dist/modern/visualBuilder/eventManager/useScrollToField.d.ts

@@ -0,0 +1,14 @@
+interface IScrollToFieldEventData {
+    cslpData: {
+        content_type_uid: string;
+        entry_uid: string;
+        locale: string;
+        path: string;
+    };
+}
+interface IScrollToFieldEvent {
+    data: IScrollToFieldEventData;
+}
+declare const useScrollToField: () => void;
+
+export { type IScrollToFieldEvent, type IScrollToFieldEventData, useScrollToField };

package/dist/modern/visualBuilder/eventManager/useScrollToField.js

@@ -0,0 +1,23 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/eventManager/useScrollToField.ts
+import visualBuilderPostMessage from "../utils/visualBuilderPostMessage.js";
+import { VisualBuilderPostMessageEvents } from "../utils/types/postMessage.types.js";
+var handleScrollToField = (event) => {
+  const { content_type_uid, entry_uid, locale, path } = event.data.cslpData;
+  const cslpValue = `${content_type_uid}.${entry_uid}.${locale}.${path}`;
+  const element = document.querySelector(`[data-cslp="${cslpValue}"]`);
+  if (element) {
+    element.scrollIntoView({ behavior: "smooth", block: "center" });
+  }
+};
+var useScrollToField = () => {
+  visualBuilderPostMessage?.on(
+    VisualBuilderPostMessageEvents.SCROLL_TO_FIELD,
+    handleScrollToField
+  );
+};
+export {
+  useScrollToField
+};
+//# sourceMappingURL=useScrollToField.js.map

package/dist/modern/visualBuilder/eventManager/useScrollToField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useScrollToField.ts"],"sourcesContent":["import { useEffect } from \"preact/compat\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\n// Define the interface for the ScrollToField event data\nexport interface IScrollToFieldEventData {\n    cslpData: {\n        content_type_uid: string;\n        entry_uid: string;\n        locale: string;\n        path: string;\n    };\n}\n\nexport interface IScrollToFieldEvent {\n    data: IScrollToFieldEventData;\n}\n\nconst handleScrollToField = (event: IScrollToFieldEvent) => {\n    const { content_type_uid, entry_uid, locale, path } = event.data.cslpData;\n\n    const cslpValue = `${content_type_uid}.${entry_uid}.${locale}.${path}`;\n\n    // Query the element using the generated cslpValue\n    const element = document.querySelector(`[data-cslp=\"${cslpValue}\"]`);\n\n    if (element) {\n        element.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n    }\n};\n\nexport const useScrollToField = () => {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.SCROLL_TO_FIELD,\n        handleScrollToField\n    );\n};\n"],"mappings":";;;AACA,OAAO,8BAA8B;AACrC,SAAS,sCAAsC;AAgB/C,IAAM,sBAAsB,CAAC,UAA+B;AACxD,QAAM,EAAE,kBAAkB,WAAW,QAAQ,KAAK,IAAI,MAAM,KAAK;AAEjE,QAAM,YAAY,GAAG,gBAAgB,IAAI,SAAS,IAAI,MAAM,IAAI,IAAI;AAGpE,QAAM,UAAU,SAAS,cAAc,eAAe,SAAS,IAAI;AAEnE,MAAI,SAAS;AACT,YAAQ,eAAe,EAAE,UAAU,UAAU,OAAO,SAAS,CAAC;AAAA,EAClE;AACJ;AAEO,IAAM,mBAAmB,MAAM;AAClC,4BAA0B;AAAA,IACtB,+BAA+B;AAAA,IAC/B;AAAA,EACJ;AACJ;","names":[]}

package/dist/modern/visualBuilder/eventManager/useVariantsPostMessageEvent.cjs

@@ -0,0 +1,130 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/eventManager/useVariantsPostMessageEvent.ts
+var useVariantsPostMessageEvent_exports = {};
+__export(useVariantsPostMessageEvent_exports, {
+  useVariantFieldsPostMessageEvent: () => useVariantFieldsPostMessageEvent
+});
+module.exports = __toCommonJS(useVariantsPostMessageEvent_exports);
+var import__ = require("../index.cjs");
+var import_visualBuilder = require("../visualBuilder.style.cjs");
+var import_visualBuilderPostMessage = __toESM(require("../utils/visualBuilderPostMessage.cjs"), 1);
+var import_postMessage = require("../utils/types/postMessage.types.cjs");
+function addVariantFieldClass(variant_uid, highlightVariantFields) {
+  const elements = document.querySelectorAll(`[data-cslp]`);
+  elements.forEach((element) => {
+    const dataCslp = element.getAttribute("data-cslp");
+    if (!dataCslp) return;
+    if (dataCslp?.includes(variant_uid)) {
+      highlightVariantFields && element.classList.add(
+        (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__variant-field"]
+      );
+      element.classList.add("visual-builder__variant-field");
+    } else if (!dataCslp.startsWith("v2:")) {
+      element.classList.add("visual-builder__base-field");
+    } else {
+      element.classList.add("visual-builder__disabled-variant-field");
+    }
+  });
+}
+function removeVariantFieldClass(onlyHighlighted = false) {
+  if (onlyHighlighted) {
+    const variantElements = document.querySelectorAll(
+      `.${(0, import_visualBuilder.visualBuilderStyles)()["visual-builder__variant-field"]}`
+    );
+    variantElements.forEach((element) => {
+      element.classList.remove(
+        (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__variant-field"]
+      );
+    });
+  } else {
+    const variantAndBaseFieldElements = document.querySelectorAll(
+      ".visual-builder__disabled-variant-field, .visual-builder__variant-field, .visual-builder__base-field"
+    );
+    variantAndBaseFieldElements.forEach((element) => {
+      element.classList.remove(
+        "visual-builder__disabled-variant-field",
+        "visual-builder__variant-field",
+        (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__variant-field"],
+        "visual-builder__base-field"
+      );
+    });
+  }
+}
+function setAudienceMode(mode) {
+  import__.VisualBuilder.VisualBuilderGlobalState.value.audienceMode = mode;
+}
+function setVariant(uid) {
+  import__.VisualBuilder.VisualBuilderGlobalState.value.variant = uid;
+}
+function setLocale(locale) {
+  import__.VisualBuilder.VisualBuilderGlobalState.value.locale = locale;
+}
+function useVariantFieldsPostMessageEvent() {
+  import_visualBuilderPostMessage.default?.on(
+    import_postMessage.VisualBuilderPostMessageEvents.GET_VARIANT_ID,
+    (event) => {
+      setVariant(event.data.variant);
+    }
+  );
+  import_visualBuilderPostMessage.default?.on(
+    import_postMessage.VisualBuilderPostMessageEvents.GET_LOCALE,
+    (event) => {
+      setLocale(event.data.locale);
+    }
+  );
+  import_visualBuilderPostMessage.default?.on(
+    import_postMessage.VisualBuilderPostMessageEvents.SET_AUDIENCE_MODE,
+    (event) => {
+      setAudienceMode(event.data.audienceMode);
+    }
+  );
+  import_visualBuilderPostMessage.default?.on(
+    import_postMessage.VisualBuilderPostMessageEvents.SHOW_VARIANT_FIELDS,
+    (event) => {
+      removeVariantFieldClass();
+      addVariantFieldClass(
+        event.data.variant_data.variant,
+        event.data.variant_data.highlightVariantFields
+      );
+    }
+  );
+  import_visualBuilderPostMessage.default?.on(
+    import_postMessage.VisualBuilderPostMessageEvents.REMOVE_VARIANT_FIELDS,
+    (event) => {
+      removeVariantFieldClass(event?.data?.onlyHighlighted);
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useVariantFieldsPostMessageEvent
+});
+//# sourceMappingURL=useVariantsPostMessageEvent.cjs.map

package/dist/modern/visualBuilder/eventManager/useVariantsPostMessageEvent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useVariantsPostMessageEvent.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\ninterface VariantFieldsEvent {\n    data: {\n        variant_data: {\n            variant: string;\n            highlightVariantFields: boolean;\n        };\n    };\n}\ninterface RemoveVariantFieldsEvent {\n    data: {\n        onlyHighlighted?: boolean;\n    };\n}\n\ninterface AudienceEvent {\n    data: {\n        audienceMode: boolean;\n    };\n}\ninterface VariantEvent {\n    data: {\n        variant: string | null;\n    };\n}\n\ninterface LocaleEvent {\n    data: {\n        locale: string;\n    };\n}\nfunction addVariantFieldClass(\n    variant_uid: string,\n    highlightVariantFields: boolean\n): void {\n    const elements = document.querySelectorAll(`[data-cslp]`);\n    elements.forEach((element) => {\n        const dataCslp = element.getAttribute(\"data-cslp\");\n        if (!dataCslp) return;\n\n        if (dataCslp?.includes(variant_uid)) {\n            highlightVariantFields &&\n                element.classList.add(\n                    visualBuilderStyles()[\"visual-builder__variant-field\"]\n                );\n            element.classList.add(\"visual-builder__variant-field\");\n        } else if (!dataCslp.startsWith(\"v2:\")) {\n            element.classList.add(\"visual-builder__base-field\");\n        } else {\n            element.classList.add(\"visual-builder__disabled-variant-field\");\n        }\n    });\n}\n\nfunction removeVariantFieldClass(onlyHighlighted: boolean = false): void {\n    if (onlyHighlighted) {\n        const variantElements = document.querySelectorAll(\n            `.${visualBuilderStyles()[\"visual-builder__variant-field\"]}`\n        );\n        variantElements.forEach((element) => {\n            element.classList.remove(\n                visualBuilderStyles()[\"visual-builder__variant-field\"]\n            );\n        });\n    } else {\n        const variantAndBaseFieldElements = document.querySelectorAll(\n            \".visual-builder__disabled-variant-field, .visual-builder__variant-field, .visual-builder__base-field\"\n        );\n        variantAndBaseFieldElements.forEach((element) => {\n            element.classList.remove(\n                \"visual-builder__disabled-variant-field\",\n                \"visual-builder__variant-field\",\n                visualBuilderStyles()[\"visual-builder__variant-field\"],\n                \"visual-builder__base-field\"\n            );\n        });\n    }\n}\n\nfunction setAudienceMode(mode: boolean): void {\n    VisualBuilder.VisualBuilderGlobalState.value.audienceMode = mode;\n}\nfunction setVariant(uid: string | null): void {\n    VisualBuilder.VisualBuilderGlobalState.value.variant = uid;\n}\nfunction setLocale(locale: string): void {\n    VisualBuilder.VisualBuilderGlobalState.value.locale = locale;\n}\n\nexport function useVariantFieldsPostMessageEvent(): void {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.GET_VARIANT_ID,\n        (event: VariantEvent) => {\n            setVariant(event.data.variant);\n        }\n    );\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.GET_LOCALE,\n        (event: LocaleEvent) => {\n            setLocale(event.data.locale);\n        }\n    );\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.SET_AUDIENCE_MODE,\n        (event: AudienceEvent) => {\n            setAudienceMode(event.data.audienceMode);\n        }\n    );\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.SHOW_VARIANT_FIELDS,\n        (event: VariantFieldsEvent) => {\n            removeVariantFieldClass();\n            addVariantFieldClass(\n                event.data.variant_data.variant,\n                event.data.variant_data.highlightVariantFields\n            );\n        }\n    );\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.REMOVE_VARIANT_FIELDS,\n        (event: RemoveVariantFieldsEvent) => {\n            removeVariantFieldClass(event?.data?.onlyHighlighted);\n        }\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAA8B;AAC9B,2BAAoC;AACpC,sCAAqC;AACrC,yBAA+C;AAgC/C,SAAS,qBACL,aACA,wBACI;AACJ,QAAM,WAAW,SAAS,iBAAiB,aAAa;AACxD,WAAS,QAAQ,CAAC,YAAY;AAC1B,UAAM,WAAW,QAAQ,aAAa,WAAW;AACjD,QAAI,CAAC,SAAU;AAEf,QAAI,UAAU,SAAS,WAAW,GAAG;AACjC,gCACI,QAAQ,UAAU;AAAA,YACd,0CAAoB,EAAE,+BAA+B;AAAA,MACzD;AACJ,cAAQ,UAAU,IAAI,+BAA+B;AAAA,IACzD,WAAW,CAAC,SAAS,WAAW,KAAK,GAAG;AACpC,cAAQ,UAAU,IAAI,4BAA4B;AAAA,IACtD,OAAO;AACH,cAAQ,UAAU,IAAI,wCAAwC;AAAA,IAClE;AAAA,EACJ,CAAC;AACL;AAEA,SAAS,wBAAwB,kBAA2B,OAAa;AACrE,MAAI,iBAAiB;AACjB,UAAM,kBAAkB,SAAS;AAAA,MAC7B,QAAI,0CAAoB,EAAE,+BAA+B,CAAC;AAAA,IAC9D;AACA,oBAAgB,QAAQ,CAAC,YAAY;AACjC,cAAQ,UAAU;AAAA,YACd,0CAAoB,EAAE,+BAA+B;AAAA,MACzD;AAAA,IACJ,CAAC;AAAA,EACL,OAAO;AACH,UAAM,8BAA8B,SAAS;AAAA,MACzC;AAAA,IACJ;AACA,gCAA4B,QAAQ,CAAC,YAAY;AAC7C,cAAQ,UAAU;AAAA,QACd;AAAA,QACA;AAAA,YACA,0CAAoB,EAAE,+BAA+B;AAAA,QACrD;AAAA,MACJ;AAAA,IACJ,CAAC;AAAA,EACL;AACJ;AAEA,SAAS,gBAAgB,MAAqB;AAC1C,yBAAc,yBAAyB,MAAM,eAAe;AAChE;AACA,SAAS,WAAW,KAA0B;AAC1C,yBAAc,yBAAyB,MAAM,UAAU;AAC3D;AACA,SAAS,UAAU,QAAsB;AACrC,yBAAc,yBAAyB,MAAM,SAAS;AAC1D;AAEO,SAAS,mCAAyC;AACrD,kCAAAA,SAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B,CAAC,UAAwB;AACrB,iBAAW,MAAM,KAAK,OAAO;AAAA,IACjC;AAAA,EACJ;AACA,kCAAAA,SAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B,CAAC,UAAuB;AACpB,gBAAU,MAAM,KAAK,MAAM;AAAA,IAC/B;AAAA,EACJ;AACA,kCAAAA,SAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B,CAAC,UAAyB;AACtB,sBAAgB,MAAM,KAAK,YAAY;AAAA,IAC3C;AAAA,EACJ;AACA,kCAAAA,SAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B,CAAC,UAA8B;AAC3B,8BAAwB;AACxB;AAAA,QACI,MAAM,KAAK,aAAa;AAAA,QACxB,MAAM,KAAK,aAAa;AAAA,MAC5B;AAAA,IACJ;AAAA,EACJ;AACA,kCAAAA,SAA0B;AAAA,IACtB,kDAA+B;AAAA,IAC/B,CAAC,UAAoC;AACjC,8BAAwB,OAAO,MAAM,eAAe;AAAA,IACxD;AAAA,EACJ;AACJ;","names":["visualBuilderPostMessage"]}

package/dist/modern/visualBuilder/eventManager/useVariantsPostMessageEvent.d.cts

@@ -0,0 +1,3 @@
+declare function useVariantFieldsPostMessageEvent(): void;
+
+export { useVariantFieldsPostMessageEvent };

package/dist/modern/visualBuilder/eventManager/useVariantsPostMessageEvent.d.ts

@@ -0,0 +1,3 @@
+declare function useVariantFieldsPostMessageEvent(): void;
+
+export { useVariantFieldsPostMessageEvent };

package/dist/modern/visualBuilder/eventManager/useVariantsPostMessageEvent.js

@@ -0,0 +1,97 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/eventManager/useVariantsPostMessageEvent.ts
+import { VisualBuilder } from "../index.js";
+import { visualBuilderStyles } from "../visualBuilder.style.js";
+import visualBuilderPostMessage from "../utils/visualBuilderPostMessage.js";
+import { VisualBuilderPostMessageEvents } from "../utils/types/postMessage.types.js";
+function addVariantFieldClass(variant_uid, highlightVariantFields) {
+  const elements = document.querySelectorAll(`[data-cslp]`);
+  elements.forEach((element) => {
+    const dataCslp = element.getAttribute("data-cslp");
+    if (!dataCslp) return;
+    if (dataCslp?.includes(variant_uid)) {
+      highlightVariantFields && element.classList.add(
+        visualBuilderStyles()["visual-builder__variant-field"]
+      );
+      element.classList.add("visual-builder__variant-field");
+    } else if (!dataCslp.startsWith("v2:")) {
+      element.classList.add("visual-builder__base-field");
+    } else {
+      element.classList.add("visual-builder__disabled-variant-field");
+    }
+  });
+}
+function removeVariantFieldClass(onlyHighlighted = false) {
+  if (onlyHighlighted) {
+    const variantElements = document.querySelectorAll(
+      `.${visualBuilderStyles()["visual-builder__variant-field"]}`
+    );
+    variantElements.forEach((element) => {
+      element.classList.remove(
+        visualBuilderStyles()["visual-builder__variant-field"]
+      );
+    });
+  } else {
+    const variantAndBaseFieldElements = document.querySelectorAll(
+      ".visual-builder__disabled-variant-field, .visual-builder__variant-field, .visual-builder__base-field"
+    );
+    variantAndBaseFieldElements.forEach((element) => {
+      element.classList.remove(
+        "visual-builder__disabled-variant-field",
+        "visual-builder__variant-field",
+        visualBuilderStyles()["visual-builder__variant-field"],
+        "visual-builder__base-field"
+      );
+    });
+  }
+}
+function setAudienceMode(mode) {
+  VisualBuilder.VisualBuilderGlobalState.value.audienceMode = mode;
+}
+function setVariant(uid) {
+  VisualBuilder.VisualBuilderGlobalState.value.variant = uid;
+}
+function setLocale(locale) {
+  VisualBuilder.VisualBuilderGlobalState.value.locale = locale;
+}
+function useVariantFieldsPostMessageEvent() {
+  visualBuilderPostMessage?.on(
+    VisualBuilderPostMessageEvents.GET_VARIANT_ID,
+    (event) => {
+      setVariant(event.data.variant);
+    }
+  );
+  visualBuilderPostMessage?.on(
+    VisualBuilderPostMessageEvents.GET_LOCALE,
+    (event) => {
+      setLocale(event.data.locale);
+    }
+  );
+  visualBuilderPostMessage?.on(
+    VisualBuilderPostMessageEvents.SET_AUDIENCE_MODE,
+    (event) => {
+      setAudienceMode(event.data.audienceMode);
+    }
+  );
+  visualBuilderPostMessage?.on(
+    VisualBuilderPostMessageEvents.SHOW_VARIANT_FIELDS,
+    (event) => {
+      removeVariantFieldClass();
+      addVariantFieldClass(
+        event.data.variant_data.variant,
+        event.data.variant_data.highlightVariantFields
+      );
+    }
+  );
+  visualBuilderPostMessage?.on(
+    VisualBuilderPostMessageEvents.REMOVE_VARIANT_FIELDS,
+    (event) => {
+      removeVariantFieldClass(event?.data?.onlyHighlighted);
+    }
+  );
+}
+export {
+  useVariantFieldsPostMessageEvent
+};
+//# sourceMappingURL=useVariantsPostMessageEvent.js.map

package/dist/modern/visualBuilder/eventManager/useVariantsPostMessageEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/eventManager/useVariantsPostMessageEvent.ts"],"sourcesContent":["import { VisualBuilder } from \"..\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\n\ninterface VariantFieldsEvent {\n    data: {\n        variant_data: {\n            variant: string;\n            highlightVariantFields: boolean;\n        };\n    };\n}\ninterface RemoveVariantFieldsEvent {\n    data: {\n        onlyHighlighted?: boolean;\n    };\n}\n\ninterface AudienceEvent {\n    data: {\n        audienceMode: boolean;\n    };\n}\ninterface VariantEvent {\n    data: {\n        variant: string | null;\n    };\n}\n\ninterface LocaleEvent {\n    data: {\n        locale: string;\n    };\n}\nfunction addVariantFieldClass(\n    variant_uid: string,\n    highlightVariantFields: boolean\n): void {\n    const elements = document.querySelectorAll(`[data-cslp]`);\n    elements.forEach((element) => {\n        const dataCslp = element.getAttribute(\"data-cslp\");\n        if (!dataCslp) return;\n\n        if (dataCslp?.includes(variant_uid)) {\n            highlightVariantFields &&\n                element.classList.add(\n                    visualBuilderStyles()[\"visual-builder__variant-field\"]\n                );\n            element.classList.add(\"visual-builder__variant-field\");\n        } else if (!dataCslp.startsWith(\"v2:\")) {\n            element.classList.add(\"visual-builder__base-field\");\n        } else {\n            element.classList.add(\"visual-builder__disabled-variant-field\");\n        }\n    });\n}\n\nfunction removeVariantFieldClass(onlyHighlighted: boolean = false): void {\n    if (onlyHighlighted) {\n        const variantElements = document.querySelectorAll(\n            `.${visualBuilderStyles()[\"visual-builder__variant-field\"]}`\n        );\n        variantElements.forEach((element) => {\n            element.classList.remove(\n                visualBuilderStyles()[\"visual-builder__variant-field\"]\n            );\n        });\n    } else {\n        const variantAndBaseFieldElements = document.querySelectorAll(\n            \".visual-builder__disabled-variant-field, .visual-builder__variant-field, .visual-builder__base-field\"\n        );\n        variantAndBaseFieldElements.forEach((element) => {\n            element.classList.remove(\n                \"visual-builder__disabled-variant-field\",\n                \"visual-builder__variant-field\",\n                visualBuilderStyles()[\"visual-builder__variant-field\"],\n                \"visual-builder__base-field\"\n            );\n        });\n    }\n}\n\nfunction setAudienceMode(mode: boolean): void {\n    VisualBuilder.VisualBuilderGlobalState.value.audienceMode = mode;\n}\nfunction setVariant(uid: string | null): void {\n    VisualBuilder.VisualBuilderGlobalState.value.variant = uid;\n}\nfunction setLocale(locale: string): void {\n    VisualBuilder.VisualBuilderGlobalState.value.locale = locale;\n}\n\nexport function useVariantFieldsPostMessageEvent(): void {\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.GET_VARIANT_ID,\n        (event: VariantEvent) => {\n            setVariant(event.data.variant);\n        }\n    );\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.GET_LOCALE,\n        (event: LocaleEvent) => {\n            setLocale(event.data.locale);\n        }\n    );\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.SET_AUDIENCE_MODE,\n        (event: AudienceEvent) => {\n            setAudienceMode(event.data.audienceMode);\n        }\n    );\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.SHOW_VARIANT_FIELDS,\n        (event: VariantFieldsEvent) => {\n            removeVariantFieldClass();\n            addVariantFieldClass(\n                event.data.variant_data.variant,\n                event.data.variant_data.highlightVariantFields\n            );\n        }\n    );\n    visualBuilderPostMessage?.on(\n        VisualBuilderPostMessageEvents.REMOVE_VARIANT_FIELDS,\n        (event: RemoveVariantFieldsEvent) => {\n            removeVariantFieldClass(event?.data?.onlyHighlighted);\n        }\n    );\n}\n"],"mappings":";;;AAAA,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,OAAO,8BAA8B;AACrC,SAAS,sCAAsC;AAgC/C,SAAS,qBACL,aACA,wBACI;AACJ,QAAM,WAAW,SAAS,iBAAiB,aAAa;AACxD,WAAS,QAAQ,CAAC,YAAY;AAC1B,UAAM,WAAW,QAAQ,aAAa,WAAW;AACjD,QAAI,CAAC,SAAU;AAEf,QAAI,UAAU,SAAS,WAAW,GAAG;AACjC,gCACI,QAAQ,UAAU;AAAA,QACd,oBAAoB,EAAE,+BAA+B;AAAA,MACzD;AACJ,cAAQ,UAAU,IAAI,+BAA+B;AAAA,IACzD,WAAW,CAAC,SAAS,WAAW,KAAK,GAAG;AACpC,cAAQ,UAAU,IAAI,4BAA4B;AAAA,IACtD,OAAO;AACH,cAAQ,UAAU,IAAI,wCAAwC;AAAA,IAClE;AAAA,EACJ,CAAC;AACL;AAEA,SAAS,wBAAwB,kBAA2B,OAAa;AACrE,MAAI,iBAAiB;AACjB,UAAM,kBAAkB,SAAS;AAAA,MAC7B,IAAI,oBAAoB,EAAE,+BAA+B,CAAC;AAAA,IAC9D;AACA,oBAAgB,QAAQ,CAAC,YAAY;AACjC,cAAQ,UAAU;AAAA,QACd,oBAAoB,EAAE,+BAA+B;AAAA,MACzD;AAAA,IACJ,CAAC;AAAA,EACL,OAAO;AACH,UAAM,8BAA8B,SAAS;AAAA,MACzC;AAAA,IACJ;AACA,gCAA4B,QAAQ,CAAC,YAAY;AAC7C,cAAQ,UAAU;AAAA,QACd;AAAA,QACA;AAAA,QACA,oBAAoB,EAAE,+BAA+B;AAAA,QACrD;AAAA,MACJ;AAAA,IACJ,CAAC;AAAA,EACL;AACJ;AAEA,SAAS,gBAAgB,MAAqB;AAC1C,gBAAc,yBAAyB,MAAM,eAAe;AAChE;AACA,SAAS,WAAW,KAA0B;AAC1C,gBAAc,yBAAyB,MAAM,UAAU;AAC3D;AACA,SAAS,UAAU,QAAsB;AACrC,gBAAc,yBAAyB,MAAM,SAAS;AAC1D;AAEO,SAAS,mCAAyC;AACrD,4BAA0B;AAAA,IACtB,+BAA+B;AAAA,IAC/B,CAAC,UAAwB;AACrB,iBAAW,MAAM,KAAK,OAAO;AAAA,IACjC;AAAA,EACJ;AACA,4BAA0B;AAAA,IACtB,+BAA+B;AAAA,IAC/B,CAAC,UAAuB;AACpB,gBAAU,MAAM,KAAK,MAAM;AAAA,IAC/B;AAAA,EACJ;AACA,4BAA0B;AAAA,IACtB,+BAA+B;AAAA,IAC/B,CAAC,UAAyB;AACtB,sBAAgB,MAAM,KAAK,YAAY;AAAA,IAC3C;AAAA,EACJ;AACA,4BAA0B;AAAA,IACtB,+BAA+B;AAAA,IAC/B,CAAC,UAA8B;AAC3B,8BAAwB;AACxB;AAAA,QACI,MAAM,KAAK,aAAa;AAAA,QACxB,MAAM,KAAK,aAAa;AAAA,MAC5B;AAAA,IACJ;AAAA,EACJ;AACA,4BAA0B;AAAA,IACtB,+BAA+B;AAAA,IAC/B,CAAC,UAAoC;AACjC,8BAAwB,OAAO,MAAM,eAAe;AAAA,IACxD;AAAA,EACJ;AACJ;","names":[]}

package/dist/modern/visualBuilder/generators/generateAddInstanceButtons.cjs

@@ -0,0 +1,81 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/generators/generateAddInstanceButtons.tsx
+var generateAddInstanceButtons_exports = {};
+__export(generateAddInstanceButtons_exports, {
+  generateAddInstanceButton: () => generateAddInstanceButton,
+  getAddInstanceButtons: () => getAddInstanceButtons
+});
+module.exports = __toCommonJS(generateAddInstanceButtons_exports);
+var import_preact = require("preact");
+var import_addInstanceButton = __toESM(require("../components/addInstanceButton.cjs"), 1);
+var import_jsx_runtime = require("preact/jsx-runtime");
+function generateAddInstanceButton({
+  fieldSchema,
+  value,
+  onClick,
+  label
+}) {
+  const wrapper = document.createDocumentFragment();
+  (0, import_preact.render)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_addInstanceButton.default,
+      {
+        value,
+        label,
+        onClick,
+        fieldSchema
+      }
+    ),
+    wrapper
+  );
+  const button = wrapper.children[0];
+  return button;
+}
+function getAddInstanceButtons(visualBuilderContainer, getAllButtons = false) {
+  const buttons = visualBuilderContainer.getElementsByClassName(
+    "visual-builder__add-button"
+  );
+  if (getAllButtons) {
+    return Array.from(buttons);
+  }
+  if (buttons.length < 2) {
+    return null;
+  }
+  const previousButton = buttons[0];
+  const nextButton = buttons[1];
+  return [previousButton, nextButton];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  generateAddInstanceButton,
+  getAddInstanceButtons
+});
+//# sourceMappingURL=generateAddInstanceButtons.cjs.map

package/dist/modern/visualBuilder/generators/generateAddInstanceButtons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/generators/generateAddInstanceButtons.tsx"],"sourcesContent":["import { render } from \"preact\";\nimport AddInstanceButtonComponent from \"../components/addInstanceButton\";\nimport { ISchemaFieldMap } from \"../utils/types/index.types\";\n\n/**\n * Generates a button element, when clicked, triggers the provided callback function.\n * @param onClickCallback - The function to be called when the button is clicked.\n * @returns The generated button element.\n */\nexport function generateAddInstanceButton({\n    fieldSchema,\n    value,\n    onClick,\n    label,\n}: {\n    value: any;\n    onClick: (event: MouseEvent) => void;\n    label?: string | undefined;\n    fieldSchema: ISchemaFieldMap | undefined;\n}): HTMLButtonElement {\n    const wrapper = document.createDocumentFragment();\n\n    render(\n        <AddInstanceButtonComponent\n            value={value}\n            label={label}\n            onClick={onClick}\n            fieldSchema={fieldSchema}\n        />,\n        wrapper\n    );\n\n    const button = wrapper.children[0] as HTMLButtonElement;\n    return button;\n}\n\n/**\n * Returns an array of HTMLButtonElement instances that can be used to add new instances to the visual builder.\n * @param visualBuilderContainer - The HTMLDivElement that contains the visual builder.\n * @param getAllButtons - If true, returns all add instance buttons. If false, returns only the previous and next buttons.\n * @returns An array of HTMLButtonElement instances or null if there are less than 2 buttons.\n */\nexport function getAddInstanceButtons(\n    visualBuilderContainer: HTMLDivElement,\n    getAllButtons = false\n): HTMLButtonElement[] | [HTMLButtonElement, HTMLButtonElement] | null {\n    const buttons = visualBuilderContainer.getElementsByClassName(\n        \"visual-builder__add-button\"\n    );\n\n    if (getAllButtons) {\n        return Array.from(buttons) as HTMLButtonElement[];\n    }\n\n    if (buttons.length < 2) {\n        return null;\n    }\n\n    const previousButton = buttons[0] as HTMLButtonElement;\n    const nextButton = buttons[1] as HTMLButtonElement;\n\n    return [previousButton, nextButton];\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB;AACvB,+BAAuC;AAsB/B;AAdD,SAAS,0BAA0B;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAKsB;AAClB,QAAM,UAAU,SAAS,uBAAuB;AAEhD;AAAA,IACI;AAAA,MAAC,yBAAAA;AAAA,MAAA;AAAA,QACG;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,SAAS,QAAQ,SAAS,CAAC;AACjC,SAAO;AACX;AAQO,SAAS,sBACZ,wBACA,gBAAgB,OACmD;AACnE,QAAM,UAAU,uBAAuB;AAAA,IACnC;AAAA,EACJ;AAEA,MAAI,eAAe;AACf,WAAO,MAAM,KAAK,OAAO;AAAA,EAC7B;AAEA,MAAI,QAAQ,SAAS,GAAG;AACpB,WAAO;AAAA,EACX;AAEA,QAAM,iBAAiB,QAAQ,CAAC;AAChC,QAAM,aAAa,QAAQ,CAAC;AAE5B,SAAO,CAAC,gBAAgB,UAAU;AACtC;","names":["AddInstanceButtonComponent"]}

package/dist/modern/visualBuilder/generators/generateAddInstanceButtons.d.cts

@@ -0,0 +1,23 @@
+import { ISchemaFieldMap } from '../utils/types/index.types.cjs';
+import '../../cms/types/contentTypeSchema.types.cjs';
+
+/**
+ * Generates a button element, when clicked, triggers the provided callback function.
+ * @param onClickCallback - The function to be called when the button is clicked.
+ * @returns The generated button element.
+ */
+declare function generateAddInstanceButton({ fieldSchema, value, onClick, label, }: {
+    value: any;
+    onClick: (event: MouseEvent) => void;
+    label?: string | undefined;
+    fieldSchema: ISchemaFieldMap | undefined;
+}): HTMLButtonElement;
+/**
+ * Returns an array of HTMLButtonElement instances that can be used to add new instances to the visual builder.
+ * @param visualBuilderContainer - The HTMLDivElement that contains the visual builder.
+ * @param getAllButtons - If true, returns all add instance buttons. If false, returns only the previous and next buttons.
+ * @returns An array of HTMLButtonElement instances or null if there are less than 2 buttons.
+ */
+declare function getAddInstanceButtons(visualBuilderContainer: HTMLDivElement, getAllButtons?: boolean): HTMLButtonElement[] | [HTMLButtonElement, HTMLButtonElement] | null;
+
+export { generateAddInstanceButton, getAddInstanceButtons };

package/dist/modern/visualBuilder/generators/generateAddInstanceButtons.d.ts

@@ -0,0 +1,23 @@
+import { ISchemaFieldMap } from '../utils/types/index.types.js';
+import '../../cms/types/contentTypeSchema.types.js';
+
+/**
+ * Generates a button element, when clicked, triggers the provided callback function.
+ * @param onClickCallback - The function to be called when the button is clicked.
+ * @returns The generated button element.
+ */
+declare function generateAddInstanceButton({ fieldSchema, value, onClick, label, }: {
+    value: any;
+    onClick: (event: MouseEvent) => void;
+    label?: string | undefined;
+    fieldSchema: ISchemaFieldMap | undefined;
+}): HTMLButtonElement;
+/**
+ * Returns an array of HTMLButtonElement instances that can be used to add new instances to the visual builder.
+ * @param visualBuilderContainer - The HTMLDivElement that contains the visual builder.
+ * @param getAllButtons - If true, returns all add instance buttons. If false, returns only the previous and next buttons.
+ * @returns An array of HTMLButtonElement instances or null if there are less than 2 buttons.
+ */
+declare function getAddInstanceButtons(visualBuilderContainer: HTMLDivElement, getAllButtons?: boolean): HTMLButtonElement[] | [HTMLButtonElement, HTMLButtonElement] | null;
+
+export { generateAddInstanceButton, getAddInstanceButtons };