@contentstack/live-preview-utils 1.4.2 → 2.0.1

package/dist/modern/styles/live_preview.cjs

@@ -0,0 +1,120 @@
+"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/styles/live_preview.ts
+var live_preview_exports = {};
+__export(live_preview_exports, {
+  livePreviewStyles: () => livePreviewStyles
+});
+module.exports = __toCommonJS(live_preview_exports);
+var import_goober = require("goober");
+var livePreviewStyles = () => {
+  return {
+    "cslp-edit-mode": import_goober.css`
+            outline: 1px dashed #6c5ce7 !important;
+            position: relative !important;
+        `,
+    "cslp-tooltip": import_goober.css`
+            background: transparent;
+            height: 35px;
+            width: 72px;
+            position: fixed;
+            z-index: 200 !important;
+            top: -100%;
+            border: 0;
+            display: flex;
+            padding: 0;
+        `,
+    "cslp-tooltip-inner-container": import_goober.css`
+            padding: 0;
+            display: flex;
+            outline: none;
+            border: none;
+            margin: 0;
+            height: 35px;
+            width: 72px;
+            background: white;
+            font-weight: 400 !important;
+            color: #718096 !important;
+            transition: background 0.2s;
+            text-align: center !important;
+            border-radius: 8px !important;
+            font-size: 14px !important;
+            justify-content: space-around;
+            align-items: center;
+            box-shadow: 0px 8px 20px 0px #2222221a;
+            box-sizing: border-box;
+
+            & div {
+                display: flex;
+                justify-content: space-around;
+                border-radius: 6px !important;
+                cursor: pointer;
+            }
+
+            & div.cslp-tooltip-child:hover {
+                background: #edf2f7;
+            }
+
+            & div.cslp-tooltip-child:active:hover {
+                background: #c7d0e1;
+            }
+
+            & > div {
+                display: flex;
+                justify-content: space-evenly;
+                white-space: nowrap;
+                width: 70px;
+            }
+
+            & .cslp-tooltip-child.singular {
+                padding: 9px 1px;
+            }
+        `,
+    multiple: import_goober.css`
+            & div.cslp-tooltip-child {
+                padding: 9px;
+            }
+
+            & div.cslp-tooltip-child:before {
+                opacity: 0;
+                font-size: 12px;
+                font-weight: 400;
+                pointer-events: none;
+                content: attr(data-title);
+                color: white;
+                padding: 5px 10px;
+                border-radius: 4px;
+                position: absolute;
+                background: #4a5568;
+                top: -30px;
+                transition: 0.2s all ease-in-out;
+            }
+
+            & div.cslp-tooltip-child:hover:before {
+                opacity: 1;
+            }
+        `
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  livePreviewStyles
+});
+//# sourceMappingURL=live_preview.cjs.map

package/dist/modern/styles/live_preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles/live_preview.ts"],"sourcesContent":["import { css } from \"goober\";\n\nexport const livePreviewStyles = () => {\n    return {\n        \"cslp-edit-mode\": css`\n            outline: 1px dashed #6c5ce7 !important;\n            position: relative !important;\n        `,\n        \"cslp-tooltip\": css`\n            background: transparent;\n            height: 35px;\n            width: 72px;\n            position: fixed;\n            z-index: 200 !important;\n            top: -100%;\n            border: 0;\n            display: flex;\n            padding: 0;\n        `,\n        \"cslp-tooltip-inner-container\": css`\n            padding: 0;\n            display: flex;\n            outline: none;\n            border: none;\n            margin: 0;\n            height: 35px;\n            width: 72px;\n            background: white;\n            font-weight: 400 !important;\n            color: #718096 !important;\n            transition: background 0.2s;\n            text-align: center !important;\n            border-radius: 8px !important;\n            font-size: 14px !important;\n            justify-content: space-around;\n            align-items: center;\n            box-shadow: 0px 8px 20px 0px #2222221a;\n            box-sizing: border-box;\n\n            & div {\n                display: flex;\n                justify-content: space-around;\n                border-radius: 6px !important;\n                cursor: pointer;\n            }\n\n            & div.cslp-tooltip-child:hover {\n                background: #edf2f7;\n            }\n\n            & div.cslp-tooltip-child:active:hover {\n                background: #c7d0e1;\n            }\n\n            & > div {\n                display: flex;\n                justify-content: space-evenly;\n                white-space: nowrap;\n                width: 70px;\n            }\n\n            & .cslp-tooltip-child.singular {\n                padding: 9px 1px;\n            }\n        `,\n        multiple: css`\n            & div.cslp-tooltip-child {\n                padding: 9px;\n            }\n\n            & div.cslp-tooltip-child:before {\n                opacity: 0;\n                font-size: 12px;\n                font-weight: 400;\n                pointer-events: none;\n                content: attr(data-title);\n                color: white;\n                padding: 5px 10px;\n                border-radius: 4px;\n                position: absolute;\n                background: #4a5568;\n                top: -30px;\n                transition: 0.2s all ease-in-out;\n            }\n\n            & div.cslp-tooltip-child:hover:before {\n                opacity: 1;\n            }\n        `,\n    };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoB;AAEb,IAAM,oBAAoB,MAAM;AACnC,SAAO;AAAA,IACH,kBAAkB;AAAA;AAAA;AAAA;AAAA,IAIlB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWhB,gCAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA8ChC,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBd;AACJ;","names":[]}

