@contentstack/live-preview-utils 2.0.4 → 3.0.1

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

@@ -0,0 +1,40 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/utils/getStyleOfAnElement.ts
+function getStyleOfAnElement(element) {
+  const styleSheetDeclaration = window.getComputedStyle(element);
+  const styleSheetArray = Array.from(styleSheetDeclaration);
+  const FILTER_STYLES = [
+    "position",
+    "left",
+    "top",
+    "right",
+    "bottom",
+    "text-overflow",
+    // allows seeing the text from CMS field as-is
+    "text-transform",
+    "margin",
+    "margin-block-end",
+    "margin-block-start",
+    "margin-inline-end",
+    "margin-inline-start",
+    "margin-left",
+    "margin-right",
+    "margin-top",
+    "margin-bottom",
+    "-webkit-user-modify",
+    "cursor"
+  ];
+  const styles = {};
+  styleSheetArray.forEach((style) => {
+    if (!FILTER_STYLES.includes(style)) {
+      const styleValue = styleSheetDeclaration.getPropertyValue(style);
+      styles[style] = styleValue;
+    }
+  });
+  return styles;
+}
+export {
+  getStyleOfAnElement as default
+};
+//# sourceMappingURL=getStyleOfAnElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/getStyleOfAnElement.ts"],"sourcesContent":["/**\n * Retrieves the computed style of an HTML element.\n *\n * @param element - The HTML element to retrieve the style from.\n * @returns An object representing the computed style of the element.\n */\nexport default function getStyleOfAnElement(element: HTMLElement): {\n    [key: string]: string;\n} {\n    const styleSheetDeclaration = window.getComputedStyle(element);\n    const styleSheetArray = Array.from(styleSheetDeclaration);\n\n    const FILTER_STYLES = [\n        \"position\",\n        \"left\",\n        \"top\",\n        \"right\",\n        \"bottom\",\n        \"text-overflow\",\n        // allows seeing the text from CMS field as-is\n        \"text-transform\",\n        \"margin\",\n        \"margin-block-end\",\n        \"margin-block-start\",\n        \"margin-inline-end\",\n        \"margin-inline-start\",\n        \"margin-left\",\n        \"margin-right\",\n        \"margin-top\",\n        \"margin-bottom\",\n        \"-webkit-user-modify\",\n        \"cursor\",\n    ];\n\n    const styles: { [key: string]: string } = {};\n    styleSheetArray.forEach((style: string) => {\n        if (!FILTER_STYLES.includes(style)) {\n            const styleValue = styleSheetDeclaration.getPropertyValue(style);\n            styles[style] = styleValue;\n        }\n    });\n\n    return styles;\n}\n"],"mappings":";;;AAMe,SAAR,oBAAqC,SAE1C;AACE,QAAM,wBAAwB,OAAO,iBAAiB,OAAO;AAC7D,QAAM,kBAAkB,MAAM,KAAK,qBAAqB;AAExD,QAAM,gBAAgB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,SAAoC,CAAC;AAC3C,kBAAgB,QAAQ,CAAC,UAAkB;AACvC,QAAI,CAAC,cAAc,SAAS,KAAK,GAAG;AAChC,YAAM,aAAa,sBAAsB,iBAAiB,KAAK;AAC/D,aAAO,KAAK,IAAI;AAAA,IACpB;AAAA,EACJ,CAAC;AAED,SAAO;AACX;","names":[]}

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

