@contentstack/live-preview-utils 2.0.4 → 3.0.0

package/dist/modern/visualBuilder/components/VisualBuilder.cjs

@@ -0,0 +1,158 @@
+"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/components/VisualBuilder.tsx
+var VisualBuilder_exports = {};
+__export(VisualBuilder_exports, {
+  default: () => VisualBuilder_default
+});
+module.exports = __toCommonJS(VisualBuilder_exports);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_generateOverlay = require("../generators/generateOverlay.cjs");
+var import_visualBuilder = require("../visualBuilder.style.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+function VisualBuilderComponent(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "style",
+      {
+        dangerouslySetInnerHTML: {
+          __html: import_visualBuilder.VisualBuilderGlobalStyles
+        }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__cursor"],
+          "visual-builder__cursor"
+        ),
+        "data-testid": "visual-builder__cursor"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__overlay__wrapper"],
+          "visual-builder__overlay__wrapper"
+        ),
+        "data-testid": "visual-builder__overlay__wrapper",
+        onClick: (event) => {
+          const targetElement = event.currentTarget;
+          const focusedToolbar = document.querySelector(
+            ".visual-builder__focused-toolbar"
+          );
+          (0, import_generateOverlay.hideOverlay)({
+            visualBuilderContainer: props.visualBuilderContainer,
+            visualBuilderOverlayWrapper: targetElement,
+            focusedToolbar,
+            resizeObserver: props.resizeObserver
+          });
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: (0, import_classnames.default)(
+                "visual-builder__overlay visual-builder__overlay--top",
+                (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__overlay"]
+              ),
+              "data-testid": "visual-builder__overlay--top"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              "data-testid": "visual-builder__overlay--left",
+              className: (0, import_classnames.default)(
+                "visual-builder__overlay visual-builder__overlay--left",
+                (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__overlay"]
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              "data-testid": "visual-builder__overlay--right",
+              className: (0, import_classnames.default)(
+                "visual-builder__overlay visual-builder__overlay--right",
+                (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__overlay"]
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              "data-testid": "visual-builder__overlay--bottom",
+              className: (0, import_classnames.default)(
+                "visual-builder__overlay visual-builder__overlay--bottom",
+                (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__overlay"]
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              "data-testid": "visual-builder__overlay--outline",
+              className: (0, import_classnames.default)(
+                "visual-builder__overlay--outline",
+                (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__overlay--outline"]
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "visual-builder__hover-outline visual-builder__hover-outline--unclickable",
+          (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__hover-outline"],
+          (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__hover-outline--unclickable"]
+        ),
+        "data-testid": "visual-builder__hover-outline"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_classnames.default)(
+          "visual-builder__focused-toolbar",
+          (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__focused-toolbar"]
+        ),
+        "data-testid": "visual-builder__focused-toolbar"
+      }
+    )
+  ] });
+}
+var VisualBuilder_default = VisualBuilderComponent;
+//# sourceMappingURL=VisualBuilder.cjs.map

package/dist/modern/visualBuilder/components/VisualBuilder.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/components/VisualBuilder.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { hideOverlay } from \"../generators/generateOverlay\";\nimport {\n    visualBuilderStyles,\n    VisualBuilderGlobalStyles,\n} from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\n\ninterface VisualBuilderProps {\n    visualBuilderContainer: HTMLDivElement | null;\n    resizeObserver: ResizeObserver;\n}\n\nfunction VisualBuilderComponent(props: VisualBuilderProps): JSX.Element {\n    return (\n        <>\n            {/* For some reason, goober's glob and createGlobalStyle were not working in this case. */}\n            {/* glob also does not work when called in visualBuilder's constructor */}\n            <style\n                dangerouslySetInnerHTML={{\n                    __html: VisualBuilderGlobalStyles,\n                }}\n            />\n            <div\n                className={classNames(\n                    visualBuilderStyles()[\"visual-builder__cursor\"],\n                    \"visual-builder__cursor\"\n                )}\n                data-testid=\"visual-builder__cursor\"\n            ></div>\n            <div\n                className={classNames(\n                    visualBuilderStyles()[\"visual-builder__overlay__wrapper\"],\n                    \"visual-builder__overlay__wrapper\"\n                )}\n                data-testid=\"visual-builder__overlay__wrapper\"\n                onClick={(event) => {\n                    const targetElement = event.currentTarget as HTMLDivElement;\n\n                    const focusedToolbar = document.querySelector(\n                        \".visual-builder__focused-toolbar\"\n                    ) as HTMLDivElement;\n\n                    hideOverlay({\n                        visualBuilderContainer: props.visualBuilderContainer,\n                        visualBuilderOverlayWrapper: targetElement,\n                        focusedToolbar: focusedToolbar,\n                        resizeObserver: props.resizeObserver,\n                    });\n                }}\n            >\n                <div\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--top\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                    data-testid=\"visual-builder__overlay--top\"\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--left\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--left\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--right\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--right\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--bottom\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--bottom\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--outline\"\n                    className={classNames(\n                        \"visual-builder__overlay--outline\",\n                        visualBuilderStyles()[\n                            \"visual-builder__overlay--outline\"\n                        ]\n                    )}\n                ></div>\n            </div>\n\n            <div\n                className={classNames(\n                    \"visual-builder__hover-outline visual-builder__hover-outline--unclickable\",\n                    visualBuilderStyles()[\"visual-builder__hover-outline\"],\n                    visualBuilderStyles()[\n                        \"visual-builder__hover-outline--unclickable\"\n                    ]\n                )}\n                data-testid=\"visual-builder__hover-outline\"\n            ></div>\n            <div\n                className={classNames(\n                    \"visual-builder__focused-toolbar\",\n                    visualBuilderStyles()[\"visual-builder__focused-toolbar\"]\n                )}\n                data-testid=\"visual-builder__focused-toolbar\"\n            ></div>\n        </>\n    );\n}\n\nexport default VisualBuilderComponent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,6BAA4B;AAC5B,2BAGO;AAUC;AAFR,SAAS,uBAAuB,OAAwC;AACpE,SACI,4EAGI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,yBAAyB;AAAA,UACrB,QAAQ;AAAA,QACZ;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,cACP,0CAAoB,EAAE,wBAAwB;AAAA,UAC9C;AAAA,QACJ;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,cACP,0CAAoB,EAAE,kCAAkC;AAAA,UACxD;AAAA,QACJ;AAAA,QACA,eAAY;AAAA,QACZ,SAAS,CAAC,UAAU;AAChB,gBAAM,gBAAgB,MAAM;AAE5B,gBAAM,iBAAiB,SAAS;AAAA,YAC5B;AAAA,UACJ;AAEA,kDAAY;AAAA,YACR,wBAAwB,MAAM;AAAA,YAC9B,6BAA6B;AAAA,YAC7B;AAAA,YACA,gBAAgB,MAAM;AAAA,UAC1B,CAAC;AAAA,QACL;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACG,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA,cACA,eAAY;AAAA;AAAA,UACf;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,eAAW,kBAAAA;AAAA,gBACP;AAAA,oBACA,0CAAoB,EAChB,kCACJ;AAAA,cACJ;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACL;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,0CAAoB,EAAE,+BAA+B;AAAA,cACrD,0CAAoB,EAChB,4CACJ;AAAA,QACJ;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACG,eAAW,kBAAAA;AAAA,UACP;AAAA,cACA,0CAAoB,EAAE,iCAAiC;AAAA,QAC3D;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,KACL;AAER;AAEA,IAAO,wBAAQ;","names":["classNames"]}

package/dist/modern/visualBuilder/components/VisualBuilder.d.cts

@@ -0,0 +1,7 @@
+interface VisualBuilderProps {
+    visualBuilderContainer: HTMLDivElement | null;
+    resizeObserver: ResizeObserver;
+}
+declare function VisualBuilderComponent(props: VisualBuilderProps): JSX.Element;
+
+export { VisualBuilderComponent as default };

package/dist/modern/visualBuilder/components/VisualBuilder.d.ts

@@ -0,0 +1,7 @@
+interface VisualBuilderProps {
+    visualBuilderContainer: HTMLDivElement | null;
+    resizeObserver: ResizeObserver;
+}
+declare function VisualBuilderComponent(props: VisualBuilderProps): JSX.Element;
+
+export { VisualBuilderComponent as default };

package/dist/modern/visualBuilder/components/VisualBuilder.js

@@ -0,0 +1,132 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/VisualBuilder.tsx
+import classNames from "classnames";
+import { hideOverlay } from "../generators/generateOverlay.js";
+import {
+  visualBuilderStyles,
+  VisualBuilderGlobalStyles
+} from "../visualBuilder.style.js";
+import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
+function VisualBuilderComponent(props) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "style",
+      {
+        dangerouslySetInnerHTML: {
+          __html: VisualBuilderGlobalStyles
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classNames(
+          visualBuilderStyles()["visual-builder__cursor"],
+          "visual-builder__cursor"
+        ),
+        "data-testid": "visual-builder__cursor"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: classNames(
+          visualBuilderStyles()["visual-builder__overlay__wrapper"],
+          "visual-builder__overlay__wrapper"
+        ),
+        "data-testid": "visual-builder__overlay__wrapper",
+        onClick: (event) => {
+          const targetElement = event.currentTarget;
+          const focusedToolbar = document.querySelector(
+            ".visual-builder__focused-toolbar"
+          );
+          hideOverlay({
+            visualBuilderContainer: props.visualBuilderContainer,
+            visualBuilderOverlayWrapper: targetElement,
+            focusedToolbar,
+            resizeObserver: props.resizeObserver
+          });
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: classNames(
+                "visual-builder__overlay visual-builder__overlay--top",
+                visualBuilderStyles()["visual-builder__overlay"]
+              ),
+              "data-testid": "visual-builder__overlay--top"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-testid": "visual-builder__overlay--left",
+              className: classNames(
+                "visual-builder__overlay visual-builder__overlay--left",
+                visualBuilderStyles()["visual-builder__overlay"]
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-testid": "visual-builder__overlay--right",
+              className: classNames(
+                "visual-builder__overlay visual-builder__overlay--right",
+                visualBuilderStyles()["visual-builder__overlay"]
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-testid": "visual-builder__overlay--bottom",
+              className: classNames(
+                "visual-builder__overlay visual-builder__overlay--bottom",
+                visualBuilderStyles()["visual-builder__overlay"]
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-testid": "visual-builder__overlay--outline",
+              className: classNames(
+                "visual-builder__overlay--outline",
+                visualBuilderStyles()["visual-builder__overlay--outline"]
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classNames(
+          "visual-builder__hover-outline visual-builder__hover-outline--unclickable",
+          visualBuilderStyles()["visual-builder__hover-outline"],
+          visualBuilderStyles()["visual-builder__hover-outline--unclickable"]
+        ),
+        "data-testid": "visual-builder__hover-outline"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classNames(
+          "visual-builder__focused-toolbar",
+          visualBuilderStyles()["visual-builder__focused-toolbar"]
+        ),
+        "data-testid": "visual-builder__focused-toolbar"
+      }
+    )
+  ] });
+}
+var VisualBuilder_default = VisualBuilderComponent;
+export {
+  VisualBuilder_default as default
+};
+//# sourceMappingURL=VisualBuilder.js.map

package/dist/modern/visualBuilder/components/VisualBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/components/VisualBuilder.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { hideOverlay } from \"../generators/generateOverlay\";\nimport {\n    visualBuilderStyles,\n    VisualBuilderGlobalStyles,\n} from \"../visualBuilder.style\";\nimport React from \"preact/compat\";\n\ninterface VisualBuilderProps {\n    visualBuilderContainer: HTMLDivElement | null;\n    resizeObserver: ResizeObserver;\n}\n\nfunction VisualBuilderComponent(props: VisualBuilderProps): JSX.Element {\n    return (\n        <>\n            {/* For some reason, goober's glob and createGlobalStyle were not working in this case. */}\n            {/* glob also does not work when called in visualBuilder's constructor */}\n            <style\n                dangerouslySetInnerHTML={{\n                    __html: VisualBuilderGlobalStyles,\n                }}\n            />\n            <div\n                className={classNames(\n                    visualBuilderStyles()[\"visual-builder__cursor\"],\n                    \"visual-builder__cursor\"\n                )}\n                data-testid=\"visual-builder__cursor\"\n            ></div>\n            <div\n                className={classNames(\n                    visualBuilderStyles()[\"visual-builder__overlay__wrapper\"],\n                    \"visual-builder__overlay__wrapper\"\n                )}\n                data-testid=\"visual-builder__overlay__wrapper\"\n                onClick={(event) => {\n                    const targetElement = event.currentTarget as HTMLDivElement;\n\n                    const focusedToolbar = document.querySelector(\n                        \".visual-builder__focused-toolbar\"\n                    ) as HTMLDivElement;\n\n                    hideOverlay({\n                        visualBuilderContainer: props.visualBuilderContainer,\n                        visualBuilderOverlayWrapper: targetElement,\n                        focusedToolbar: focusedToolbar,\n                        resizeObserver: props.resizeObserver,\n                    });\n                }}\n            >\n                <div\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--top\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                    data-testid=\"visual-builder__overlay--top\"\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--left\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--left\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--right\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--right\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--bottom\"\n                    className={classNames(\n                        \"visual-builder__overlay visual-builder__overlay--bottom\",\n                        visualBuilderStyles()[\"visual-builder__overlay\"]\n                    )}\n                ></div>\n                <div\n                    data-testid=\"visual-builder__overlay--outline\"\n                    className={classNames(\n                        \"visual-builder__overlay--outline\",\n                        visualBuilderStyles()[\n                            \"visual-builder__overlay--outline\"\n                        ]\n                    )}\n                ></div>\n            </div>\n\n            <div\n                className={classNames(\n                    \"visual-builder__hover-outline visual-builder__hover-outline--unclickable\",\n                    visualBuilderStyles()[\"visual-builder__hover-outline\"],\n                    visualBuilderStyles()[\n                        \"visual-builder__hover-outline--unclickable\"\n                    ]\n                )}\n                data-testid=\"visual-builder__hover-outline\"\n            ></div>\n            <div\n                className={classNames(\n                    \"visual-builder__focused-toolbar\",\n                    visualBuilderStyles()[\"visual-builder__focused-toolbar\"]\n                )}\n                data-testid=\"visual-builder__focused-toolbar\"\n            ></div>\n        </>\n    );\n}\n\nexport default VisualBuilderComponent;\n"],"mappings":";;;AAAA,OAAO,gBAAgB;AACvB,SAAS,mBAAmB;AAC5B;AAAA,EACI;AAAA,EACA;AAAA,OACG;AAUC,mBAGI,KAYA,YAfJ;AAFR,SAAS,uBAAuB,OAAwC;AACpE,SACI,iCAGI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,yBAAyB;AAAA,UACrB,QAAQ;AAAA,QACZ;AAAA;AAAA,IACJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP,oBAAoB,EAAE,wBAAwB;AAAA,UAC9C;AAAA,QACJ;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP,oBAAoB,EAAE,kCAAkC;AAAA,UACxD;AAAA,QACJ;AAAA,QACA,eAAY;AAAA,QACZ,SAAS,CAAC,UAAU;AAChB,gBAAM,gBAAgB,MAAM;AAE5B,gBAAM,iBAAiB,SAAS;AAAA,YAC5B;AAAA,UACJ;AAEA,sBAAY;AAAA,YACR,wBAAwB,MAAM;AAAA,YAC9B,6BAA6B;AAAA,YAC7B;AAAA,YACA,gBAAgB,MAAM;AAAA,UAC1B,CAAC;AAAA,QACL;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACG,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA,cACA,eAAY;AAAA;AAAA,UACf;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAAE,yBAAyB;AAAA,cACnD;AAAA;AAAA,UACH;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACG,eAAY;AAAA,cACZ,WAAW;AAAA,gBACP;AAAA,gBACA,oBAAoB,EAChB,kCACJ;AAAA,cACJ;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IACL;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,oBAAoB,EAAE,+BAA+B;AAAA,UACrD,oBAAoB,EAChB,4CACJ;AAAA,QACJ;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACG,WAAW;AAAA,UACP;AAAA,UACA,oBAAoB,EAAE,iCAAiC;AAAA,QAC3D;AAAA,QACA,eAAY;AAAA;AAAA,IACf;AAAA,KACL;AAER;AAEA,IAAO,wBAAQ;","names":[]}

package/dist/modern/visualBuilder/components/addInstanceButton.cjs

@@ -0,0 +1,80 @@
+"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/components/addInstanceButton.tsx
+var addInstanceButton_exports = {};
+__export(addInstanceButton_exports, {
+  default: () => addInstanceButton_default
+});
+module.exports = __toCommonJS(addInstanceButton_exports);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_visualBuilder = require("../visualBuilder.style.cjs");
+var import_icons = require("./icons/index.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+function AddInstanceButtonComponent(props) {
+  const fieldSchema = props.fieldSchema;
+  const disabled = fieldSchema && "max_instance" in fieldSchema && fieldSchema.max_instance ? props.value.length >= fieldSchema.max_instance : false;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      className: (0, import_classnames.default)(
+        "visual-builder__add-button",
+        (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__add-button"],
+        {
+          "visual-builder__add-button--with-label": props.label
+        },
+        (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__tooltip"]
+      ),
+      "data-tooltip": "Add section",
+      "data-testid": "visual-builder-add-instance-button",
+      disabled,
+      title: disabled && fieldSchema && "max_instance" in fieldSchema ? `Max ${fieldSchema.max_instance} instances allowed` : void 0,
+      onClick: (e) => {
+        const event = e;
+        props.onClick(event);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PlusIcon, {}),
+        props.label ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            title: props.label,
+            className: (0, import_classnames.default)(
+              "visual-builder__add-button-label",
+              (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__add-button-label"]
+            ),
+            children: props.label
+          }
+        ) : null
+      ]
+    }
+  );
+}
+var addInstanceButton_default = AddInstanceButtonComponent;
+//# sourceMappingURL=addInstanceButton.cjs.map

package/dist/modern/visualBuilder/components/addInstanceButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/components/addInstanceButton.tsx"],"sourcesContent":["import React from \"preact/compat\";\nimport classNames from \"classnames\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport { PlusIcon } from \"./icons\";\nimport { ISchemaFieldMap } from \"../utils/types/index.types\";\n\ninterface AddInstanceButtonProps {\n    value: any;\n    onClick: (event: MouseEvent) => void;\n    label?: string | undefined;\n    fieldSchema: ISchemaFieldMap | undefined;\n}\n\nfunction AddInstanceButtonComponent(\n    props: AddInstanceButtonProps\n): JSX.Element {\n    const fieldSchema = props.fieldSchema;\n    const disabled =\n        fieldSchema && \"max_instance\" in fieldSchema && fieldSchema.max_instance\n            ? props.value.length >= fieldSchema.max_instance\n            : false;\n\n    return (\n        <button\n            className={classNames(\n                \"visual-builder__add-button\",\n                visualBuilderStyles()[\"visual-builder__add-button\"],\n                {\n                    \"visual-builder__add-button--with-label\": props.label,\n                },\n                visualBuilderStyles()[\"visual-builder__tooltip\"]\n            )}\n            data-tooltip={\"Add section\"}\n            data-testid=\"visual-builder-add-instance-button\"\n            disabled={disabled}\n            title={\n                disabled && fieldSchema && \"max_instance\" in fieldSchema\n                    ? `Max ${fieldSchema.max_instance} instances allowed`\n                    : undefined\n            }\n            onClick={(e) => {\n                const event = e as unknown as MouseEvent;\n                props.onClick(event);\n            }}\n        >\n            <PlusIcon />\n            {props.label ? (\n                <span\n                    title={props.label}\n                    className={classNames(\n                        \"visual-builder__add-button-label\",\n                        visualBuilderStyles()[\n                            \"visual-builder__add-button-label\"\n                        ]\n                    )}\n                >\n                    {props.label}\n                </span>\n            ) : null}\n        </button>\n    );\n}\n\nexport default AddInstanceButtonComponent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAAuB;AACvB,2BAAoC;AACpC,mBAAyB;AAoBjB;AAVR,SAAS,2BACL,OACW;AACX,QAAM,cAAc,MAAM;AAC1B,QAAM,WACF,eAAe,kBAAkB,eAAe,YAAY,eACtD,MAAM,MAAM,UAAU,YAAY,eAClC;AAEV,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAA;AAAA,QACP;AAAA,YACA,0CAAoB,EAAE,4BAA4B;AAAA,QAClD;AAAA,UACI,0CAA0C,MAAM;AAAA,QACpD;AAAA,YACA,0CAAoB,EAAE,yBAAyB;AAAA,MACnD;AAAA,MACA,gBAAc;AAAA,MACd,eAAY;AAAA,MACZ;AAAA,MACA,OACI,YAAY,eAAe,kBAAkB,cACvC,OAAO,YAAY,YAAY,uBAC/B;AAAA,MAEV,SAAS,CAAC,MAAM;AACZ,cAAM,QAAQ;AACd,cAAM,QAAQ,KAAK;AAAA,MACvB;AAAA,MAEA;AAAA,oDAAC,yBAAS;AAAA,QACT,MAAM,QACH;AAAA,UAAC;AAAA;AAAA,YACG,OAAO,MAAM;AAAA,YACb,eAAW,kBAAAA;AAAA,cACP;AAAA,kBACA,0CAAoB,EAChB,kCACJ;AAAA,YACJ;AAAA,YAEC,gBAAM;AAAA;AAAA,QACX,IACA;AAAA;AAAA;AAAA,EACR;AAER;AAEA,IAAO,4BAAQ;","names":["classNames"]}