package/dist/modern/styles/live_preview.d.cts

@@ -0,0 +1,8 @@
+declare const livePreviewStyles: () => {
+    "cslp-edit-mode": string;
+    "cslp-tooltip": string;
+    "cslp-tooltip-inner-container": string;
+    multiple: string;
+};
+
+export { livePreviewStyles };

package/dist/modern/styles/live_preview.d.ts

@@ -0,0 +1,8 @@
+declare const livePreviewStyles: () => {
+    "cslp-edit-mode": string;
+    "cslp-tooltip": string;
+    "cslp-tooltip-inner-container": string;
+    multiple: string;
+};
+
+export { livePreviewStyles };

package/dist/modern/styles/live_preview.js

@@ -0,0 +1,95 @@
+// src/styles/live_preview.ts
+import { css } from "goober";
+var livePreviewStyles = () => {
+  return {
+    "cslp-edit-mode": css`
+            outline: 1px dashed #6c5ce7 !important;
+            position: relative !important;
+        `,
+    "cslp-tooltip": css`
+            background: transparent;
+            height: 35px;
+            width: 72px;
+            position: fixed;
+            z-index: 200 !important;
+            top: -100%;
+            border: 0;
+            display: flex;
+            padding: 0;
+        `,
+    "cslp-tooltip-inner-container": css`
+            padding: 0;
+            display: flex;
+            outline: none;
+            border: none;
+            margin: 0;
+            height: 35px;
+            width: 72px;
+            background: white;
+            font-weight: 400 !important;
+            color: #718096 !important;
+            transition: background 0.2s;
+            text-align: center !important;
+            border-radius: 8px !important;
+            font-size: 14px !important;
+            justify-content: space-around;
+            align-items: center;
+            box-shadow: 0px 8px 20px 0px #2222221a;
+            box-sizing: border-box;
+
+            & div {
+                display: flex;
+                justify-content: space-around;
+                border-radius: 6px !important;
+                cursor: pointer;
+            }
+
+            & div.cslp-tooltip-child:hover {
+                background: #edf2f7;
+            }
+
+            & div.cslp-tooltip-child:active:hover {
+                background: #c7d0e1;
+            }
+
+            & > div {
+                display: flex;
+                justify-content: space-evenly;
+                white-space: nowrap;
+                width: 70px;
+            }
+
+            & .cslp-tooltip-child.singular {
+                padding: 9px 1px;
+            }
+        `,
+    multiple: css`
+            & div.cslp-tooltip-child {
+                padding: 9px;
+            }
+
+            & div.cslp-tooltip-child:before {
+                opacity: 0;
+                font-size: 12px;
+                font-weight: 400;
+                pointer-events: none;
+                content: attr(data-title);
+                color: white;
+                padding: 5px 10px;
+                border-radius: 4px;
+                position: absolute;
+                background: #4a5568;
+                top: -30px;
+                transition: 0.2s all ease-in-out;
+            }
+
+            & div.cslp-tooltip-child:hover:before {
+                opacity: 1;
+            }
+        `
+  };
+};
+export {
+  livePreviewStyles
+};
+//# sourceMappingURL=live_preview.js.map