@@ -0,0 +1,66 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/utils/getVisualBuilderRedirectionUrl.ts
+var getVisualBuilderRedirectionUrl_exports = {};
+__export(getVisualBuilderRedirectionUrl_exports, {
+  default: () => getVisualBuilderRedirectionUrl
+});
+module.exports = __toCommonJS(getVisualBuilderRedirectionUrl_exports);
+var import_configManager = __toESM(require("../../configManager/configManager.cjs"), 1);
+var import_cslp = require("../../cslp/index.cjs");
+function getVisualBuilderRedirectionUrl() {
+  const { stackDetails, clientUrlParams } = import_configManager.default.get();
+  const { branch, apiKey, environment, locale } = stackDetails;
+  const { url: appUrl } = clientUrlParams;
+  const searchParams = new URLSearchParams();
+  if (branch) {
+    searchParams.set("branch", branch);
+  }
+  if (environment) {
+    searchParams.set("environment", environment);
+  }
+  searchParams.set("target-url", window.location.href);
+  const elementWithDataCslp = document.querySelector(`[data-cslp]`);
+  if (elementWithDataCslp) {
+    const cslpData = elementWithDataCslp.getAttribute(
+      "data-cslp"
+    );
+    const { locale: locale2 } = (0, import_cslp.extractDetailsFromCslp)(cslpData);
+    searchParams.set("locale", locale2);
+  } else if (locale) {
+    searchParams.set("locale", locale);
+  }
+  const completeURL = new URL(
+    `/#!/stack/${apiKey}/visual-builder?${searchParams.toString()}`,
+    appUrl
+  );
+  return completeURL;
+}
+//# sourceMappingURL=getVisualBuilderRedirectionUrl.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/getVisualBuilderRedirectionUrl.ts"],"sourcesContent":["import Config from \"../../configManager/configManager\";\nimport { extractDetailsFromCslp } from \"../../cslp\";\n\n/**\n * Returns the redirection URL for the Visual builder.\n * @returns {URL} The redirection URL.\n */\nexport default function getVisualBuilderRedirectionUrl(): URL {\n    const { stackDetails, clientUrlParams } = Config.get();\n    const { branch, apiKey, environment, locale } = stackDetails;\n    const { url: appUrl } = clientUrlParams;\n\n    const searchParams = new URLSearchParams();\n    if (branch) {\n        searchParams.set(\"branch\", branch);\n    }\n    if (environment) {\n        searchParams.set(\"environment\", environment);\n    }\n\n    searchParams.set(\"target-url\", window.location.href);\n\n    // get the locale from the data cslp attribute\n    const elementWithDataCslp = document.querySelector(`[data-cslp]`);\n\n    if (elementWithDataCslp) {\n        const cslpData = elementWithDataCslp.getAttribute(\n            \"data-cslp\"\n        ) as string;\n        const { locale } = extractDetailsFromCslp(cslpData);\n\n        searchParams.set(\"locale\", locale);\n    } else if (locale) {\n        searchParams.set(\"locale\", locale);\n    }\n\n    const completeURL = new URL(\n        `/#!/stack/${apiKey}/visual-builder?${searchParams.toString()}`,\n        appUrl\n    );\n    return completeURL;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAmB;AACnB,kBAAuC;AAMxB,SAAR,iCAAuD;AAC1D,QAAM,EAAE,cAAc,gBAAgB,IAAI,qBAAAA,QAAO,IAAI;AACrD,QAAM,EAAE,QAAQ,QAAQ,aAAa,OAAO,IAAI;AAChD,QAAM,EAAE,KAAK,OAAO,IAAI;AAExB,QAAM,eAAe,IAAI,gBAAgB;AACzC,MAAI,QAAQ;AACR,iBAAa,IAAI,UAAU,MAAM;AAAA,EACrC;AACA,MAAI,aAAa;AACb,iBAAa,IAAI,eAAe,WAAW;AAAA,EAC/C;AAEA,eAAa,IAAI,cAAc,OAAO,SAAS,IAAI;AAGnD,QAAM,sBAAsB,SAAS,cAAc,aAAa;AAEhE,MAAI,qBAAqB;AACrB,UAAM,WAAW,oBAAoB;AAAA,MACjC;AAAA,IACJ;AACA,UAAM,EAAE,QAAAC,QAAO,QAAI,oCAAuB,QAAQ;AAElD,iBAAa,IAAI,UAAUA,OAAM;AAAA,EACrC,WAAW,QAAQ;AACf,iBAAa,IAAI,UAAU,MAAM;AAAA,EACrC;AAEA,QAAM,cAAc,IAAI;AAAA,IACpB,aAAa,MAAM,mBAAmB,aAAa,SAAS,CAAC;AAAA,IAC7D;AAAA,EACJ;AACA,SAAO;AACX;","names":["Config","locale"]}

package/dist/modern/visualBuilder/utils/getVisualBuilderRedirectionUrl.d.cts

@@ -0,0 +1,7 @@
+/**
+ * Returns the redirection URL for the Visual builder.
+ * @returns {URL} The redirection URL.
+ */
+declare function getVisualBuilderRedirectionUrl(): URL;
+
+export { getVisualBuilderRedirectionUrl as default };

package/dist/modern/visualBuilder/utils/getVisualBuilderRedirectionUrl.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns the redirection URL for the Visual builder.
+ * @returns {URL} The redirection URL.
+ */
+declare function getVisualBuilderRedirectionUrl(): URL;
+
+export { getVisualBuilderRedirectionUrl as default };

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