package/dist/modern/visualBuilder/components/addInstanceButton.d.cts

@@ -0,0 +1,12 @@
+import { ISchemaFieldMap } from '../utils/types/index.types.cjs';
+import '../../cms/types/contentTypeSchema.types.cjs';
+
+interface AddInstanceButtonProps {
+    value: any;
+    onClick: (event: MouseEvent) => void;
+    label?: string | undefined;
+    fieldSchema: ISchemaFieldMap | undefined;
+}
+declare function AddInstanceButtonComponent(props: AddInstanceButtonProps): JSX.Element;
+
+export { AddInstanceButtonComponent as default };

package/dist/modern/visualBuilder/components/addInstanceButton.d.ts

@@ -0,0 +1,12 @@
+import { ISchemaFieldMap } from '../utils/types/index.types.js';
+import '../../cms/types/contentTypeSchema.types.js';
+
+interface AddInstanceButtonProps {
+    value: any;
+    onClick: (event: MouseEvent) => void;
+    label?: string | undefined;
+    fieldSchema: ISchemaFieldMap | undefined;
+}
+declare function AddInstanceButtonComponent(props: AddInstanceButtonProps): JSX.Element;
+
+export { AddInstanceButtonComponent as default };

package/dist/modern/visualBuilder/components/addInstanceButton.js