package/dist/modern/styles/live_preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/styles/live_preview.ts"],"sourcesContent":["import { css } from \"goober\";\n\nexport const livePreviewStyles = () => {\n    return {\n        \"cslp-edit-mode\": css`\n            outline: 1px dashed #6c5ce7 !important;\n            position: relative !important;\n        `,\n        \"cslp-tooltip\": css`\n            background: transparent;\n            height: 35px;\n            width: 72px;\n            position: fixed;\n            z-index: 200 !important;\n            top: -100%;\n            border: 0;\n            display: flex;\n            padding: 0;\n        `,\n        \"cslp-tooltip-inner-container\": css`\n            padding: 0;\n            display: flex;\n            outline: none;\n            border: none;\n            margin: 0;\n            height: 35px;\n            width: 72px;\n            background: white;\n            font-weight: 400 !important;\n            color: #718096 !important;\n            transition: background 0.2s;\n            text-align: center !important;\n            border-radius: 8px !important;\n            font-size: 14px !important;\n            justify-content: space-around;\n            align-items: center;\n            box-shadow: 0px 8px 20px 0px #2222221a;\n            box-sizing: border-box;\n\n            & div {\n                display: flex;\n                justify-content: space-around;\n                border-radius: 6px !important;\n                cursor: pointer;\n            }\n\n            & div.cslp-tooltip-child:hover {\n                background: #edf2f7;\n            }\n\n            & div.cslp-tooltip-child:active:hover {\n                background: #c7d0e1;\n            }\n\n            & > div {\n                display: flex;\n                justify-content: space-evenly;\n                white-space: nowrap;\n                width: 70px;\n            }\n\n            & .cslp-tooltip-child.singular {\n                padding: 9px 1px;\n            }\n        `,\n        multiple: css`\n            & div.cslp-tooltip-child {\n                padding: 9px;\n            }\n\n            & div.cslp-tooltip-child:before {\n                opacity: 0;\n                font-size: 12px;\n                font-weight: 400;\n                pointer-events: none;\n                content: attr(data-title);\n                color: white;\n                padding: 5px 10px;\n                border-radius: 4px;\n                position: absolute;\n                background: #4a5568;\n                top: -30px;\n                transition: 0.2s all ease-in-out;\n            }\n\n            & div.cslp-tooltip-child:hover:before {\n                opacity: 1;\n            }\n        `,\n    };\n};\n"],"mappings":";AAAA,SAAS,WAAW;AAEb,IAAM,oBAAoB,MAAM;AACnC,SAAO;AAAA,IACH,kBAAkB;AAAA;AAAA;AAAA;AAAA,IAIlB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWhB,gCAAgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA8ChC,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBd;AACJ;","names":[]}

package/dist/modern/utils/camelCase.cjs