@@ -0,0 +1,37 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/utils/getVisualBuilderRedirectionUrl.ts
+import Config from "../../configManager/configManager.js";
+import { extractDetailsFromCslp } from "../../cslp/index.js";
+function getVisualBuilderRedirectionUrl() {
+  const { stackDetails, clientUrlParams } = Config.get();
+  const { branch, apiKey, environment, locale } = stackDetails;
+  const { url: appUrl } = clientUrlParams;
+  const searchParams = new URLSearchParams();
+  if (branch) {
+    searchParams.set("branch", branch);
+  }
+  if (environment) {
+    searchParams.set("environment", environment);
+  }
+  searchParams.set("target-url", window.location.href);
+  const elementWithDataCslp = document.querySelector(`[data-cslp]`);
+  if (elementWithDataCslp) {
+    const cslpData = elementWithDataCslp.getAttribute(
+      "data-cslp"
+    );
+    const { locale: locale2 } = extractDetailsFromCslp(cslpData);
+    searchParams.set("locale", locale2);
+  } else if (locale) {
+    searchParams.set("locale", locale);
+  }
+  const completeURL = new URL(
+    `/#!/stack/${apiKey}/visual-builder?${searchParams.toString()}`,
+    appUrl
+  );
+  return completeURL;
+}
+export {
+  getVisualBuilderRedirectionUrl as default
+};
+//# sourceMappingURL=getVisualBuilderRedirectionUrl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/getVisualBuilderRedirectionUrl.ts"],"sourcesContent":["import Config from \"../../configManager/configManager\";\nimport { extractDetailsFromCslp } from \"../../cslp\";\n\n/**\n * Returns the redirection URL for the Visual builder.\n * @returns {URL} The redirection URL.\n */\nexport default function getVisualBuilderRedirectionUrl(): URL {\n    const { stackDetails, clientUrlParams } = Config.get();\n    const { branch, apiKey, environment, locale } = stackDetails;\n    const { url: appUrl } = clientUrlParams;\n\n    const searchParams = new URLSearchParams();\n    if (branch) {\n        searchParams.set(\"branch\", branch);\n    }\n    if (environment) {\n        searchParams.set(\"environment\", environment);\n    }\n\n    searchParams.set(\"target-url\", window.location.href);\n\n    // get the locale from the data cslp attribute\n    const elementWithDataCslp = document.querySelector(`[data-cslp]`);\n\n    if (elementWithDataCslp) {\n        const cslpData = elementWithDataCslp.getAttribute(\n            \"data-cslp\"\n        ) as string;\n        const { locale } = extractDetailsFromCslp(cslpData);\n\n        searchParams.set(\"locale\", locale);\n    } else if (locale) {\n        searchParams.set(\"locale\", locale);\n    }\n\n    const completeURL = new URL(\n        `/#!/stack/${apiKey}/visual-builder?${searchParams.toString()}`,\n        appUrl\n    );\n    return completeURL;\n}\n"],"mappings":";;;AAAA,OAAO,YAAY;AACnB,SAAS,8BAA8B;AAMxB,SAAR,iCAAuD;AAC1D,QAAM,EAAE,cAAc,gBAAgB,IAAI,OAAO,IAAI;AACrD,QAAM,EAAE,QAAQ,QAAQ,aAAa,OAAO,IAAI;AAChD,QAAM,EAAE,KAAK,OAAO,IAAI;AAExB,QAAM,eAAe,IAAI,gBAAgB;AACzC,MAAI,QAAQ;AACR,iBAAa,IAAI,UAAU,MAAM;AAAA,EACrC;AACA,MAAI,aAAa;AACb,iBAAa,IAAI,eAAe,WAAW;AAAA,EAC/C;AAEA,eAAa,IAAI,cAAc,OAAO,SAAS,IAAI;AAGnD,QAAM,sBAAsB,SAAS,cAAc,aAAa;AAEhE,MAAI,qBAAqB;AACrB,UAAM,WAAW,oBAAoB;AAAA,MACjC;AAAA,IACJ;AACA,UAAM,EAAE,QAAAA,QAAO,IAAI,uBAAuB,QAAQ;AAElD,iBAAa,IAAI,UAAUA,OAAM;AAAA,EACrC,WAAW,QAAQ;AACf,iBAAa,IAAI,UAAU,MAAM;AAAA,EACrC;AAEA,QAAM,cAAc,IAAI;AAAA,IACpB,aAAa,MAAM,mBAAmB,aAAa,SAAS,CAAC;AAAA,IAC7D;AAAA,EACJ;AACA,SAAO;AACX;","names":["locale"]}

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