@@ -0,0 +1,51 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/components/addInstanceButton.tsx
+import classNames from "classnames";
+import { visualBuilderStyles } from "../visualBuilder.style.js";
+import { PlusIcon } from "./icons/index.js";
+import { jsx, jsxs } from "preact/jsx-runtime";
+function AddInstanceButtonComponent(props) {
+  const fieldSchema = props.fieldSchema;
+  const disabled = fieldSchema && "max_instance" in fieldSchema && fieldSchema.max_instance ? props.value.length >= fieldSchema.max_instance : false;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: classNames(
+        "visual-builder__add-button",
+        visualBuilderStyles()["visual-builder__add-button"],
+        {
+          "visual-builder__add-button--with-label": props.label
+        },
+        visualBuilderStyles()["visual-builder__tooltip"]
+      ),
+      "data-tooltip": "Add section",
+      "data-testid": "visual-builder-add-instance-button",
+      disabled,
+      title: disabled && fieldSchema && "max_instance" in fieldSchema ? `Max ${fieldSchema.max_instance} instances allowed` : void 0,
+      onClick: (e) => {
+        const event = e;
+        props.onClick(event);
+      },
+      children: [
+        /* @__PURE__ */ jsx(PlusIcon, {}),
+        props.label ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            title: props.label,
+            className: classNames(
+              "visual-builder__add-button-label",
+              visualBuilderStyles()["visual-builder__add-button-label"]
+            ),
+            children: props.label
+          }
+        ) : null
+      ]
+    }
+  );
+}
+var addInstanceButton_default = AddInstanceButtonComponent;
+export {
+  addInstanceButton_default as default
+};
+//# sourceMappingURL=addInstanceButton.js.map