@@ -0,0 +1,63 @@
+"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/utils/camelCase.ts
+var camelCase_exports = {};
+__export(camelCase_exports, {
+  default: () => camelCase
+});
+module.exports = __toCommonJS(camelCase_exports);
+var wordSeparatorsRegEx = /[\s\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,\-.\/:;<=>?@\[\]^_`{|}~]+/;
+var basicCamelRegEx = /^[a-z\u00E0-\u00FCA-Z\u00C0-\u00DC][\d|a-z\u00E0-\u00FCA-Z\u00C0-\u00DC]*$/;
+var fourOrMoreConsecutiveCapsRegEx = /([A-Z\u00C0-\u00DC]{4,})/g;
+var allCapsRegEx = /^[A-Z\u00C0-\u00DC]+$/;
+function camelCase(str) {
+  const words = str.split(wordSeparatorsRegEx);
+  const len = words.length;
+  const mappedWords = new Array(len);
+  for (let i = 0; i < len; i++) {
+    let word = words[i];
+    if (word === "") {
+      continue;
+    }
+    const isCamelCase = basicCamelRegEx.test(word) && !allCapsRegEx.test(word);
+    if (isCamelCase) {
+      word = word.replace(
+        fourOrMoreConsecutiveCapsRegEx,
+        function(match, p1, offset) {
+          return deCap(
+            match,
+            word.length - offset - match.length == 0
+          );
+        }
+      );
+    }
+    let firstLetter = word[0];
+    firstLetter = i > 0 ? firstLetter.toUpperCase() : firstLetter.toLowerCase();
+    mappedWords[i] = firstLetter + (!isCamelCase ? word.slice(1).toLowerCase() : word.slice(1));
+  }
+  return mappedWords.join("");
+}
+function deCap(match, endOfWord) {
+  const arr = match.split("");
+  const first = arr.shift()?.toUpperCase();
+  const last = endOfWord ? arr.pop()?.toLowerCase() : arr.pop();
+  return first + arr.join("").toLowerCase() + last;
+}
+//# sourceMappingURL=camelCase.cjs.map

package/dist/modern/utils/camelCase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/camelCase.ts"],"sourcesContent":["const wordSeparatorsRegEx =\n    /[\\s\\u2000-\\u206F\\u2E00-\\u2E7F\\\\'!\"#$%&()*+,\\-.\\/:;<=>?@\\[\\]^_`{|}~]+/;\n\nconst basicCamelRegEx =\n    /^[a-z\\u00E0-\\u00FCA-Z\\u00C0-\\u00DC][\\d|a-z\\u00E0-\\u00FCA-Z\\u00C0-\\u00DC]*$/;\nconst fourOrMoreConsecutiveCapsRegEx = /([A-Z\\u00C0-\\u00DC]{4,})/g;\nconst allCapsRegEx = /^[A-Z\\u00C0-\\u00DC]+$/;\n\nexport default function camelCase(str: string) {\n    const words = str.split(wordSeparatorsRegEx);\n    const len = words.length;\n    const mappedWords = new Array(len);\n    for (let i = 0; i < len; i++) {\n        let word = words[i];\n        if (word === \"\") {\n            continue;\n        }\n        const isCamelCase =\n            basicCamelRegEx.test(word) && !allCapsRegEx.test(word);\n        if (isCamelCase) {\n            word = word.replace(\n                fourOrMoreConsecutiveCapsRegEx,\n                function (match, p1, offset) {\n                    return deCap(\n                        match,\n                        word.length - offset - match.length == 0\n                    );\n                }\n            );\n        }\n        let firstLetter = word[0];\n        firstLetter =\n            i > 0 ? firstLetter.toUpperCase() : firstLetter.toLowerCase();\n        mappedWords[i] =\n            firstLetter +\n            (!isCamelCase ? word.slice(1).toLowerCase() : word.slice(1));\n    }\n    return mappedWords.join(\"\");\n}\n\nfunction deCap(match: string, endOfWord: boolean) {\n    const arr = match.split(\"\");\n    const first = arr.shift()?.toUpperCase();\n    const last = endOfWord ? arr.pop()?.toLowerCase() : arr.pop();\n    return first + arr.join(\"\").toLowerCase() + last;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAM,sBACF;AAEJ,IAAM,kBACF;AACJ,IAAM,iCAAiC;AACvC,IAAM,eAAe;AAEN,SAAR,UAA2B,KAAa;AAC3C,QAAM,QAAQ,IAAI,MAAM,mBAAmB;AAC3C,QAAM,MAAM,MAAM;AAClB,QAAM,cAAc,IAAI,MAAM,GAAG;AACjC,WAAS,IAAI,GAAG,IAAI,KAAK,KAAK;AAC1B,QAAI,OAAO,MAAM,CAAC;AAClB,QAAI,SAAS,IAAI;AACb;AAAA,IACJ;AACA,UAAM,cACF,gBAAgB,KAAK,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI;AACzD,QAAI,aAAa;AACb,aAAO,KAAK;AAAA,QACR;AAAA,QACA,SAAU,OAAO,IAAI,QAAQ;AACzB,iBAAO;AAAA,YACH;AAAA,YACA,KAAK,SAAS,SAAS,MAAM,UAAU;AAAA,UAC3C;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AACA,QAAI,cAAc,KAAK,CAAC;AACxB,kBACI,IAAI,IAAI,YAAY,YAAY,IAAI,YAAY,YAAY;AAChE,gBAAY,CAAC,IACT,eACC,CAAC,cAAc,KAAK,MAAM,CAAC,EAAE,YAAY,IAAI,KAAK,MAAM,CAAC;AAAA,EAClE;AACA,SAAO,YAAY,KAAK,EAAE;AAC9B;AAEA,SAAS,MAAM,OAAe,WAAoB;AAC9C,QAAM,MAAM,MAAM,MAAM,EAAE;AAC1B,QAAM,QAAQ,IAAI,MAAM,GAAG,YAAY;AACvC,QAAM,OAAO,YAAY,IAAI,IAAI,GAAG,YAAY,IAAI,IAAI,IAAI;AAC5D,SAAO,QAAQ,IAAI,KAAK,EAAE,EAAE,YAAY,IAAI;AAChD;","names":[]}

package/dist/modern/utils/camelCase.d.cts

@@ -0,0 +1,3 @@
+declare function camelCase(str: string): string;
+
+export { camelCase as default };

package/dist/modern/utils/camelCase.d.ts

@@ -0,0 +1,3 @@
+declare function camelCase(str: string): string;
+
+export { camelCase as default };

package/dist/modern/utils/camelCase.js

@@ -0,0 +1,42 @@
+// src/utils/camelCase.ts
+var wordSeparatorsRegEx = /[\s\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,\-.\/:;<=>?@\[\]^_`{|}~]+/;
+var basicCamelRegEx = /^[a-z\u00E0-\u00FCA-Z\u00C0-\u00DC][\d|a-z\u00E0-\u00FCA-Z\u00C0-\u00DC]*$/;
+var fourOrMoreConsecutiveCapsRegEx = /([A-Z\u00C0-\u00DC]{4,})/g;
+var allCapsRegEx = /^[A-Z\u00C0-\u00DC]+$/;
+function camelCase(str) {
+  const words = str.split(wordSeparatorsRegEx);
+  const len = words.length;
+  const mappedWords = new Array(len);
+  for (let i = 0; i < len; i++) {
+    let word = words[i];
+    if (word === "") {
+      continue;
+    }
+    const isCamelCase = basicCamelRegEx.test(word) && !allCapsRegEx.test(word);
+    if (isCamelCase) {
+      word = word.replace(
+        fourOrMoreConsecutiveCapsRegEx,
+        function(match, p1, offset) {
+          return deCap(
+            match,
+            word.length - offset - match.length == 0
+          );
+        }
+      );
+    }
+    let firstLetter = word[0];
+    firstLetter = i > 0 ? firstLetter.toUpperCase() : firstLetter.toLowerCase();
+    mappedWords[i] = firstLetter + (!isCamelCase ? word.slice(1).toLowerCase() : word.slice(1));
+  }
+  return mappedWords.join("");
+}
+function deCap(match, endOfWord) {
+  const arr = match.split("");
+  const first = arr.shift()?.toUpperCase();
+  const last = endOfWord ? arr.pop()?.toLowerCase() : arr.pop();
+  return first + arr.join("").toLowerCase() + last;
+}
+export {
+  camelCase as default
+};
+//# sourceMappingURL=camelCase.js.map

package/dist/modern/utils/camelCase.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/camelCase.ts"],"sourcesContent":["const wordSeparatorsRegEx =\n    /[\\s\\u2000-\\u206F\\u2E00-\\u2E7F\\\\'!\"#$%&()*+,\\-.\\/:;<=>?@\\[\\]^_`{|}~]+/;\n\nconst basicCamelRegEx =\n    /^[a-z\\u00E0-\\u00FCA-Z\\u00C0-\\u00DC][\\d|a-z\\u00E0-\\u00FCA-Z\\u00C0-\\u00DC]*$/;\nconst fourOrMoreConsecutiveCapsRegEx = /([A-Z\\u00C0-\\u00DC]{4,})/g;\nconst allCapsRegEx = /^[A-Z\\u00C0-\\u00DC]+$/;\n\nexport default function camelCase(str: string) {\n    const words = str.split(wordSeparatorsRegEx);\n    const len = words.length;\n    const mappedWords = new Array(len);\n    for (let i = 0; i < len; i++) {\n        let word = words[i];\n        if (word === \"\") {\n            continue;\n        }\n        const isCamelCase =\n            basicCamelRegEx.test(word) && !allCapsRegEx.test(word);\n        if (isCamelCase) {\n            word = word.replace(\n                fourOrMoreConsecutiveCapsRegEx,\n                function (match, p1, offset) {\n                    return deCap(\n                        match,\n                        word.length - offset - match.length == 0\n                    );\n                }\n            );\n        }\n        let firstLetter = word[0];\n        firstLetter =\n            i > 0 ? firstLetter.toUpperCase() : firstLetter.toLowerCase();\n        mappedWords[i] =\n            firstLetter +\n            (!isCamelCase ? word.slice(1).toLowerCase() : word.slice(1));\n    }\n    return mappedWords.join(\"\");\n}\n\nfunction deCap(match: string, endOfWord: boolean) {\n    const arr = match.split(\"\");\n    const first = arr.shift()?.toUpperCase();\n    const last = endOfWord ? arr.pop()?.toLowerCase() : arr.pop();\n    return first + arr.join(\"\").toLowerCase() + last;\n}\n"],"mappings":";AAAA,IAAM,sBACF;AAEJ,IAAM,kBACF;AACJ,IAAM,iCAAiC;AACvC,IAAM,eAAe;AAEN,SAAR,UAA2B,KAAa;AAC3C,QAAM,QAAQ,IAAI,MAAM,mBAAmB;AAC3C,QAAM,MAAM,MAAM;AAClB,QAAM,cAAc,IAAI,MAAM,GAAG;AACjC,WAAS,IAAI,GAAG,IAAI,KAAK,KAAK;AAC1B,QAAI,OAAO,MAAM,CAAC;AAClB,QAAI,SAAS,IAAI;AACb;AAAA,IACJ;AACA,UAAM,cACF,gBAAgB,KAAK,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI;AACzD,QAAI,aAAa;AACb,aAAO,KAAK;AAAA,QACR;AAAA,QACA,SAAU,OAAO,IAAI,QAAQ;AACzB,iBAAO;AAAA,YACH;AAAA,YACA,KAAK,SAAS,SAAS,MAAM,UAAU;AAAA,UAC3C;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AACA,QAAI,cAAc,KAAK,CAAC;AACxB,kBACI,IAAI,IAAI,YAAY,YAAY,IAAI,YAAY,YAAY;AAChE,gBAAY,CAAC,IACT,eACC,CAAC,cAAc,KAAK,MAAM,CAAC,EAAE,YAAY,IAAI,KAAK,MAAM,CAAC;AAAA,EAClE;AACA,SAAO,YAAY,KAAK,EAAE;AAC9B;AAEA,SAAS,MAAM,OAAe,WAAoB;AAC9C,QAAM,MAAM,MAAM,MAAM,EAAE;AAC1B,QAAM,QAAQ,IAAI,MAAM,GAAG,YAAY;AACvC,QAAM,OAAO,YAAY,IAAI,IAAI,GAAG,YAAY,IAAI,IAAI,IAAI;AAC5D,SAAO,QAAQ,IAAI,KAAK,EAAE,EAAE,YAAY,IAAI;AAChD;","names":[]}

package/dist/modern/utils/compare.cjs

@@ -0,0 +1,43 @@
+"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/utils/compare.ts
+var compare_exports = {};
+__export(compare_exports, {
+  registerCompareElement: () => registerCompareElement
+});
+module.exports = __toCommonJS(compare_exports);
+var DIFF_WRAPPER = "cs-compare";
+function registerCompareElement() {
+  class Compare extends HTMLSpanElement {
+    constructor() {
+      super();
+    }
+  }
+  if (!customElements.get(DIFF_WRAPPER)) {
+    customElements.define(DIFF_WRAPPER, Compare, {
+      extends: "span"
+    });
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  registerCompareElement
+});
+//# sourceMappingURL=compare.cjs.map

package/dist/modern/utils/compare.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/compare.ts"],"sourcesContent":["const DIFF_WRAPPER = \"cs-compare\";\n\nexport function registerCompareElement() {\n    class Compare extends HTMLSpanElement {\n        constructor() {\n            super();\n        }\n    }\n\n    if (!customElements.get(DIFF_WRAPPER)) {\n        customElements.define(DIFF_WRAPPER, Compare, {\n            extends: \"span\",\n        });\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAM,eAAe;AAEd,SAAS,yBAAyB;AAAA,EACrC,MAAM,gBAAgB,gBAAgB;AAAA,IAClC,cAAc;AACV,YAAM;AAAA,IACV;AAAA,EACJ;AAEA,MAAI,CAAC,eAAe,IAAI,YAAY,GAAG;AACnC,mBAAe,OAAO,cAAc,SAAS;AAAA,MACzC,SAAS;AAAA,IACb,CAAC;AAAA,EACL;AACJ;","names":[]}

package/dist/modern/utils/compare.d.cts

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

package/dist/modern/utils/compare.d.ts

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

package/dist/modern/utils/compare.js

@@ -0,0 +1,18 @@
+// src/utils/compare.ts
+var DIFF_WRAPPER = "cs-compare";
+function registerCompareElement() {
+  class Compare extends HTMLSpanElement {
+    constructor() {
+      super();
+    }
+  }
+  if (!customElements.get(DIFF_WRAPPER)) {
+    customElements.define(DIFF_WRAPPER, Compare, {
+      extends: "span"
+    });
+  }
+}
+export {
+  registerCompareElement
+};
+//# sourceMappingURL=compare.js.map

package/dist/modern/utils/compare.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/compare.ts"],"sourcesContent":["const DIFF_WRAPPER = \"cs-compare\";\n\nexport function registerCompareElement() {\n    class Compare extends HTMLSpanElement {\n        constructor() {\n            super();\n        }\n    }\n\n    if (!customElements.get(DIFF_WRAPPER)) {\n        customElements.define(DIFF_WRAPPER, Compare, {\n            extends: \"span\",\n        });\n    }\n}\n"],"mappings":";AAAA,IAAM,eAAe;AAEd,SAAS,yBAAyB;AAAA,EACrC,MAAM,gBAAgB,gBAAgB;AAAA,IAClC,cAAc;AACV,YAAM;AAAA,IACV;AAAA,EACJ;AAEA,MAAI,CAAC,eAAe,IAAI,YAAY,GAAG;AACnC,mBAAe,OAAO,cAAc,SAAS;AAAA,MACzC,SAAS;AAAA,IACb,CAAC;AAAA,EACL;AACJ;","names":[]}