@@ -0,0 +1,117 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/utils/handleFieldMouseDown.ts
+var handleFieldMouseDown_exports = {};
+__export(handleFieldMouseDown_exports, {
+  handleFieldInput: () => handleFieldInput,
+  handleFieldKeyDown: () => handleFieldKeyDown
+});
+module.exports = __toCommonJS(handleFieldMouseDown_exports);
+var import_lodash_es = require("lodash-es");
+var import_generateOverlay = require("../generators/generateOverlay.cjs");
+var import_constants = require("./constants.cjs");
+var import_types = require("./types/index.types.cjs");
+var import_postMessage = require("./types/postMessage.types.cjs");
+function handleFieldInput(e) {
+  const event = e;
+  const targetElement = event.target;
+  const fieldType = targetElement.getAttribute(
+    import_constants.VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY
+  );
+  if (event.type === "input" && import_constants.ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType)) {
+    throttledFieldSync();
+  }
+}
+var throttledFieldSync = (0, import_lodash_es.throttle)(() => {
+  try {
+    const visualBuilderContainer = document.querySelector(
+      ".visual-builder__container"
+    );
+    if (!visualBuilderContainer) return;
+    (0, import_generateOverlay.sendFieldEvent)({
+      visualBuilderContainer,
+      eventType: import_postMessage.VisualBuilderPostMessageEvents.SYNC_FIELD
+    });
+  } catch (error) {
+    console.error("Error in throttledFieldSync", error);
+  }
+}, 300);
+function handleFieldKeyDown(e) {
+  const event = e;
+  const targetElement = event.target;
+  const fieldType = targetElement.getAttribute(
+    import_constants.VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY
+  );
+  if (fieldType === import_types.FieldDataType.NUMBER) {
+    handleNumericFieldKeyDown(event);
+  } else if (fieldType === import_types.FieldDataType.SINGLELINE) {
+    handleSingleLineFieldKeyDown(event);
+  }
+}
+function handleSingleLineFieldKeyDown(e) {
+  if (e.code === "Enter") {
+    e.preventDefault();
+  }
+}
+function handleNumericFieldKeyDown(event) {
+  const targetElement = event.target;
+  const allowedKeys = [
+    "Backspace",
+    "Tab",
+    "Enter",
+    "End",
+    "Home",
+    "ArrowLeft",
+    "ArrowRight",
+    "Delete"
+  ];
+  if (event.ctrlKey || event.metaKey || event.altKey || allowedKeys.includes(event.code)) {
+    return;
+  }
+  if (event.code.includes("Digit")) {
+    return;
+  }
+  const nonNumericAllowedCharacters = ["-", ".", "e", "E"];
+  if (!nonNumericAllowedCharacters.includes(event.key)) {
+    event.preventDefault();
+    return;
+  }
+  const selection = {
+    startOffset: window.getSelection()?.getRangeAt(0).startOffset || 0,
+    endOffset: window.getSelection()?.getRangeAt(0).endOffset || 0
+  };
+  const existingInput = targetElement.textContent || "";
+  const currentOutputArr = existingInput.split("");
+  currentOutputArr.splice(
+    selection.startOffset,
+    selection.endOffset - selection.startOffset,
+    event.key
+  );
+  const currentInput = currentOutputArr.join("");
+  if (!import_constants.numericInputRegex.test(currentInput)) {
+    event.preventDefault();
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  handleFieldInput,
+  handleFieldKeyDown
+});
+//# sourceMappingURL=handleFieldMouseDown.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/handleFieldMouseDown.ts"],"sourcesContent":["import { throttle } from \"lodash-es\";\nimport { sendFieldEvent } from \"../generators/generateOverlay\";\nimport {\n    ALLOWED_INLINE_EDITABLE_FIELD,\n    VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,\n    numericInputRegex,\n} from \"./constants\";\nimport { FieldDataType } from \"./types/index.types\";\nimport { VisualBuilderPostMessageEvents } from \"./types/postMessage.types\";\n\nexport function handleFieldInput(e: Event): void {\n    const event = e as InputEvent;\n    const targetElement = event.target as HTMLElement;\n    const fieldType = targetElement.getAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n    ) as FieldDataType | null;\n    if (event.type === \"input\" && ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType as FieldDataType)) {\n        throttledFieldSync();\n    }\n}\nconst throttledFieldSync = throttle(() => {\n    try {\n        const visualBuilderContainer = document.querySelector(\n            \".visual-builder__container\"\n        ) as HTMLElement;\n        if(!visualBuilderContainer) return;\n        sendFieldEvent({\n            visualBuilderContainer,\n            eventType: VisualBuilderPostMessageEvents.SYNC_FIELD,\n        })  \n    } catch (error) {\n        console.error(\"Error in throttledFieldSync\", error)\n    }\n}, 300);\n\nexport function handleFieldKeyDown(e: Event): void {\n    const event = e as KeyboardEvent;\n    const targetElement = event.target as HTMLElement;\n    const fieldType = targetElement.getAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n    ) as FieldDataType | null;\n\n    if (fieldType === FieldDataType.NUMBER) {\n        handleNumericFieldKeyDown(event);\n    } else if (fieldType === FieldDataType.SINGLELINE) {\n        handleSingleLineFieldKeyDown(event);\n    }\n}\n\nfunction handleSingleLineFieldKeyDown(e: KeyboardEvent) {\n    if (e.code === \"Enter\") {\n        e.preventDefault();\n    }\n}\n\nfunction handleNumericFieldKeyDown(event: KeyboardEvent): void {\n    const targetElement = event.target as HTMLElement;\n\n    const allowedKeys = [\n        \"Backspace\",\n        \"Tab\",\n        \"Enter\",\n        \"End\",\n        \"Home\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Delete\",\n    ];\n\n    if (\n        event.ctrlKey ||\n        event.metaKey ||\n        event.altKey ||\n        allowedKeys.includes(event.code)\n    ) {\n        // Allow Ctrl, Cmd, Alt, and special keys\n        return;\n    }\n\n    if (event.code.includes(\"Digit\")) {\n        return;\n    }\n\n    const nonNumericAllowedCharacters = [\"-\", \".\", \"e\", \"E\"];\n\n    if (!nonNumericAllowedCharacters.includes(event.key)) {\n        event.preventDefault();\n        return;\n    }\n\n    const selection = {\n        startOffset: window.getSelection()?.getRangeAt(0).startOffset || 0,\n        endOffset: window.getSelection()?.getRangeAt(0).endOffset || 0,\n    };\n\n    const existingInput = targetElement.textContent || \"\";\n    const currentOutputArr = existingInput.split(\"\");\n    currentOutputArr.splice(\n        selection.startOffset,\n        selection.endOffset - selection.startOffset,\n        event.key\n    );\n    const currentInput = currentOutputArr.join(\"\");\n\n    if (!numericInputRegex.test(currentInput)) {\n        event.preventDefault();\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB;AACzB,6BAA+B;AAC/B,uBAIO;AACP,mBAA8B;AAC9B,yBAA+C;AAExC,SAAS,iBAAiB,GAAgB;AAC7C,QAAM,QAAQ;AACd,QAAM,gBAAgB,MAAM;AAC5B,QAAM,YAAY,cAAc;AAAA,IAC5B;AAAA,EACJ;AACA,MAAI,MAAM,SAAS,WAAW,+CAA8B,SAAS,SAA0B,GAAG;AAC9F,uBAAmB;AAAA,EACvB;AACJ;AACA,IAAM,yBAAqB,2BAAS,MAAM;AACtC,MAAI;AACA,UAAM,yBAAyB,SAAS;AAAA,MACpC;AAAA,IACJ;AACA,QAAG,CAAC,uBAAwB;AAC5B,+CAAe;AAAA,MACX;AAAA,MACA,WAAW,kDAA+B;AAAA,IAC9C,CAAC;AAAA,EACL,SAAS,OAAO;AACZ,YAAQ,MAAM,+BAA+B,KAAK;AAAA,EACtD;AACJ,GAAG,GAAG;AAEC,SAAS,mBAAmB,GAAgB;AAC/C,QAAM,QAAQ;AACd,QAAM,gBAAgB,MAAM;AAC5B,QAAM,YAAY,cAAc;AAAA,IAC5B;AAAA,EACJ;AAEA,MAAI,cAAc,2BAAc,QAAQ;AACpC,8BAA0B,KAAK;AAAA,EACnC,WAAW,cAAc,2BAAc,YAAY;AAC/C,iCAA6B,KAAK;AAAA,EACtC;AACJ;AAEA,SAAS,6BAA6B,GAAkB;AACpD,MAAI,EAAE,SAAS,SAAS;AACpB,MAAE,eAAe;AAAA,EACrB;AACJ;AAEA,SAAS,0BAA0B,OAA4B;AAC3D,QAAM,gBAAgB,MAAM;AAE5B,QAAM,cAAc;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,MACI,MAAM,WACN,MAAM,WACN,MAAM,UACN,YAAY,SAAS,MAAM,IAAI,GACjC;AAEE;AAAA,EACJ;AAEA,MAAI,MAAM,KAAK,SAAS,OAAO,GAAG;AAC9B;AAAA,EACJ;AAEA,QAAM,8BAA8B,CAAC,KAAK,KAAK,KAAK,GAAG;AAEvD,MAAI,CAAC,4BAA4B,SAAS,MAAM,GAAG,GAAG;AAClD,UAAM,eAAe;AACrB;AAAA,EACJ;AAEA,QAAM,YAAY;AAAA,IACd,aAAa,OAAO,aAAa,GAAG,WAAW,CAAC,EAAE,eAAe;AAAA,IACjE,WAAW,OAAO,aAAa,GAAG,WAAW,CAAC,EAAE,aAAa;AAAA,EACjE;AAEA,QAAM,gBAAgB,cAAc,eAAe;AACnD,QAAM,mBAAmB,cAAc,MAAM,EAAE;AAC/C,mBAAiB;AAAA,IACb,UAAU;AAAA,IACV,UAAU,YAAY,UAAU;AAAA,IAChC,MAAM;AAAA,EACV;AACA,QAAM,eAAe,iBAAiB,KAAK,EAAE;AAE7C,MAAI,CAAC,mCAAkB,KAAK,YAAY,GAAG;AACvC,UAAM,eAAe;AAAA,EACzB;AACJ;","names":[]}