package/dist/modern/visualBuilder/components/addInstanceButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/components/addInstanceButton.tsx"],"sourcesContent":["import React from \"preact/compat\";\nimport classNames from \"classnames\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport { PlusIcon } from \"./icons\";\nimport { ISchemaFieldMap } from \"../utils/types/index.types\";\n\ninterface AddInstanceButtonProps {\n    value: any;\n    onClick: (event: MouseEvent) => void;\n    label?: string | undefined;\n    fieldSchema: ISchemaFieldMap | undefined;\n}\n\nfunction AddInstanceButtonComponent(\n    props: AddInstanceButtonProps\n): JSX.Element {\n    const fieldSchema = props.fieldSchema;\n    const disabled =\n        fieldSchema && \"max_instance\" in fieldSchema && fieldSchema.max_instance\n            ? props.value.length >= fieldSchema.max_instance\n            : false;\n\n    return (\n        <button\n            className={classNames(\n                \"visual-builder__add-button\",\n                visualBuilderStyles()[\"visual-builder__add-button\"],\n                {\n                    \"visual-builder__add-button--with-label\": props.label,\n                },\n                visualBuilderStyles()[\"visual-builder__tooltip\"]\n            )}\n            data-tooltip={\"Add section\"}\n            data-testid=\"visual-builder-add-instance-button\"\n            disabled={disabled}\n            title={\n                disabled && fieldSchema && \"max_instance\" in fieldSchema\n                    ? `Max ${fieldSchema.max_instance} instances allowed`\n                    : undefined\n            }\n            onClick={(e) => {\n                const event = e as unknown as MouseEvent;\n                props.onClick(event);\n            }}\n        >\n            <PlusIcon />\n            {props.label ? (\n                <span\n                    title={props.label}\n                    className={classNames(\n                        \"visual-builder__add-button-label\",\n                        visualBuilderStyles()[\n                            \"visual-builder__add-button-label\"\n                        ]\n                    )}\n                >\n                    {props.label}\n                </span>\n            ) : null}\n        </button>\n    );\n}\n\nexport default AddInstanceButtonComponent;\n"],"mappings":";;;AACA,OAAO,gBAAgB;AACvB,SAAS,2BAA2B;AACpC,SAAS,gBAAgB;AAoBjB,SAsBI,KAtBJ;AAVR,SAAS,2BACL,OACW;AACX,QAAM,cAAc,MAAM;AAC1B,QAAM,WACF,eAAe,kBAAkB,eAAe,YAAY,eACtD,MAAM,MAAM,UAAU,YAAY,eAClC;AAEV,SACI;AAAA,IAAC;AAAA;AAAA,MACG,WAAW;AAAA,QACP;AAAA,QACA,oBAAoB,EAAE,4BAA4B;AAAA,QAClD;AAAA,UACI,0CAA0C,MAAM;AAAA,QACpD;AAAA,QACA,oBAAoB,EAAE,yBAAyB;AAAA,MACnD;AAAA,MACA,gBAAc;AAAA,MACd,eAAY;AAAA,MACZ;AAAA,MACA,OACI,YAAY,eAAe,kBAAkB,cACvC,OAAO,YAAY,YAAY,uBAC/B;AAAA,MAEV,SAAS,CAAC,MAAM;AACZ,cAAM,QAAQ;AACd,cAAM,QAAQ,KAAK;AAAA,MACvB;AAAA,MAEA;AAAA,4BAAC,YAAS;AAAA,QACT,MAAM,QACH;AAAA,UAAC;AAAA;AAAA,YACG,OAAO,MAAM;AAAA,YACb,WAAW;AAAA,cACP;AAAA,cACA,oBAAoB,EAChB,kCACJ;AAAA,YACJ;AAAA,YAEC,gBAAM;AAAA;AAAA,QACX,IACA;AAAA;AAAA;AAAA,EACR;AAER;AAEA,IAAO,4BAAQ;","names":[]}