package/dist/modern/utils/defaults.cjs

@@ -0,0 +1,59 @@
+"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/utils/defaults.ts
+var defaults_exports = {};
+__export(defaults_exports, {
+  userInitData: () => userInitData
+});
+module.exports = __toCommonJS(defaults_exports);
+var userInitData = {
+  ssr: true,
+  enable: true,
+  cleanCslpOnProduction: true,
+  editButton: {
+    enable: true,
+    exclude: [],
+    position: "top",
+    includeByQueryParameter: true
+  },
+  stackDetails: {
+    apiKey: "",
+    environment: "",
+    branch: "main"
+  },
+  clientUrlParams: {
+    protocol: "https",
+    host: "app.contentstack.com",
+    port: 443
+  },
+  stackSdk: {
+    live_preview: {},
+    headers: {
+      api_key: ""
+    },
+    environment: ""
+  },
+  runScriptsOnUpdate: false
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  userInitData
+});
+//# sourceMappingURL=defaults.cjs.map

package/dist/modern/utils/defaults.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/defaults.ts"],"sourcesContent":["import { IInitData } from \"./types\";\n\nexport const userInitData: IInitData = {\n    ssr: true,\n    enable: true,\n    cleanCslpOnProduction: true,\n    editButton: {\n        enable: true,\n        exclude: [],\n        position: \"top\",\n        includeByQueryParameter: true,\n    },\n\n    stackDetails: {\n        apiKey: \"\",\n        environment: \"\",\n        branch: \"main\",\n    },\n\n    clientUrlParams: {\n        protocol: \"https\",\n        host: \"app.contentstack.com\",\n        port: 443,\n    },\n    stackSdk: {\n        live_preview: {},\n        headers: {\n            api_key: \"\",\n        },\n        environment: \"\",\n    },\n    runScriptsOnUpdate: false,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,IAAM,eAA0B;AAAA,EACnC,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,uBAAuB;AAAA,EACvB,YAAY;AAAA,IACR,QAAQ;AAAA,IACR,SAAS,CAAC;AAAA,IACV,UAAU;AAAA,IACV,yBAAyB;AAAA,EAC7B;AAAA,EAEA,cAAc;AAAA,IACV,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,EACZ;AAAA,EAEA,iBAAiB;AAAA,IACb,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACN,cAAc,CAAC;AAAA,IACf,SAAS;AAAA,MACL,SAAS;AAAA,IACb;AAAA,IACA,aAAa;AAAA,EACjB;AAAA,EACA,oBAAoB;AACxB;","names":[]}