package/dist/modern/visualBuilder/utils/handleFieldMouseDown.d.cts

@@ -0,0 +1,4 @@
+declare function handleFieldInput(e: Event): void;
+declare function handleFieldKeyDown(e: Event): void;
+
+export { handleFieldInput, handleFieldKeyDown };

package/dist/modern/visualBuilder/utils/handleFieldMouseDown.d.ts

@@ -0,0 +1,4 @@
+declare function handleFieldInput(e: Event): void;
+declare function handleFieldKeyDown(e: Event): void;
+
+export { handleFieldInput, handleFieldKeyDown };

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

@@ -0,0 +1,97 @@
+import "../../chunk-5WRI5ZAA.js";
+
+// src/visualBuilder/utils/handleFieldMouseDown.ts
+import { throttle } from "lodash-es";
+import { sendFieldEvent } from "../generators/generateOverlay.js";
+import {
+  ALLOWED_INLINE_EDITABLE_FIELD,
+  VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,
+  numericInputRegex
+} from "./constants.js";
+import { FieldDataType } from "./types/index.types.js";
+import { VisualBuilderPostMessageEvents } from "./types/postMessage.types.js";
+function handleFieldInput(e) {
+  const event = e;
+  const targetElement = event.target;
+  const fieldType = targetElement.getAttribute(
+    VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY
+  );
+  if (event.type === "input" && ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType)) {
+    throttledFieldSync();
+  }
+}
+var throttledFieldSync = throttle(() => {
+  try {
+    const visualBuilderContainer = document.querySelector(
+      ".visual-builder__container"
+    );
+    if (!visualBuilderContainer) return;
+    sendFieldEvent({
+      visualBuilderContainer,
+      eventType: VisualBuilderPostMessageEvents.SYNC_FIELD
+    });
+  } catch (error) {
+    console.error("Error in throttledFieldSync", error);
+  }
+}, 300);
+function handleFieldKeyDown(e) {
+  const event = e;
+  const targetElement = event.target;
+  const fieldType = targetElement.getAttribute(
+    VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY
+  );
+  if (fieldType === FieldDataType.NUMBER) {
+    handleNumericFieldKeyDown(event);
+  } else if (fieldType === FieldDataType.SINGLELINE) {
+    handleSingleLineFieldKeyDown(event);
+  }
+}
+function handleSingleLineFieldKeyDown(e) {
+  if (e.code === "Enter") {
+    e.preventDefault();
+  }
+}
+function handleNumericFieldKeyDown(event) {
+  const targetElement = event.target;
+  const allowedKeys = [
+    "Backspace",
+    "Tab",
+    "Enter",
+    "End",
+    "Home",
+    "ArrowLeft",
+    "ArrowRight",
+    "Delete"
+  ];
+  if (event.ctrlKey || event.metaKey || event.altKey || allowedKeys.includes(event.code)) {
+    return;
+  }
+  if (event.code.includes("Digit")) {
+    return;
+  }
+  const nonNumericAllowedCharacters = ["-", ".", "e", "E"];
+  if (!nonNumericAllowedCharacters.includes(event.key)) {
+    event.preventDefault();
+    return;
+  }
+  const selection = {
+    startOffset: window.getSelection()?.getRangeAt(0).startOffset || 0,
+    endOffset: window.getSelection()?.getRangeAt(0).endOffset || 0
+  };
+  const existingInput = targetElement.textContent || "";
+  const currentOutputArr = existingInput.split("");
+  currentOutputArr.splice(
+    selection.startOffset,
+    selection.endOffset - selection.startOffset,
+    event.key
+  );
+  const currentInput = currentOutputArr.join("");
+  if (!numericInputRegex.test(currentInput)) {
+    event.preventDefault();
+  }
+}
+export {
+  handleFieldInput,
+  handleFieldKeyDown
+};
+//# sourceMappingURL=handleFieldMouseDown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/visualBuilder/utils/handleFieldMouseDown.ts"],"sourcesContent":["import { throttle } from \"lodash-es\";\nimport { sendFieldEvent } from \"../generators/generateOverlay\";\nimport {\n    ALLOWED_INLINE_EDITABLE_FIELD,\n    VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,\n    numericInputRegex,\n} from \"./constants\";\nimport { FieldDataType } from \"./types/index.types\";\nimport { VisualBuilderPostMessageEvents } from \"./types/postMessage.types\";\n\nexport function handleFieldInput(e: Event): void {\n    const event = e as InputEvent;\n    const targetElement = event.target as HTMLElement;\n    const fieldType = targetElement.getAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n    ) as FieldDataType | null;\n    if (event.type === \"input\" && ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType as FieldDataType)) {\n        throttledFieldSync();\n    }\n}\nconst throttledFieldSync = throttle(() => {\n    try {\n        const visualBuilderContainer = document.querySelector(\n            \".visual-builder__container\"\n        ) as HTMLElement;\n        if(!visualBuilderContainer) return;\n        sendFieldEvent({\n            visualBuilderContainer,\n            eventType: VisualBuilderPostMessageEvents.SYNC_FIELD,\n        })  \n    } catch (error) {\n        console.error(\"Error in throttledFieldSync\", error)\n    }\n}, 300);\n\nexport function handleFieldKeyDown(e: Event): void {\n    const event = e as KeyboardEvent;\n    const targetElement = event.target as HTMLElement;\n    const fieldType = targetElement.getAttribute(\n        VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY\n    ) as FieldDataType | null;\n\n    if (fieldType === FieldDataType.NUMBER) {\n        handleNumericFieldKeyDown(event);\n    } else if (fieldType === FieldDataType.SINGLELINE) {\n        handleSingleLineFieldKeyDown(event);\n    }\n}\n\nfunction handleSingleLineFieldKeyDown(e: KeyboardEvent) {\n    if (e.code === \"Enter\") {\n        e.preventDefault();\n    }\n}\n\nfunction handleNumericFieldKeyDown(event: KeyboardEvent): void {\n    const targetElement = event.target as HTMLElement;\n\n    const allowedKeys = [\n        \"Backspace\",\n        \"Tab\",\n        \"Enter\",\n        \"End\",\n        \"Home\",\n        \"ArrowLeft\",\n        \"ArrowRight\",\n        \"Delete\",\n    ];\n\n    if (\n        event.ctrlKey ||\n        event.metaKey ||\n        event.altKey ||\n        allowedKeys.includes(event.code)\n    ) {\n        // Allow Ctrl, Cmd, Alt, and special keys\n        return;\n    }\n\n    if (event.code.includes(\"Digit\")) {\n        return;\n    }\n\n    const nonNumericAllowedCharacters = [\"-\", \".\", \"e\", \"E\"];\n\n    if (!nonNumericAllowedCharacters.includes(event.key)) {\n        event.preventDefault();\n        return;\n    }\n\n    const selection = {\n        startOffset: window.getSelection()?.getRangeAt(0).startOffset || 0,\n        endOffset: window.getSelection()?.getRangeAt(0).endOffset || 0,\n    };\n\n    const existingInput = targetElement.textContent || \"\";\n    const currentOutputArr = existingInput.split(\"\");\n    currentOutputArr.splice(\n        selection.startOffset,\n        selection.endOffset - selection.startOffset,\n        event.key\n    );\n    const currentInput = currentOutputArr.join(\"\");\n\n    if (!numericInputRegex.test(currentInput)) {\n        event.preventDefault();\n    }\n}\n"],"mappings":";;;AAAA,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,OACG;AACP,SAAS,qBAAqB;AAC9B,SAAS,sCAAsC;AAExC,SAAS,iBAAiB,GAAgB;AAC7C,QAAM,QAAQ;AACd,QAAM,gBAAgB,MAAM;AAC5B,QAAM,YAAY,cAAc;AAAA,IAC5B;AAAA,EACJ;AACA,MAAI,MAAM,SAAS,WAAW,8BAA8B,SAAS,SAA0B,GAAG;AAC9F,uBAAmB;AAAA,EACvB;AACJ;AACA,IAAM,qBAAqB,SAAS,MAAM;AACtC,MAAI;AACA,UAAM,yBAAyB,SAAS;AAAA,MACpC;AAAA,IACJ;AACA,QAAG,CAAC,uBAAwB;AAC5B,mBAAe;AAAA,MACX;AAAA,MACA,WAAW,+BAA+B;AAAA,IAC9C,CAAC;AAAA,EACL,SAAS,OAAO;AACZ,YAAQ,MAAM,+BAA+B,KAAK;AAAA,EACtD;AACJ,GAAG,GAAG;AAEC,SAAS,mBAAmB,GAAgB;AAC/C,QAAM,QAAQ;AACd,QAAM,gBAAgB,MAAM;AAC5B,QAAM,YAAY,cAAc;AAAA,IAC5B;AAAA,EACJ;AAEA,MAAI,cAAc,cAAc,QAAQ;AACpC,8BAA0B,KAAK;AAAA,EACnC,WAAW,cAAc,cAAc,YAAY;AAC/C,iCAA6B,KAAK;AAAA,EACtC;AACJ;AAEA,SAAS,6BAA6B,GAAkB;AACpD,MAAI,EAAE,SAAS,SAAS;AACpB,MAAE,eAAe;AAAA,EACrB;AACJ;AAEA,SAAS,0BAA0B,OAA4B;AAC3D,QAAM,gBAAgB,MAAM;AAE5B,QAAM,cAAc;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,MACI,MAAM,WACN,MAAM,WACN,MAAM,UACN,YAAY,SAAS,MAAM,IAAI,GACjC;AAEE;AAAA,EACJ;AAEA,MAAI,MAAM,KAAK,SAAS,OAAO,GAAG;AAC9B;AAAA,EACJ;AAEA,QAAM,8BAA8B,CAAC,KAAK,KAAK,KAAK,GAAG;AAEvD,MAAI,CAAC,4BAA4B,SAAS,MAAM,GAAG,GAAG;AAClD,UAAM,eAAe;AACrB;AAAA,EACJ;AAEA,QAAM,YAAY;AAAA,IACd,aAAa,OAAO,aAAa,GAAG,WAAW,CAAC,EAAE,eAAe;AAAA,IACjE,WAAW,OAAO,aAAa,GAAG,WAAW,CAAC,EAAE,aAAa;AAAA,EACjE;AAEA,QAAM,gBAAgB,cAAc,eAAe;AACnD,QAAM,mBAAmB,cAAc,MAAM,EAAE;AAC/C,mBAAiB;AAAA,IACb,UAAU;AAAA,IACV,UAAU,YAAY,UAAU;AAAA,IAChC,MAAM;AAAA,EACV;AACA,QAAM,eAAe,iBAAiB,KAAK,EAAE;AAE7C,MAAI,CAAC,kBAAkB,KAAK,YAAY,GAAG;AACvC,UAAM,eAAe;AAAA,EACzB;AACJ;","names":[]}

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