package/dist/modern/visualBuilder/components/emptyBlock.cjs

@@ -0,0 +1,103 @@
+"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/components/emptyBlock.tsx
+var emptyBlock_exports = {};
+__export(emptyBlock_exports, {
+  EmptyBlock: () => EmptyBlock
+});
+module.exports = __toCommonJS(emptyBlock_exports);
+var import_classnames = __toESM(require("classnames"), 1);
+var import_visualBuilder = require("../visualBuilder.style.cjs");
+var import_visualBuilderPostMessage = __toESM(require("../utils/visualBuilderPostMessage.cjs"), 1);
+var import_multipleElementAddButton = require("../utils/multipleElementAddButton.cjs");
+var import_postMessage = require("../utils/types/postMessage.types.cjs");
+var import_jsx_runtime = require("preact/jsx-runtime");
+function EmptyBlock(props) {
+  const { details } = props;
+  const blockParentName = details.fieldSchema.display_name;
+  async function sendAddInstanceEvent() {
+    await import_visualBuilderPostMessage.default?.send(
+      import_postMessage.VisualBuilderPostMessageEvents.ADD_INSTANCE,
+      {
+        fieldMetadata: details.fieldMetadata,
+        index: 0
+      }
+    );
+    (0, import_multipleElementAddButton.observeParentAndFocusNewInstance)({
+      parentCslp: details.fieldMetadata.cslpValue,
+      index: 0
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "visual-builder__empty-block",
+        (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__empty-block"]
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: (0, import_classnames.default)(
+              "visual-builder__empty-block-title",
+              (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__empty-block-title"]
+            ),
+            children: [
+              "There are no ",
+              blockParentName.toLowerCase(),
+              " on this page yet. Click the button below to add one."
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "button",
+          {
+            className: (0, import_classnames.default)(
+              "visual-builder__empty-block-add-button",
+              (0, import_visualBuilder.visualBuilderStyles)()["visual-builder__empty-block-add-button"]
+            ),
+            onClick: () => sendAddInstanceEvent(),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { className: "fas fa-plus" }),
+              " \xA0",
+              blockParentName
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmptyBlock
+});
+//# sourceMappingURL=emptyBlock.cjs.map

package/dist/modern/visualBuilder/components/emptyBlock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/components/emptyBlock.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { CslpData } from \"../../cslp/types/cslp.types\";\nimport { visualBuilderStyles } from \"../visualBuilder.style\";\nimport visualBuilderPostMessage from \"../utils/visualBuilderPostMessage\";\nimport { observeParentAndFocusNewInstance } from \"../utils/multipleElementAddButton\";\nimport { ISchemaFieldMap } from \"../utils/types/index.types\";\nimport { VisualBuilderPostMessageEvents } from \"../utils/types/postMessage.types\";\nimport React from \"preact/compat\";\n\ninterface EmptyBlockProps {\n    details: {\n        fieldMetadata: CslpData;\n        fieldSchema: ISchemaFieldMap;\n    };\n}\n\nexport function EmptyBlock(props: EmptyBlockProps): JSX.Element {\n    const { details } = props;\n\n    const blockParentName = details.fieldSchema.display_name;\n\n    async function sendAddInstanceEvent() {\n        await visualBuilderPostMessage?.send(\n            VisualBuilderPostMessageEvents.ADD_INSTANCE,\n            {\n                fieldMetadata: details.fieldMetadata,\n                index: 0,\n            }\n        );\n        observeParentAndFocusNewInstance({\n            parentCslp: details.fieldMetadata.cslpValue,\n            index: 0,\n        });\n    }\n\n    return (\n        <div\n            className={classNames(\n                \"visual-builder__empty-block\",\n                visualBuilderStyles()[\"visual-builder__empty-block\"]\n            )}\n        >\n            <div\n                className={classNames(\n                    \"visual-builder__empty-block-title\",\n                    visualBuilderStyles()[\"visual-builder__empty-block-title\"]\n                )}\n            >\n                There are no {blockParentName.toLowerCase()} on this page yet. Click the button below to add one.\n            </div>\n            <button\n                className={classNames(\n                    \"visual-builder__empty-block-add-button\",\n                    visualBuilderStyles()[\n                        \"visual-builder__empty-block-add-button\"\n                    ]\n                )}\n                onClick={() => sendAddInstanceEvent()}\n            >\n                <i className=\"fas fa-plus\"></i> &nbsp;\n                {blockParentName}\n            </button>\n        </div>\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAEvB,2BAAoC;AACpC,sCAAqC;AACrC,sCAAiD;AAEjD,yBAA+C;AAoCnC;AA1BL,SAAS,WAAW,OAAqC;AAC5D,QAAM,EAAE,QAAQ,IAAI;AAEpB,QAAM,kBAAkB,QAAQ,YAAY;AAE5C,iBAAe,uBAAuB;AAClC,UAAM,gCAAAA,SAA0B;AAAA,MAC5B,kDAA+B;AAAA,MAC/B;AAAA,QACI,eAAe,QAAQ;AAAA,QACvB,OAAO;AAAA,MACX;AAAA,IACJ;AACA,0EAAiC;AAAA,MAC7B,YAAY,QAAQ,cAAc;AAAA,MAClC,OAAO;AAAA,IACX,CAAC;AAAA,EACL;AAEA,SACI;AAAA,IAAC;AAAA;AAAA,MACG,eAAW,kBAAAC;AAAA,QACP;AAAA,YACA,0CAAoB,EAAE,6BAA6B;AAAA,MACvD;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACG,eAAW,kBAAAA;AAAA,cACP;AAAA,kBACA,0CAAoB,EAAE,mCAAmC;AAAA,YAC7D;AAAA,YACH;AAAA;AAAA,cACiB,gBAAgB,YAAY;AAAA,cAAE;AAAA;AAAA;AAAA,QAChD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACG,eAAW,kBAAAA;AAAA,cACP;AAAA,kBACA,0CAAoB,EAChB,wCACJ;AAAA,YACJ;AAAA,YACA,SAAS,MAAM,qBAAqB;AAAA,YAEpC;AAAA,0DAAC,OAAE,WAAU,eAAc;AAAA,cAAI;AAAA,cAC9B;AAAA;AAAA;AAAA,QACL;AAAA;AAAA;AAAA,EACJ;AAER;","names":["visualBuilderPostMessage","classNames"]}

package/dist/modern/visualBuilder/components/emptyBlock.d.cts

@@ -0,0 +1,13 @@
+import { CslpData } from '../../cslp/types/cslp.types.cjs';
+import { ISchemaFieldMap } from '../utils/types/index.types.cjs';
+import '../../cms/types/contentTypeSchema.types.cjs';
+
+interface EmptyBlockProps {
+    details: {
+        fieldMetadata: CslpData;
+        fieldSchema: ISchemaFieldMap;
+    };
+}
+declare function EmptyBlock(props: EmptyBlockProps): JSX.Element;
+
+export { EmptyBlock };