package/dist/modern/utils/defaults.d.cts

@@ -0,0 +1,5 @@
+import { IInitData } from './types.cjs';
+
+declare const userInitData: IInitData;
+
+export { userInitData };

package/dist/modern/utils/defaults.d.ts

@@ -0,0 +1,5 @@
+import { IInitData } from './types.js';
+
+declare const userInitData: IInitData;
+
+export { userInitData };

package/dist/modern/utils/defaults.js

@@ -0,0 +1,34 @@
+// src/utils/defaults.ts
+var userInitData = {
+  ssr: true,
+  enable: true,
+  cleanCslpOnProduction: true,
+  editButton: {
+    enable: true,
+    exclude: [],
+    position: "top",
+    includeByQueryParameter: true
+  },
+  stackDetails: {
+    apiKey: "",
+    environment: "",
+    branch: "main"
+  },
+  clientUrlParams: {
+    protocol: "https",
+    host: "app.contentstack.com",
+    port: 443
+  },
+  stackSdk: {
+    live_preview: {},
+    headers: {
+      api_key: ""
+    },
+    environment: ""
+  },
+  runScriptsOnUpdate: false
+};
+export {
+  userInitData
+};
+//# sourceMappingURL=defaults.js.map

package/dist/modern/utils/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/defaults.ts"],"sourcesContent":["import { IInitData } from \"./types\";\n\nexport const userInitData: IInitData = {\n    ssr: true,\n    enable: true,\n    cleanCslpOnProduction: true,\n    editButton: {\n        enable: true,\n        exclude: [],\n        position: \"top\",\n        includeByQueryParameter: true,\n    },\n\n    stackDetails: {\n        apiKey: \"\",\n        environment: \"\",\n        branch: \"main\",\n    },\n\n    clientUrlParams: {\n        protocol: \"https\",\n        host: \"app.contentstack.com\",\n        port: 443,\n    },\n    stackSdk: {\n        live_preview: {},\n        headers: {\n            api_key: \"\",\n        },\n        environment: \"\",\n    },\n    runScriptsOnUpdate: false,\n};\n"],"mappings":";AAEO,IAAM,eAA0B;AAAA,EACnC,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,uBAAuB;AAAA,EACvB,YAAY;AAAA,IACR,QAAQ;AAAA,IACR,SAAS,CAAC;AAAA,IACV,UAAU;AAAA,IACV,yBAAyB;AAAA,EAC7B;AAAA,EAEA,cAAc;AAAA,IACV,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,EACZ;AAAA,EAEA,iBAAiB;AAAA,IACb,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACN,cAAc,CAAC;AAAA,IACf,SAAS;AAAA,MACL,SAAS;AAAA,IACb;AAAA,IACA,aAAa;AAAA,EACjB;AAAA,EACA,oBAAoB;AACxB;","names":[]}