@@ -0,0 +1,233 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/visualBuilder/utils/handleIndividualFields.ts
+var handleIndividualFields_exports = {};
+__export(handleIndividualFields_exports, {
+  cleanIndividualFieldResidual: () => cleanIndividualFieldResidual,
+  handleIndividualFields: () => handleIndividualFields
+});
+module.exports = __toCommonJS(handleIndividualFields_exports);
+var import_lodash_es = require("lodash-es");
+var import__ = require("../index.cjs");
+var import_generatePseudoEditableField = require("../generators/generatePseudoEditableField.cjs");
+var import_constants = require("./constants.cjs");
+var import_fieldSchemaMap = require("./fieldSchemaMap.cjs");
+var import_getFieldData = require("./getFieldData.cjs");
+var import_getFieldType = require("./getFieldType.cjs");
+var import_handleFieldMouseDown = require("./handleFieldMouseDown.cjs");
+var import_isFieldDisabled = require("./isFieldDisabled.cjs");
+var import_multipleElementAddButton = require("./multipleElementAddButton.cjs");
+var import_updateFocussedState = require("./updateFocussedState.cjs");
+var import_types = require("./types/index.types.cjs");
+var import_getMultilinePlaintext = require("./getMultilinePlaintext.cjs");
+async function handleIndividualFields(eventDetails, elements) {
+  const { fieldMetadata, editableElement } = eventDetails;
+  const { visualBuilderContainer, lastEditedField, resizeObserver } = elements;
+  const {
+    content_type_uid,
+    entry_uid,
+    locale,
+    fieldPath,
+    fieldPathWithIndex
+  } = fieldMetadata;
+  const [fieldSchema, expectedFieldData] = await Promise.all([
+    import_fieldSchemaMap.FieldSchemaMap.getFieldSchema(content_type_uid, fieldPath),
+    (0, import_getFieldData.getFieldData)(
+      { content_type_uid, entry_uid, locale },
+      fieldPathWithIndex
+    )
+  ]);
+  const expectedFieldInstanceData = Array.isArray(expectedFieldData) ? expectedFieldData.at(fieldMetadata.multipleFieldMetadata.index) : void 0;
+  const fieldType = (0, import_getFieldType.getFieldType)(fieldSchema);
+  const { isDisabled: disabled } = (0, import_isFieldDisabled.isFieldDisabled)(fieldSchema, eventDetails);
+  editableElement.setAttribute(
+    import_constants.VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,
+    fieldType
+  );
+  if (fieldSchema && (fieldSchema?.multiple || fieldSchema?.data_type === "reference" && // @ts-ignore
+  fieldSchema?.field_metadata.ref_multiple)) {
+    if (lastEditedField !== editableElement) {
+      const addButtonLabel = fieldSchema.data_type === "blocks" ? (
+        // ? `Add ${fieldSchema.display_name ?? "Modular Block"}`
+        "Add Section"
+      ) : void 0;
+      (0, import_multipleElementAddButton.handleAddButtonsForMultiple)(
+        eventDetails,
+        {
+          editableElement: eventDetails.editableElement,
+          visualBuilderContainer,
+          resizeObserver
+        },
+        {
+          fieldSchema,
+          expectedFieldData,
+          disabled,
+          label: addButtonLabel
+        }
+      );
+    }
+    if (eventDetails.fieldMetadata.multipleFieldMetadata.index > -1) {
+      handleSingleField(
+        {
+          editableElement,
+          visualBuilderContainer,
+          resizeObserver: elements.resizeObserver
+        },
+        { expectedFieldData: expectedFieldInstanceData, disabled }
+      );
+    }
+  } else {
+    handleSingleField(
+      {
+        editableElement,
+        visualBuilderContainer,
+        resizeObserver: elements.resizeObserver
+      },
+      { expectedFieldData, disabled }
+    );
+  }
+  function handleSingleField(elements2, config) {
+    const { editableElement: editableElement2, visualBuilderContainer: visualBuilderContainer2 } = elements2;
+    if (config.disabled) {
+      return;
+    }
+    if (import_constants.ALLOWED_INLINE_EDITABLE_FIELD.includes(fieldType)) {
+      let actualEditableField = editableElement2;
+      import__.VisualBuilder.VisualBuilderGlobalState.value.focusFieldValue = actualEditableField?.innerText;
+      const elementComputedDisplay = window.getComputedStyle(actualEditableField).display;
+      let textContent = editableElement2.innerText || editableElement2.textContent || "";
+      if (fieldType === import_types.FieldDataType.MULTILINE) {
+        textContent = (0, import_getMultilinePlaintext.getMultilinePlaintext)(actualEditableField);
+        actualEditableField.addEventListener("paste", pasteAsPlainText);
+      }
+      const expectedTextContent = config.expectedFieldData;
+      if (textContent !== expectedTextContent || (0, import_generatePseudoEditableField.isEllipsisActive)(editableElement2)) {
+        const pseudoEditableField = (0, import_generatePseudoEditableField.generatePseudoEditableElement)(
+          { editableElement: editableElement2 },
+          { textContent: config.expectedFieldData }
+        );
+        editableElement2.style.visibility = "hidden";
+        pseudoEditableField.setAttribute(
+          import_constants.VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY,
+          fieldType
+        );
+        visualBuilderContainer2.appendChild(pseudoEditableField);
+        actualEditableField = pseudoEditableField;
+        if (fieldType === import_types.FieldDataType.MULTILINE)
+          actualEditableField.addEventListener(
+            "paste",
+            pasteAsPlainText
+          );
+        elements2.resizeObserver.observe(pseudoEditableField);
+      } else if (elementComputedDisplay === "inline") {
+        const onInlineElementInput = (0, import_lodash_es.throttle)(() => {
+          const overlayWrapper = visualBuilderContainer2.querySelector(
+            ".visual-builder__overlay__wrapper"
+          );
+          const focusedToolbar = visualBuilderContainer2.querySelector(
+            ".visual-builder__focused-toolbar"
+          );
+          (0, import_updateFocussedState.updateFocussedState)({
+            editableElement: actualEditableField,
+            visualBuilderContainer: visualBuilderContainer2,
+            overlayWrapper,
+            focusedToolbar,
+            resizeObserver
+          });
+        }, 200);
+        actualEditableField.addEventListener(
+          "input",
+          onInlineElementInput
+        );
+      }
+      actualEditableField.setAttribute("contenteditable", "true");
+      actualEditableField.addEventListener("input", import_handleFieldMouseDown.handleFieldInput);
+      actualEditableField.addEventListener("keydown", import_handleFieldMouseDown.handleFieldKeyDown);
+      actualEditableField.focus();
+      return;
+    }
+  }
+}
+function cleanIndividualFieldResidual(elements) {
+  const { overlayWrapper, visualBuilderContainer, focusedToolbar } = elements;
+  (0, import_multipleElementAddButton.removeAddInstanceButtons)(
+    {
+      eventTarget: null,
+      visualBuilderContainer,
+      overlayWrapper
+    },
+    true
+  );
+  const previousSelectedEditableDOM = import__.VisualBuilder.VisualBuilderGlobalState.value.previousSelectedEditableDOM;
+  if (previousSelectedEditableDOM) {
+    previousSelectedEditableDOM.removeAttribute(
+      import_constants.VISUAL_BUILDER_FIELD_TYPE_ATTRIBUTE_KEY
+    );
+    previousSelectedEditableDOM.removeAttribute("contenteditable");
+    previousSelectedEditableDOM.removeEventListener(
+      "input",
+      import_handleFieldMouseDown.handleFieldInput
+    );
+    previousSelectedEditableDOM.removeEventListener(
+      "keydown",
+      import_handleFieldMouseDown.handleFieldKeyDown
+    );
+    previousSelectedEditableDOM.removeEventListener(
+      "paste",
+      pasteAsPlainText
+    );
+    elements.resizeObserver.unobserve(previousSelectedEditableDOM);
+  }
+  const pseudoEditableElement = visualBuilderContainer?.querySelector(
+    ".visual-builder__pseudo-editable-element"
+  );
+  if (pseudoEditableElement) {
+    elements.resizeObserver.unobserve(pseudoEditableElement);
+    pseudoEditableElement.removeEventListener("paste", pasteAsPlainText);
+    pseudoEditableElement.remove();
+    if (previousSelectedEditableDOM) {
+      previousSelectedEditableDOM.style.removeProperty(
+        "visibility"
+      );
+    }
+  }
+  if (focusedToolbar) {
+    focusedToolbar.innerHTML = "";
+  }
+}
+var pasteAsPlainText = (0, import_lodash_es.debounce)(
+  (e) => {
+    e.preventDefault();
+    const clipboardData = e.clipboardData;
+    document.execCommand(
+      "inserttext",
+      false,
+      clipboardData?.getData("text/plain")
+    );
+  },
+  100,
+  { leading: true }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cleanIndividualFieldResidual,
+  handleIndividualFields
+});
+//# sourceMappingURL=handleIndividualFields.cjs.map