package/dist/modern/utils/handlePageTraversal.cjs

@@ -0,0 +1,47 @@
+"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/utils/handlePageTraversal.ts
+var handlePageTraversal_exports = {};
+__export(handlePageTraversal_exports, {
+  handlePageTraversal: () => handlePageTraversal
+});
+module.exports = __toCommonJS(handlePageTraversal_exports);
+var handlePageTraversal = () => {
+  window.addEventListener("unload", () => {
+    const targetURL = document.activeElement.href;
+    if (targetURL) {
+      window.parent.postMessage(
+        {
+          from: "live-preview",
+          type: "url-change",
+          data: {
+            targetURL
+          }
+        },
+        "*"
+      );
+    }
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  handlePageTraversal
+});
+//# sourceMappingURL=handlePageTraversal.cjs.map

package/dist/modern/utils/handlePageTraversal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/handlePageTraversal.ts"],"sourcesContent":["export const handlePageTraversal = () => {\n    window.addEventListener(\"unload\", () => {\n        const targetURL = (document.activeElement as HTMLAnchorElement).href;\n        if (targetURL) {\n            window.parent.postMessage(\n                {\n                    from: \"live-preview\",\n                    type: \"url-change\",\n                    data: {\n                        targetURL,\n                    },\n                },\n                \"*\"\n            );\n        }\n    });\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,sBAAsB,MAAM;AACrC,SAAO,iBAAiB,UAAU,MAAM;AACpC,UAAM,YAAa,SAAS,cAAoC;AAChE,QAAI,WAAW;AACX,aAAO,OAAO;AAAA,QACV;AAAA,UACI,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAM;AAAA,YACF;AAAA,UACJ;AAAA,QACJ;AAAA,QACA;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ,CAAC;AACL;","names":[]}

package/dist/modern/utils/handlePageTraversal.d.cts

@@ -0,0 +1,3 @@
+declare const handlePageTraversal: () => void;
+
+export { handlePageTraversal };

package/dist/modern/utils/handlePageTraversal.d.ts

@@ -0,0 +1,3 @@
+declare const handlePageTraversal: () => void;
+
+export { handlePageTraversal };