@contentstack/live-preview-utils 3.0.0 → 3.0.2

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021-2024 Contentstack
+Copyright (c) 2021-2025 Contentstack
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -16,7 +16,7 @@ Alternatively, if you want to include the package directly in your website HTML
 
 ```html
 <script type='module'  integrity='sha384-9M4o9H23Ax5ZTzsMRLgdlFBYk2hy+ub6XDiZhHWJjfebQ+MZ9iZw+GNep9ac0uFV' crossorigin="anonymous">
-     import ContentstackLivePreview from 'https://esm.sh/@contentstack/live-preview-utils@3.0.0';
+     import ContentstackLivePreview from 'https://esm.sh/@contentstack/live-preview-utils@3.0.1';
 
      ContentstackLivePreview.init({
         stackDetails: {

package/dist/legacy/cslp/cslpdata.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/cslp/cslpdata.ts"],"sourcesContent":["import { isNil, isFinite, findLastIndex, findLast } from \"lodash-es\";\nimport {\n    CslpData,\n    CslpDataMultipleFieldMetadata,\n    CslpDataParentDetails,\n} from \"./types/cslp.types\";\nimport Config from \"../configManager/configManager\";\nimport { DeepSignal } from \"deepsignal\";\nimport { cslpTagStyles } from \"../livePreview/editButton/editButton.style\";\n\n/**\n * Extracts details from a CSLP value string.\n * @param cslpValue The CSLP value string to extract details from.\n * @returns An object containing the extracted details.\n */\nexport function extractDetailsFromCslp(cslpValue: string): CslpData {\n    let [cslpVersion, cslpData] = cslpValue.split(\":\");\n    // If the cslpVersion is greater than 2 letter which means it is v1 version of cslp data\n    if (cslpVersion.length > 2) {\n        cslpData = cslpVersion;\n        cslpVersion = \"v1\";\n    }\n\n    const [content_type_uid, entryInfo, locale, ...fieldPath] =\n        cslpData.split(\".\");\n\n    let entry_uid: string;\n    let variant;\n\n    switch (cslpVersion) {\n        case \"v2\": {\n            const [uid, variant_uid] = entryInfo.split(\"_\");\n            entry_uid = uid;\n            variant = variant_uid;\n            break;\n        }\n        default: {\n            entry_uid = entryInfo;\n            break;\n        }\n    }\n    const instancePathWithInstance = fieldPath.join(\".\");\n    const calculatedPath = fieldPath.filter((path) => {\n        const isEmpty = isNil(path);\n        const isNumber = isFinite(+path);\n        return (!isEmpty && !isNumber) || false;\n    });\n\n    const multipleFieldMetadata: CslpDataMultipleFieldMetadata =\n        getMultipleFieldMetadata(\n            content_type_uid,\n            entry_uid,\n            locale,\n            fieldPath\n        );\n\n    /**\n     * The index in the end of the field does not represent a field.\n     * It represents the index of the field in the multiple field.\n     * Hence, we pop it out.\n     */\n    if (isFinite(+fieldPath[fieldPath.length - 1])) {\n        fieldPath.pop();\n    }\n\n    return {\n        entry_uid,\n        content_type_uid,\n        variant,\n        locale,\n        cslpValue: cslpValue,\n        fieldPath: calculatedPath.join(\".\"),\n        fieldPathWithIndex: fieldPath.join(\".\"),\n        multipleFieldMetadata: multipleFieldMetadata,\n        instance: {\n            fieldPathWithIndex: instancePathWithInstance,\n        },\n    };\n}\n\n/**\n * Returns the parent path details of a given field path in CSLP format.\n * @param content_type_uid - The UID of the content type.\n * @param entry_uid - The UID of the entry.\n * @param locale - The locale of the entry.\n * @param fieldPath - The field path to get the parent path details for.\n * @returns The parent path details in CSLP format, or null if the field path does not have a parent.\n */\nfunction getParentPathDetails(\n    content_type_uid: string,\n    entry_uid: string,\n    locale: string,\n    fieldPath: string[]\n): CslpDataParentDetails | null {\n    const index = findLastIndex(fieldPath, (path) => isFinite(+path));\n    if (index === -1) return null;\n\n    const parentPath = fieldPath.slice(0, index);\n    return {\n        parentPath: parentPath.join(\".\"),\n        parentCslpValue: [\n            content_type_uid,\n            entry_uid,\n            locale,\n            ...parentPath,\n        ].join(\".\"),\n    };\n}\n\n/**\n * Returns metadata for a multiple field in a content entry.\n * @param content_type_uid - The UID of the content type.\n * @param entry_uid - The UID of the content entry.\n * @param locale - The locale of the content entry.\n * @param fieldPath - The path of the multiple field.\n * @returns The metadata for the multiple field.\n */\nfunction getMultipleFieldMetadata(\n    content_type_uid: string,\n    entry_uid: string,\n    locale: string,\n    fieldPath: string[]\n): CslpDataMultipleFieldMetadata {\n    const parentDetails = getParentPathDetails(\n        content_type_uid,\n        entry_uid,\n        locale,\n        fieldPath\n    );\n\n    const index = findLast(fieldPath, (path) => isFinite(+path));\n\n    return {\n        parentDetails: parentDetails,\n        index: isNil(index) ? -1 : +index,\n    };\n}\n\n//TODO: move this to editbutton\n/**\n * Adds an outline to the clicked element and triggers a callback function.\n * @param e - The MouseEvent object representing the click event.\n * @param callback - An optional callback function that will be called with the CSLP tag and highlighted element as arguments.\n */\nexport function addCslpOutline(\n    e: MouseEvent,\n    callback?: (args: {\n        cslpTag: string;\n        highlightedElement: HTMLElement;\n    }) => void\n): void {\n    const elements = Config.get().elements;\n\n    let trigger = true;\n    const eventTargets = e.composedPath();\n\n    for (const eventTarget of eventTargets) {\n        const element = eventTarget as HTMLElement;\n        if (element.nodeName === \"BODY\") break;\n        if (typeof element?.getAttribute !== \"function\") continue;\n\n        const cslpTag = element.getAttribute(\"data-cslp\");\n\n        if (trigger && cslpTag) {\n            if (elements.highlightedElement)\n                elements.highlightedElement.classList.remove(\n                    cslpTagStyles()[\"cslp-edit-mode\"]\n                );\n            element.classList.add(cslpTagStyles()[\"cslp-edit-mode\"]);\n\n            const updatedElements = elements;\n            updatedElements.highlightedElement =\n                element as DeepSignal<HTMLElement>;\n            Config.set(\"elements\", updatedElements);\n\n            callback?.({\n                cslpTag: cslpTag,\n                highlightedElement: element,\n            });\n\n            trigger = false;\n        } else if (!trigger) {\n            element.classList.remove(cslpTagStyles()[\"cslp-edit-mode\"]);\n        }\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyD;AAMzD,2BAAmB;AAEnB,wBAA8B;AAOvB,SAAS,uBAAuB,WAA6B;AAChE,MAAI,CAAC,aAAa,QAAQ,IAAI,UAAU,MAAM,GAAG;AAEjD,MAAI,YAAY,SAAS,GAAG;AACxB,eAAW;AACX,kBAAc;AAAA,EAClB;AAEA,QAAM,CAAC,kBAAkB,WAAW,QAAQ,GAAG,SAAS,IACpD,SAAS,MAAM,GAAG;AAEtB,MAAI;AACJ,MAAI;AAEJ,UAAQ,aAAa;AAAA,IACjB,KAAK,MAAM;AACP,YAAM,CAAC,KAAK,WAAW,IAAI,UAAU,MAAM,GAAG;AAC9C,kBAAY;AACZ,gBAAU;AACV;AAAA,IACJ;AAAA,IACA,SAAS;AACL,kBAAY;AACZ;AAAA,IACJ;AAAA,EACJ;AACA,QAAM,2BAA2B,UAAU,KAAK,GAAG;AACnD,QAAM,iBAAiB,UAAU,OAAO,CAAC,SAAS;AAC9C,UAAM,cAAU,wBAAM,IAAI;AAC1B,UAAM,eAAW,2BAAS,CAAC,IAAI;AAC/B,WAAQ,CAAC,WAAW,CAAC,YAAa;AAAA,EACtC,CAAC;AAED,QAAM,wBACF;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAOJ,UAAI,2BAAS,CAAC,UAAU,UAAU,SAAS,CAAC,CAAC,GAAG;AAC5C,cAAU,IAAI;AAAA,EAClB;AAEA,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,eAAe,KAAK,GAAG;AAAA,IAClC,oBAAoB,UAAU,KAAK,GAAG;AAAA,IACtC;AAAA,IACA,UAAU;AAAA,MACN,oBAAoB;AAAA,IACxB;AAAA,EACJ;AACJ;AAUA,SAAS,qBACL,kBACA,WACA,QACA,WAC4B;AAC5B,QAAM,YAAQ,gCAAc,WAAW,CAAC,aAAS,2BAAS,CAAC,IAAI,CAAC;AAChE,MAAI,UAAU,GAAI,QAAO;AAEzB,QAAM,aAAa,UAAU,MAAM,GAAG,KAAK;AAC3C,SAAO;AAAA,IACH,YAAY,WAAW,KAAK,GAAG;AAAA,IAC/B,iBAAiB;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACP,EAAE,KAAK,GAAG;AAAA,EACd;AACJ;AAUA,SAAS,yBACL,kBACA,WACA,QACA,WAC6B;AAC7B,QAAM,gBAAgB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,YAAQ,2BAAS,WAAW,CAAC,aAAS,2BAAS,CAAC,IAAI,CAAC;AAE3D,SAAO;AAAA,IACH;AAAA,IACA,WAAO,wBAAM,KAAK,IAAI,KAAK,CAAC;AAAA,EAChC;AACJ;AAQO,SAAS,eACZ,GACA,UAII;AACJ,QAAM,WAAW,qBAAAA,QAAO,IAAI,EAAE;AAE9B,MAAI,UAAU;AACd,QAAM,eAAe,EAAE,aAAa;AAEpC,aAAW,eAAe,cAAc;AACpC,UAAM,UAAU;AAChB,QAAI,QAAQ,aAAa,OAAQ;AACjC,QAAI,QAAO,mCAAS,kBAAiB,WAAY;AAEjD,UAAM,UAAU,QAAQ,aAAa,WAAW;AAEhD,QAAI,WAAW,SAAS;AACpB,UAAI,SAAS;AACT,iBAAS,mBAAmB,UAAU;AAAA,cAClC,iCAAc,EAAE,gBAAgB;AAAA,QACpC;AACJ,cAAQ,UAAU,QAAI,iCAAc,EAAE,gBAAgB,CAAC;AAEvD,YAAM,kBAAkB;AACxB,sBAAgB,qBACZ;AACJ,2BAAAA,QAAO,IAAI,YAAY,eAAe;AAEtC,2CAAW;AAAA,QACP;AAAA,QACA,oBAAoB;AAAA,MACxB;AAEA,gBAAU;AAAA,IACd,WAAW,CAAC,SAAS;AACjB,cAAQ,UAAU,WAAO,iCAAc,EAAE,gBAAgB,CAAC;AAAA,IAC9D;AAAA,EACJ;AACJ;","names":["Config"]}
+{"version":3,"sources":["../../../src/cslp/cslpdata.ts"],"sourcesContent":["import { isNil, isFinite, findLastIndex, findLast } from \"lodash-es\";\nimport {\n    CslpData,\n    CslpDataMultipleFieldMetadata,\n    CslpDataParentDetails,\n} from \"./types/cslp.types\";\nimport Config from \"../configManager/configManager\";\nimport { DeepSignal } from \"deepsignal\";\nimport { cslpTagStyles } from \"../livePreview/editButton/editButton.style\";\n\n/**\n * Extracts details from a CSLP value string.\n * @param cslpValue The CSLP value string to extract details from.\n * @returns An object containing the extracted details.\n */\nexport function extractDetailsFromCslp(cslpValue: string): CslpData {\n    let [cslpVersion, cslpData] = cslpValue.split(\":\");\n    // If the cslpVersion is greater than 2 letter which means it is v1 version of cslp data\n    if (cslpVersion.length > 2) {\n        cslpData = cslpVersion;\n        cslpVersion = \"v1\";\n    }\n\n    const [content_type_uid, entryInfo, locale, ...fieldPath] =\n        cslpData.split(\".\");\n\n    let entry_uid: string;\n    let variant;\n\n    switch (cslpVersion) {\n        case \"v2\": {\n            const [uid, variant_uid] = entryInfo.split(\"_\");\n            entry_uid = uid;\n            variant = variant_uid;\n            break;\n        }\n        default: {\n            entry_uid = entryInfo;\n            break;\n        }\n    }\n    const instancePathWithInstance = fieldPath.join(\".\");\n    const calculatedPath = fieldPath.filter((path) => {\n        const isEmpty = isNil(path);\n        const isNumber = isFinite(+path);\n        return (!isEmpty && !isNumber) || false;\n    });\n\n    const multipleFieldMetadata: CslpDataMultipleFieldMetadata =\n        getMultipleFieldMetadata(\n            content_type_uid,\n            entry_uid,\n            locale,\n            fieldPath\n        );\n\n    /**\n     * The index in the end of the field does not represent a field.\n     * It represents the index of the field in the multiple field.\n     * Hence, we pop it out.\n     */\n    if (isFinite(+fieldPath[fieldPath.length - 1])) {\n        fieldPath.pop();\n    }\n\n    return {\n        entry_uid,\n        content_type_uid,\n        variant,\n        locale,\n        cslpValue: cslpValue,\n        fieldPath: calculatedPath.join(\".\"),\n        fieldPathWithIndex: fieldPath.join(\".\"),\n        multipleFieldMetadata: multipleFieldMetadata,\n        instance: {\n            fieldPathWithIndex: instancePathWithInstance,\n        },\n    };\n}\n\n/**\n * Returns the parent path details of a given field path in CSLP format.\n * @param content_type_uid - The UID of the content type.\n * @param entry_uid - The UID of the entry.\n * @param locale - The locale of the entry.\n * @param fieldPath - The field path to get the parent path details for.\n * @returns The parent path details in CSLP format, or null if the field path does not have a parent.\n */\nfunction getParentPathDetails(\n    content_type_uid: string,\n    entry_uid: string,\n    locale: string,\n    fieldPath: string[]\n): CslpDataParentDetails | null {\n    const index = findLastIndex(fieldPath, (path) => isFinite(+path));\n    if (index === -1) return null;\n\n    const parentPath = fieldPath.slice(0, index);\n    return {\n        parentPath: parentPath.join(\".\"),\n        parentCslpValue: [\n            content_type_uid,\n            entry_uid,\n            locale,\n            ...parentPath,\n        ].join(\".\"),\n    };\n}\n\n/**\n * Returns metadata for a multiple field in a content entry.\n * @summary ONLY USE THESE RETURNED VALUES WHEN FIELD IS MULTIPLE\n * @summary IT GIVES WRONG DATA IF FIELD IS NOT MULTIPLE\n * @param content_type_uid - The UID of the content type.\n * @param entry_uid - The UID of the content entry.\n * @param locale - The locale of the content entry.\n * @param fieldPath - The path of the multiple field.\n * @returns The metadata for the multiple field.\n */\nfunction getMultipleFieldMetadata(\n    content_type_uid: string,\n    entry_uid: string,\n    locale: string,\n    fieldPath: string[]\n): CslpDataMultipleFieldMetadata {\n    const parentDetails = getParentPathDetails(\n        content_type_uid,\n        entry_uid,\n        locale,\n        fieldPath\n    );\n\n    const index = findLast(fieldPath, (path) => isFinite(+path));\n\n    return {\n        parentDetails: parentDetails,\n        index: isNil(index) ? -1 : +index,\n    };\n}\n\n//TODO: move this to editbutton\n/**\n * Adds an outline to the clicked element and triggers a callback function.\n * @param e - The MouseEvent object representing the click event.\n * @param callback - An optional callback function that will be called with the CSLP tag and highlighted element as arguments.\n */\nexport function addCslpOutline(\n    e: MouseEvent,\n    callback?: (args: {\n        cslpTag: string;\n        highlightedElement: HTMLElement;\n    }) => void\n): void {\n    const elements = Config.get().elements;\n\n    let trigger = true;\n    const eventTargets = e.composedPath();\n\n    for (const eventTarget of eventTargets) {\n        const element = eventTarget as HTMLElement;\n        if (element.nodeName === \"BODY\") break;\n        if (typeof element?.getAttribute !== \"function\") continue;\n\n        const cslpTag = element.getAttribute(\"data-cslp\");\n\n        if (trigger && cslpTag) {\n            if (elements.highlightedElement)\n                elements.highlightedElement.classList.remove(\n                    cslpTagStyles()[\"cslp-edit-mode\"]\n                );\n            element.classList.add(cslpTagStyles()[\"cslp-edit-mode\"]);\n\n            const updatedElements = elements;\n            updatedElements.highlightedElement =\n                element as DeepSignal<HTMLElement>;\n            Config.set(\"elements\", updatedElements);\n\n            callback?.({\n                cslpTag: cslpTag,\n                highlightedElement: element,\n            });\n\n            trigger = false;\n        } else if (!trigger) {\n            element.classList.remove(cslpTagStyles()[\"cslp-edit-mode\"]);\n        }\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyD;AAMzD,2BAAmB;AAEnB,wBAA8B;AAOvB,SAAS,uBAAuB,WAA6B;AAChE,MAAI,CAAC,aAAa,QAAQ,IAAI,UAAU,MAAM,GAAG;AAEjD,MAAI,YAAY,SAAS,GAAG;AACxB,eAAW;AACX,kBAAc;AAAA,EAClB;AAEA,QAAM,CAAC,kBAAkB,WAAW,QAAQ,GAAG,SAAS,IACpD,SAAS,MAAM,GAAG;AAEtB,MAAI;AACJ,MAAI;AAEJ,UAAQ,aAAa;AAAA,IACjB,KAAK,MAAM;AACP,YAAM,CAAC,KAAK,WAAW,IAAI,UAAU,MAAM,GAAG;AAC9C,kBAAY;AACZ,gBAAU;AACV;AAAA,IACJ;AAAA,IACA,SAAS;AACL,kBAAY;AACZ;AAAA,IACJ;AAAA,EACJ;AACA,QAAM,2BAA2B,UAAU,KAAK,GAAG;AACnD,QAAM,iBAAiB,UAAU,OAAO,CAAC,SAAS;AAC9C,UAAM,cAAU,wBAAM,IAAI;AAC1B,UAAM,eAAW,2BAAS,CAAC,IAAI;AAC/B,WAAQ,CAAC,WAAW,CAAC,YAAa;AAAA,EACtC,CAAC;AAED,QAAM,wBACF;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAOJ,UAAI,2BAAS,CAAC,UAAU,UAAU,SAAS,CAAC,CAAC,GAAG;AAC5C,cAAU,IAAI;AAAA,EAClB;AAEA,SAAO;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,eAAe,KAAK,GAAG;AAAA,IAClC,oBAAoB,UAAU,KAAK,GAAG;AAAA,IACtC;AAAA,IACA,UAAU;AAAA,MACN,oBAAoB;AAAA,IACxB;AAAA,EACJ;AACJ;AAUA,SAAS,qBACL,kBACA,WACA,QACA,WAC4B;AAC5B,QAAM,YAAQ,gCAAc,WAAW,CAAC,aAAS,2BAAS,CAAC,IAAI,CAAC;AAChE,MAAI,UAAU,GAAI,QAAO;AAEzB,QAAM,aAAa,UAAU,MAAM,GAAG,KAAK;AAC3C,SAAO;AAAA,IACH,YAAY,WAAW,KAAK,GAAG;AAAA,IAC/B,iBAAiB;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACP,EAAE,KAAK,GAAG;AAAA,EACd;AACJ;AAYA,SAAS,yBACL,kBACA,WACA,QACA,WAC6B;AAC7B,QAAM,gBAAgB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AAEA,QAAM,YAAQ,2BAAS,WAAW,CAAC,aAAS,2BAAS,CAAC,IAAI,CAAC;AAE3D,SAAO;AAAA,IACH;AAAA,IACA,WAAO,wBAAM,KAAK,IAAI,KAAK,CAAC;AAAA,EAChC;AACJ;AAQO,SAAS,eACZ,GACA,UAII;AACJ,QAAM,WAAW,qBAAAA,QAAO,IAAI,EAAE;AAE9B,MAAI,UAAU;AACd,QAAM,eAAe,EAAE,aAAa;AAEpC,aAAW,eAAe,cAAc;AACpC,UAAM,UAAU;AAChB,QAAI,QAAQ,aAAa,OAAQ;AACjC,QAAI,QAAO,mCAAS,kBAAiB,WAAY;AAEjD,UAAM,UAAU,QAAQ,aAAa,WAAW;AAEhD,QAAI,WAAW,SAAS;AACpB,UAAI,SAAS;AACT,iBAAS,mBAAmB,UAAU;AAAA,cAClC,iCAAc,EAAE,gBAAgB;AAAA,QACpC;AACJ,cAAQ,UAAU,QAAI,iCAAc,EAAE,gBAAgB,CAAC;AAEvD,YAAM,kBAAkB;AACxB,sBAAgB,qBACZ;AACJ,2BAAAA,QAAO,IAAI,YAAY,eAAe;AAEtC,2CAAW;AAAA,QACP;AAAA,QACA,oBAAoB;AAAA,MACxB;AAEA,gBAAU;AAAA,IACd,WAAW,CAAC,SAAS;AACjB,cAAQ,UAAU,WAAO,iCAAc,EAAE,gBAAgB,CAAC;AAAA,IAC9D;AAAA,EACJ;AACJ;","names":["Config"]}

package/dist/legacy/cslp/cslpdata.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/cslp/cslpdata.ts"],"sourcesContent":["import { isNil, isFinite, findLastIndex, findLast } from \"lodash-es\";\nimport {\n    CslpData,\n    CslpDataMultipleFieldMetadata,\n    CslpDataParentDetails,\n} from \"./types/cslp.types\";\nimport Config from \"../configManager/configManager\";\nimport { DeepSignal } from \"deepsignal\";\nimport { cslpTagStyles } from \"../livePreview/editButton/editButton.style\";\n\n/**\n * Extracts details from a CSLP value string.\n * @param cslpValue The CSLP value string to extract details from.\n * @returns An object containing the extracted details.\n */\nexport function extractDetailsFromCslp(cslpValue: string): CslpData {\n    let [cslpVersion, cslpData] = cslpValue.split(\":\");\n    // If the cslpVersion is greater than 2 letter which means it is v1 version of cslp data\n    if (cslpVersion.length > 2) {\n        cslpData = cslpVersion;\n        cslpVersion = \"v1\";\n    }\n\n    const [content_type_uid, entryInfo, locale, ...fieldPath] =\n        cslpData.split(\".\");\n\n    let entry_uid: string;\n    let variant;\n\n    switch (cslpVersion) {\n        case \"v2\": {\n            const [uid, variant_uid] = entryInfo.split(\"_\");\n            entry_uid = uid;\n            variant = variant_uid;\n            break;\n        }\n        default: {\n            entry_uid = entryInfo;\n            break;\n        }\n    }\n    const instancePathWithInstance = fieldPath.join(\".\");\n    const calculatedPath = fieldPath.filter((path) => {\n        const isEmpty = isNil(path);\n        const isNumber = isFinite(+path);\n        return (!isEmpty && !isNumber) || false;\n    });\n\n    const multipleFieldMetadata: CslpDataMultipleFieldMetadata =\n        getMultipleFieldMetadata(\n            content_type_uid,\n            entry_uid,\n            locale,\n            fieldPath\n        );\n\n    /**\n     * The index in the end of the field does not represent a field.\n     * It represents the index of the field in the multiple field.\n     * Hence, we pop it out.\n     */\n    if (isFinite(+fieldPath[fieldPath.length - 1])) {\n        fieldPath.pop();\n    }\n\n    return {\n        entry_uid,\n        content_type_uid,\n        variant,\n        locale,\n        cslpValue: cslpValue,\n        fieldPath: calculatedPath.join(\".\"),\n        fieldPathWithIndex: fieldPath.join(\".\"),\n        multipleFieldMetadata: multipleFieldMetadata,\n        instance: {\n            fieldPathWithIndex: instancePathWithInstance,\n        },\n    };\n}\n\n/**\n * Returns the parent path details of a given field path in CSLP format.\n * @param content_type_uid - The UID of the content type.\n * @param entry_uid - The UID of the entry.\n * @param locale - The locale of the entry.\n * @param fieldPath - The field path to get the parent path details for.\n * @returns The parent path details in CSLP format, or null if the field path does not have a parent.\n */\nfunction getParentPathDetails(\n    content_type_uid: string,\n    entry_uid: string,\n    locale: string,\n    fieldPath: string[]\n): CslpDataParentDetails | null {\n    const index = findLastIndex(fieldPath, (path) => isFinite(+path));\n    if (index === -1) return null;\n\n    const parentPath = fieldPath.slice(0, index);\n    return {\n        parentPath: parentPath.join(\".\"),\n        parentCslpValue: [\n            content_type_uid,\n            entry_uid,\n            locale,\n            ...parentPath,\n        ].join(\".\"),\n    };\n}\n\n/**\n * Returns metadata for a multiple field in a content entry.\n * @param content_type_uid - The UID of the content type.\n * @param entry_uid - The UID of the content entry.\n * @param locale - The locale of the content entry.\n * @param fieldPath - The path of the multiple field.\n * @returns The metadata for the multiple field.\n */\nfunction getMultipleFieldMetadata(\n    content_type_uid: string,\n    entry_uid: string,\n    locale: string,\n    fieldPath: string[]\n): CslpDataMultipleFieldMetadata {\n    const parentDetails = getParentPathDetails(\n        content_type_uid,\n        entry_uid,\n        locale,\n        fieldPath\n    );\n\n    const index = findLast(fieldPath, (path) => isFinite(+path));\n\n    return {\n        parentDetails: parentDetails,\n        index: isNil(index) ? -1 : +index,\n    };\n}\n\n//TODO: move this to editbutton\n/**\n * Adds an outline to the clicked element and triggers a callback function.\n * @param e - The MouseEvent object representing the click event.\n * @param callback - An optional callback function that will be called with the CSLP tag and highlighted element as arguments.\n */\nexport function addCslpOutline(\n    e: MouseEvent,\n    callback?: (args: {\n        cslpTag: string;\n        highlightedElement: HTMLElement;\n    }) => void\n): void {\n    const elements = Config.get().elements;\n\n    let trigger = true;\n    const eventTargets = e.composedPath();\n\n    for (const eventTarget of eventTargets) {\n        const element = eventTarget as HTMLElement;\n        if (element.nodeName === \"BODY\") break;\n        if (typeof element?.getAttribute !== \"function\") continue;\n\n        const cslpTag = element.getAttribute(\"data-cslp\");\n\n        if (trigger && cslpTag) {\n            if (elements.highlightedElement)\n                elements.highlightedElement.classList.remove(\n                    cslpTagStyles()[\"cslp-edit-mode\"]\n                );\n            element.classList.add(cslpTagStyles()[\"cslp-edit-mode\"]);\n\n            const updatedElements = elements;\n            updatedElements.highlightedElement =\n                element as DeepSignal<HTMLElement>;\n            Config.set(\"elements\", updatedElements);\n\n            callback?.({\n                cslpTag: cslpTag,\n                highlightedElement: element,\n            });\n\n            trigger = false;\n        } else if (!trigger) {\n            element.classList.remove(cslpTagStyles()[\"cslp-edit-mode\"]);\n        }\n    }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/cslp/cslpdata.ts"],"sourcesContent":["import { isNil, isFinite, findLastIndex, findLast } from \"lodash-es\";\nimport {\n    CslpData,\n    CslpDataMultipleFieldMetadata,\n    CslpDataParentDetails,\n} from \"./types/cslp.types\";\nimport Config from \"../configManager/configManager\";\nimport { DeepSignal } from \"deepsignal\";\nimport { cslpTagStyles } from \"../livePreview/editButton/editButton.style\";\n\n/**\n * Extracts details from a CSLP value string.\n * @param cslpValue The CSLP value string to extract details from.\n * @returns An object containing the extracted details.\n */\nexport function extractDetailsFromCslp(cslpValue: string): CslpData {\n    let [cslpVersion, cslpData] = cslpValue.split(\":\");\n    // If the cslpVersion is greater than 2 letter which means it is v1 version of cslp data\n    if (cslpVersion.length > 2) {\n        cslpData = cslpVersion;\n        cslpVersion = \"v1\";\n    }\n\n    const [content_type_uid, entryInfo, locale, ...fieldPath] =\n        cslpData.split(\".\");\n\n    let entry_uid: string;\n    let variant;\n\n    switch (cslpVersion) {\n        case \"v2\": {\n            const [uid, variant_uid] = entryInfo.split(\"_\");\n            entry_uid = uid;\n            variant = variant_uid;\n            break;\n        }\n        default: {\n            entry_uid = entryInfo;\n            break;\n        }\n    }\n    const instancePathWithInstance = fieldPath.join(\".\");\n    const calculatedPath = fieldPath.filter((path) => {\n        const isEmpty = isNil(path);\n        const isNumber = isFinite(+path);\n        return (!isEmpty && !isNumber) || false;\n    });\n\n    const multipleFieldMetadata: CslpDataMultipleFieldMetadata =\n        getMultipleFieldMetadata(\n            content_type_uid,\n            entry_uid,\n            locale,\n            fieldPath\n        );\n\n    /**\n     * The index in the end of the field does not represent a field.\n     * It represents the index of the field in the multiple field.\n     * Hence, we pop it out.\n     */\n    if (isFinite(+fieldPath[fieldPath.length - 1])) {\n        fieldPath.pop();\n    }\n\n    return {\n        entry_uid,\n        content_type_uid,\n        variant,\n        locale,\n        cslpValue: cslpValue,\n        fieldPath: calculatedPath.join(\".\"),\n        fieldPathWithIndex: fieldPath.join(\".\"),\n        multipleFieldMetadata: multipleFieldMetadata,\n        instance: {\n            fieldPathWithIndex: instancePathWithInstance,\n        },\n    };\n}\n\n/**\n * Returns the parent path details of a given field path in CSLP format.\n * @param content_type_uid - The UID of the content type.\n * @param entry_uid - The UID of the entry.\n * @param locale - The locale of the entry.\n * @param fieldPath - The field path to get the parent path details for.\n * @returns The parent path details in CSLP format, or null if the field path does not have a parent.\n */\nfunction getParentPathDetails(\n    content_type_uid: string,\n    entry_uid: string,\n    locale: string,\n    fieldPath: string[]\n): CslpDataParentDetails | null {\n    const index = findLastIndex(fieldPath, (path) => isFinite(+path));\n    if (index === -1) return null;\n\n    const parentPath = fieldPath.slice(0, index);\n    return {\n        parentPath: parentPath.join(\".\"),\n        parentCslpValue: [\n            content_type_uid,\n            entry_uid,\n            locale,\n            ...parentPath,\n        ].join(\".\"),\n    };\n}\n\n/**\n * Returns metadata for a multiple field in a content entry.\n * @summary ONLY USE THESE RETURNED VALUES WHEN FIELD IS MULTIPLE\n * @summary IT GIVES WRONG DATA IF FIELD IS NOT MULTIPLE\n * @param content_type_uid - The UID of the content type.\n * @param entry_uid - The UID of the content entry.\n * @param locale - The locale of the content entry.\n * @param fieldPath - The path of the multiple field.\n * @returns The metadata for the multiple field.\n */\nfunction getMultipleFieldMetadata(\n    content_type_uid: string,\n    entry_uid: string,\n    locale: string,\n    fieldPath: string[]\n): CslpDataMultipleFieldMetadata {\n    const parentDetails = getParentPathDetails(\n        content_type_uid,\n        entry_uid,\n        locale,\n        fieldPath\n    );\n\n    const index = findLast(fieldPath, (path) => isFinite(+path));\n\n    return {\n        parentDetails: parentDetails,\n        index: isNil(index) ? -1 : +index,\n    };\n}\n\n//TODO: move this to editbutton\n/**\n * Adds an outline to the clicked element and triggers a callback function.\n * @param e - The MouseEvent object representing the click event.\n * @param callback - An optional callback function that will be called with the CSLP tag and highlighted element as arguments.\n */\nexport function addCslpOutline(\n    e: MouseEvent,\n    callback?: (args: {\n        cslpTag: string;\n        highlightedElement: HTMLElement;\n    }) => void\n): void {\n    const elements = Config.get().elements;\n\n    let trigger = true;\n    const eventTargets = e.composedPath();\n\n    for (const eventTarget of eventTargets) {\n        const element = eventTarget as HTMLElement;\n        if (element.nodeName === \"BODY\") break;\n        if (typeof element?.getAttribute !== \"function\") continue;\n\n        const cslpTag = element.getAttribute(\"data-cslp\");\n\n        if (trigger && cslpTag) {\n            if (elements.highlightedElement)\n                elements.highlightedElement.classList.remove(\n                    cslpTagStyles()[\"cslp-edit-mode\"]\n                );\n            element.classList.add(cslpTagStyles()[\"cslp-edit-mode\"]);\n\n            const updatedElements = elements;\n            updatedElements.highlightedElement =\n                element as DeepSignal<HTMLElement>;\n            Config.set(\"elements\", updatedElements);\n\n            callback?.({\n                cslpTag: cslpTag,\n                highlightedElement: element,\n            });\n\n            trigger = false;\n        } else if (!trigger) {\n            element.classList.remove(cslpTagStyles()[\"cslp-edit-mode\"]);\n        }\n    }\n}\n"],"mappings":"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","names":[]}

package/dist/legacy/livePreview/editButton/editButton.cjs

@@ -191,9 +191,9 @@ function shouldRenderEditButton() {
     import_logger.PublicLogger.error(error);
   }
   const iFrameCheck = (0, import_inIframe.inIframe)();
-  if ((_a = config.editButton.exclude) == null ? void 0 : _a.find(
+  if (!iFrameCheck && ((_a = config.editButton.exclude) == null ? void 0 : _a.find(
     (exclude) => exclude === "outsideLivePreviewPortal"
-  )) {
+  ))) {
     return false;
   }
   if (iFrameCheck && ((_b = config.editButton.exclude) == null ? void 0 : _b.find(

package/dist/legacy/livePreview/editButton/editButton.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/livePreview/editButton/editButton.ts"],"sourcesContent":["import { effect } from \"@preact/signals\";\nimport { inIframe } from \"../../common/inIframe\";\nimport Config from \"../../configManager/configManager\";\nimport { addCslpOutline, extractDetailsFromCslp } from \"../../cslp\";\nimport { cslpTagStyles } from \"./editButton.style\";\nimport { PublicLogger } from \"../../logger/logger\";\nimport {\n    type IEditButtonPosition,\n    ILivePreviewWindowType,\n} from \"../../types/types\";\nimport livePreviewPostMessage from \"../eventManager/livePreviewEventManager\";\nimport { EDIT_BUTTON_TOOLTIP_ID } from \"./editButton.constant\";\nimport { isOpeningInTimeline } from \"../../utils\";\n\nfunction calculateEditButtonPosition(\n    currentHoveredElement: HTMLElement,\n    cslpButtonPosition: string\n): IEditButtonPosition {\n    const editButtonPosition: IEditButtonPosition = {\n        upperBoundOfTooltip: 0,\n        leftBoundOfTooltip: 0,\n    };\n    const currentRectOfElement = currentHoveredElement.getBoundingClientRect();\n    try {\n        const buttonMeasurementValues = {\n            width: 72,\n            halfWidth: 36,\n            height: 40,\n            basicMargin: 5,\n            widthWithMargin: 77,\n        };\n\n        switch (cslpButtonPosition) {\n            case \"top-center\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.width / 2 -\n                    buttonMeasurementValues.halfWidth +\n                    currentRectOfElement.left;\n                break;\n            case \"top-right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right - buttonMeasurementValues.width;\n                break;\n            case \"right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top -\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right +\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom-left\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom-center\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.width / 2 -\n                    buttonMeasurementValues.halfWidth +\n                    currentRectOfElement.left;\n                break;\n            case \"bottom-right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right - buttonMeasurementValues.width;\n                break;\n            case \"left\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top -\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.widthWithMargin;\n                break;\n            // default position => top, top-left or any other string\n            default:\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n        }\n        return editButtonPosition;\n    } catch (error) {\n        PublicLogger.error(error);\n        return editButtonPosition;\n    }\n}\n\nexport const createSingularEditButton = (\n    editCallback: (e: MouseEvent) => void\n): HTMLDivElement => {\n    const singularEditButton = document.createElement(\"div\");\n    singularEditButton.classList.add(\"cslp-tooltip-child\", \"singular\");\n    singularEditButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-singular-edit-button\"\n    );\n    singularEditButton.innerHTML = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>Edit`;\n\n    singularEditButton.addEventListener(\"click\", editCallback);\n\n    return singularEditButton;\n};\n\nexport const createMultipleEditButton = (\n    editCallback: (e: MouseEvent) => void,\n    linkCallback: (e: MouseEvent) => void\n): HTMLDivElement => {\n    const multipleEditButton = document.createElement(\"div\");\n    multipleEditButton.classList.add(\"cslp-tooltip-child\");\n    multipleEditButton.setAttribute(\"data-title\", \"Edit\");\n    multipleEditButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-multiple-edit-button\"\n    );\n    multipleEditButton.innerHTML = ` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>`;\n\n    multipleEditButton.addEventListener(\"click\", editCallback);\n\n    const multipleExternalLinkButton = document.createElement(\"div\");\n    multipleExternalLinkButton.classList.add(\"cslp-tooltip-child\");\n    multipleExternalLinkButton.setAttribute(\"data-title\", \"Go to link\");\n    multipleExternalLinkButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-multiple-external-link-button\"\n    );\n    multipleExternalLinkButton.innerHTML = ` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z\" fill=\"#718096\" />\n      <path d=\"M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z\" fill=\"#718096\" />\n    </svg>`;\n\n    multipleExternalLinkButton.addEventListener(\"click\", linkCallback);\n\n    const multipleEditFragment = document.createDocumentFragment();\n    multipleEditFragment.appendChild(multipleEditButton);\n    multipleEditFragment.appendChild(multipleExternalLinkButton);\n\n    const multipleDiv = document.createElement(\"div\");\n    multipleDiv.appendChild(multipleEditFragment);\n    multipleDiv.classList.add(cslpTagStyles()[\"multiple\"]);\n\n    return multipleDiv;\n};\n\nexport function getEditButtonPosition(\n    currentHoveredElement: HTMLElement | null,\n    defaultPosition: string | undefined\n): IEditButtonPosition {\n    if (!currentHoveredElement)\n        return { upperBoundOfTooltip: 0, leftBoundOfTooltip: 0 };\n\n    const cslpButtonPosition = currentHoveredElement.getAttribute(\n        \"data-cslp-button-position\"\n    );\n    if (cslpButtonPosition) {\n        return calculateEditButtonPosition(\n            currentHoveredElement,\n            cslpButtonPosition\n        );\n    }\n\n    // NOTE: position \"top\" and \"top-left\" will be the position of edit button if no default position passed in config\n    return calculateEditButtonPosition(\n        currentHoveredElement,\n        defaultPosition || \"top\"\n    );\n}\n\nexport function shouldRenderEditButton(): boolean {\n    const config = Config.get();\n\n    if (!config.editButton.enable) {\n        if (config.editButton.enable === undefined)\n            PublicLogger.error(\n                \"enable key is required inside editButton object\"\n            );\n        return false;\n    }\n\n    // return boolean in case of cslp-buttons query added in url\n    try {\n        const currentLocation = new URL(window.location.href);\n        const cslpButtonQueryValue =\n            currentLocation.searchParams.get(\"cslp-buttons\");\n\n        if (\n            cslpButtonQueryValue !== null &&\n            config.editButton.includeByQueryParameter !== false\n        )\n            return cslpButtonQueryValue === \"false\" ? false : true;\n    } catch (error) {\n        PublicLogger.error(error);\n    }\n\n    const iFrameCheck = inIframe();\n\n    // case outside live preview\n    if (\n        config.editButton.exclude?.find(\n            (exclude) => exclude === \"outsideLivePreviewPortal\"\n        )\n    ) {\n        return false;\n    }\n\n    // case if inside live preview\n    if (\n        iFrameCheck &&\n        config.editButton.exclude?.find(\n            (exclude) => exclude === \"insideLivePreviewPortal\"\n        )\n    ) {\n        return false;\n    } else if (iFrameCheck) {\n        // case if inside visual builder\n        if (config.windowType === \"builder\") {\n            return false;\n        }\n\n        // case if independent site\n        return true;\n    }\n\n    // Priority list => 1. cslpEditButton query value 2.  Inside live preview  3. renderCslpButtonByDefault value selected by user\n    return true;\n}\n\nexport function toggleEditButtonElement() {\n    const render = shouldRenderEditButton();\n    const exists = doesEditButtonExist();\n\n    if (render && !exists) {\n        LivePreviewEditButton.livePreviewEditButton =\n            new LivePreviewEditButton();\n    } else if (!render && exists) {\n        LivePreviewEditButton.livePreviewEditButton?.destroy();\n    }\n}\n\nexport function doesEditButtonExist() {\n    return document.getElementById(EDIT_BUTTON_TOOLTIP_ID) !== null;\n}\n\nexport class LivePreviewEditButton {\n    private tooltip: HTMLButtonElement | null = null;\n    private typeOfCurrentChild: \"singular\" | \"multiple\" = \"singular\";\n    private tooltipChild: {\n        singular: HTMLDivElement | null;\n        multiple: HTMLDivElement | null;\n    } = {\n        singular: null,\n        multiple: null,\n    };\n    static livePreviewEditButton: LivePreviewEditButton | null = null;\n\n    constructor() {\n        this.createCslpTooltip = this.createCslpTooltip.bind(this);\n        this.updateTooltipPosition = this.updateTooltipPosition.bind(this);\n        this.addEditStyleOnHover = this.addEditStyleOnHover.bind(this);\n        this.scrollHandler = this.scrollHandler.bind(this);\n        this.generateRedirectUrl = this.generateRedirectUrl.bind(this);\n        this.linkClickHandler = this.linkClickHandler.bind(this);\n        this.destroy = this.destroy.bind(this);\n\n        if (this.createCslpTooltip()) {\n            this.updateTooltipPosition();\n\n            window.addEventListener(\"scroll\", this.updateTooltipPosition);\n            window.addEventListener(\"mouseover\", this.addEditStyleOnHover);\n        }\n    }\n\n    private createCslpTooltip(): boolean {\n        const editButton = Config.get().editButton;\n\n        if (\n            !document.getElementById(EDIT_BUTTON_TOOLTIP_ID) &&\n            editButton.enable &&\n            shouldRenderEditButton()\n        ) {\n            const tooltip = document.createElement(\"button\");\n            this.tooltip = tooltip;\n\n            this.tooltip.classList.add(cslpTagStyles()[\"cslp-tooltip\"]);\n            this.tooltip.setAttribute(\"data-test-id\", \"cs-cslp-tooltip\");\n            this.tooltip.id = EDIT_BUTTON_TOOLTIP_ID;\n\n            window.document.body.insertAdjacentElement(\n                \"beforeend\",\n                this.tooltip\n            );\n\n            this.tooltipChild.singular = createSingularEditButton(\n                this.scrollHandler\n            );\n            this.tooltipChild.multiple = createMultipleEditButton(\n                this.scrollHandler,\n                this.linkClickHandler\n            );\n\n            this.tooltip.appendChild(this.tooltipChild.singular);\n            return true;\n        }\n        return false;\n    }\n\n    private updateTooltipPosition() {\n        const editButton = Config.get().editButton;\n        const elements = Config.get().elements;\n\n        if (!elements.highlightedElement || !this.tooltip) return false;\n\n        const currentRectOfElement =\n            elements.highlightedElement.getBoundingClientRect();\n        const currentRectOfParentOfElement =\n            this.tooltip.parentElement?.getBoundingClientRect();\n\n        if (currentRectOfElement && currentRectOfParentOfElement) {\n            const editButtonPosition = getEditButtonPosition(\n                elements.highlightedElement as HTMLElement,\n                editButton.position\n            );\n\n            let upperBoundOfTooltip = editButtonPosition.upperBoundOfTooltip;\n            const leftBoundOfTooltip = editButtonPosition.leftBoundOfTooltip;\n\n            // if scrolled and element is still visible, make sure tooltip is also visible\n            if (upperBoundOfTooltip < 0) {\n                if (currentRectOfElement.top < 0)\n                    upperBoundOfTooltip = currentRectOfElement.top;\n                else upperBoundOfTooltip = 0;\n            }\n\n            this.tooltip.style.top = upperBoundOfTooltip + \"px\";\n            this.tooltip.style.zIndex =\n                elements.highlightedElement.style.zIndex || \"200\";\n            this.tooltip.style.left = leftBoundOfTooltip + \"px\";\n\n            if (this.tooltipChild.singular && this.tooltipChild.multiple) {\n                if (\n                    elements.highlightedElement.hasAttribute(\"href\") &&\n                    this.typeOfCurrentChild !== \"multiple\"\n                ) {\n                    this.tooltip.innerHTML = \"\";\n                    this.tooltip.appendChild(this.tooltipChild.multiple);\n                    this.typeOfCurrentChild = \"multiple\";\n                } else if (this.typeOfCurrentChild !== \"singular\") {\n                    this.tooltip.innerHTML = \"\";\n                    this.tooltip.appendChild(this.tooltipChild.singular);\n                    this.typeOfCurrentChild = \"singular\";\n                }\n            }\n            return true;\n        }\n\n        return false;\n    }\n\n    private addEditStyleOnHover(e: MouseEvent) {\n        const updateTooltipPosition: Parameters<typeof addCslpOutline>[\"1\"] = ({\n            cslpTag,\n            highlightedElement,\n        }) => {\n            if (this.updateTooltipPosition()) {\n                this.tooltip?.setAttribute(\"current-data-cslp\", cslpTag);\n                this.tooltip?.setAttribute(\n                    \"current-href\",\n                    highlightedElement.getAttribute(\"href\") ?? \"\"\n                );\n            }\n        };\n\n        const editButton = Config.get().editButton;\n        const windowType = Config.get().windowType;\n\n        if (\n            (windowType === ILivePreviewWindowType.PREVIEW ||\n                windowType === ILivePreviewWindowType.INDEPENDENT) &&\n            editButton.enable\n        ) {\n            addCslpOutline(e, updateTooltipPosition);\n        }\n    }\n\n    private scrollHandler() {\n        if (!this.tooltip) return;\n\n        const cslpTag = this.tooltip.getAttribute(\"current-data-cslp\");\n\n        if (cslpTag) {\n            const { content_type_uid, entry_uid, locale, variant, fieldPathWithIndex } =\n                extractDetailsFromCslp(cslpTag);\n\n            if (inIframe()) {\n                livePreviewPostMessage?.send(\"scroll\", {\n                    field: fieldPathWithIndex,\n                    content_type_uid,\n                    entry_uid,\n                    variant,\n                    locale,\n                });\n            } else {\n                try {\n                    // Redirect to Contentstack edit page\n                    const redirectUrl = this.generateRedirectUrl(\n                        content_type_uid,\n                        locale,\n                        entry_uid,\n                        variant,\n                        fieldPathWithIndex\n                    );\n\n                    window.open(redirectUrl, \"_blank\");\n                } catch (error) {\n                    PublicLogger.error(error);\n                }\n            }\n        }\n    }\n\n    /**\n     * Generates the redirect URL for editing a specific entry in the Live Preview SDK.\n     * @param content_type_uid - The UID of the content type.\n     * @param locale - The locale of the entry (default: \"en-us\").\n     * @param entry_uid - The UID of the entry.\n     * @param preview_field - The field to be previewed.\n     * @returns The redirect URL for editing the entry.\n     */\n    private generateRedirectUrl(\n        content_type_uid: string,\n        locale = \"en-us\",\n        entry_uid: string,\n        variant: string | undefined,\n        preview_field: string\n    ): string {\n        const config = Config.get();\n\n        if (!config.stackDetails.apiKey) {\n            throw `To use edit tags, you must provide the stack API key. Specify the API key while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        apiKey: 'your-api-key'\n                    },\n                    ...\n                })`;\n        }\n\n        if (!config.stackDetails.environment) {\n            throw `To use edit tags, you must provide the preview environment. Specify the preview environment while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        environment: 'Your-environment'\n                    },\n                    ...\n                })`;\n        }\n\n        const protocol = String(config.clientUrlParams.protocol);\n        const host = String(config.clientUrlParams.host);\n        const port = String(config.clientUrlParams.port);\n        const environment = String(config.stackDetails.environment);\n        const branch = String(config.stackDetails.branch || \"main\");\n\n        let urlHash = `!/stack/${\n            config.stackDetails.apiKey\n        }/content-type/${content_type_uid}/${\n            locale ?? \"en-us\"\n        }/entry/${entry_uid}`;\n\n        if (variant) {\n            urlHash += `/variant/${variant}/edit`;\n        } else {\n            urlHash += `/edit`;\n        }\n\n        const url = new URL(`${protocol}://${host}`);\n        url.port = port;\n        url.hash = urlHash;\n        if (config.stackDetails.branch) {\n            url.searchParams.append(\"branch\", branch);\n        }\n        url.searchParams.append(\"preview-field\", preview_field);\n        url.searchParams.append(\"preview-locale\", locale ?? \"en-us\");\n        url.searchParams.append(\"preview-environment\", environment);\n\n        return `${url.origin}/${url.hash}${url.search}`;\n    }\n\n    private linkClickHandler() {\n        if (!this.tooltip) return;\n        const hrefAttribute = this.tooltip.getAttribute(\"current-href\");\n\n        if (hrefAttribute) {\n            window.location.assign(hrefAttribute);\n        }\n    }\n\n    /**\n     * Destroys the edit button by removing event listeners and removing the tooltip.\n     */\n    destroy(): void {\n        window.removeEventListener(\"scroll\", this.updateTooltipPosition);\n        window.removeEventListener(\"mouseover\", this.addEditStyleOnHover);\n        this.tooltip?.remove();\n    }\n}\n\neffect(function handleWindowTypeChange() {\n    // we need to specify when to run this effect.\n    // here, we run it when the value of windowType changes\n    if (typeof window === \"undefined\") return;\n    Config.get().windowType;\n    if (LivePreviewEditButton && !isOpeningInTimeline()) {\n        toggleEditButtonElement();\n    }\n});\n"],"mappings":"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","names":["import_editButton","Config","livePreviewPostMessage"]}
+{"version":3,"sources":["../../../../src/livePreview/editButton/editButton.ts"],"sourcesContent":["import { effect } from \"@preact/signals\";\nimport { inIframe } from \"../../common/inIframe\";\nimport Config from \"../../configManager/configManager\";\nimport { addCslpOutline, extractDetailsFromCslp } from \"../../cslp\";\nimport { cslpTagStyles } from \"./editButton.style\";\nimport { PublicLogger } from \"../../logger/logger\";\nimport {\n    type IEditButtonPosition,\n    ILivePreviewWindowType,\n} from \"../../types/types\";\nimport livePreviewPostMessage from \"../eventManager/livePreviewEventManager\";\nimport { EDIT_BUTTON_TOOLTIP_ID } from \"./editButton.constant\";\nimport { isOpeningInTimeline } from \"../../utils\";\n\nfunction calculateEditButtonPosition(\n    currentHoveredElement: HTMLElement,\n    cslpButtonPosition: string\n): IEditButtonPosition {\n    const editButtonPosition: IEditButtonPosition = {\n        upperBoundOfTooltip: 0,\n        leftBoundOfTooltip: 0,\n    };\n    const currentRectOfElement = currentHoveredElement.getBoundingClientRect();\n    try {\n        const buttonMeasurementValues = {\n            width: 72,\n            halfWidth: 36,\n            height: 40,\n            basicMargin: 5,\n            widthWithMargin: 77,\n        };\n\n        switch (cslpButtonPosition) {\n            case \"top-center\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.width / 2 -\n                    buttonMeasurementValues.halfWidth +\n                    currentRectOfElement.left;\n                break;\n            case \"top-right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right - buttonMeasurementValues.width;\n                break;\n            case \"right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top -\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right +\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom-left\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom-center\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.width / 2 -\n                    buttonMeasurementValues.halfWidth +\n                    currentRectOfElement.left;\n                break;\n            case \"bottom-right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right - buttonMeasurementValues.width;\n                break;\n            case \"left\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top -\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.widthWithMargin;\n                break;\n            // default position => top, top-left or any other string\n            default:\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n        }\n        return editButtonPosition;\n    } catch (error) {\n        PublicLogger.error(error);\n        return editButtonPosition;\n    }\n}\n\nexport const createSingularEditButton = (\n    editCallback: (e: MouseEvent) => void\n): HTMLDivElement => {\n    const singularEditButton = document.createElement(\"div\");\n    singularEditButton.classList.add(\"cslp-tooltip-child\", \"singular\");\n    singularEditButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-singular-edit-button\"\n    );\n    singularEditButton.innerHTML = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>Edit`;\n\n    singularEditButton.addEventListener(\"click\", editCallback);\n\n    return singularEditButton;\n};\n\nexport const createMultipleEditButton = (\n    editCallback: (e: MouseEvent) => void,\n    linkCallback: (e: MouseEvent) => void\n): HTMLDivElement => {\n    const multipleEditButton = document.createElement(\"div\");\n    multipleEditButton.classList.add(\"cslp-tooltip-child\");\n    multipleEditButton.setAttribute(\"data-title\", \"Edit\");\n    multipleEditButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-multiple-edit-button\"\n    );\n    multipleEditButton.innerHTML = ` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>`;\n\n    multipleEditButton.addEventListener(\"click\", editCallback);\n\n    const multipleExternalLinkButton = document.createElement(\"div\");\n    multipleExternalLinkButton.classList.add(\"cslp-tooltip-child\");\n    multipleExternalLinkButton.setAttribute(\"data-title\", \"Go to link\");\n    multipleExternalLinkButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-multiple-external-link-button\"\n    );\n    multipleExternalLinkButton.innerHTML = ` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z\" fill=\"#718096\" />\n      <path d=\"M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z\" fill=\"#718096\" />\n    </svg>`;\n\n    multipleExternalLinkButton.addEventListener(\"click\", linkCallback);\n\n    const multipleEditFragment = document.createDocumentFragment();\n    multipleEditFragment.appendChild(multipleEditButton);\n    multipleEditFragment.appendChild(multipleExternalLinkButton);\n\n    const multipleDiv = document.createElement(\"div\");\n    multipleDiv.appendChild(multipleEditFragment);\n    multipleDiv.classList.add(cslpTagStyles()[\"multiple\"]);\n\n    return multipleDiv;\n};\n\nexport function getEditButtonPosition(\n    currentHoveredElement: HTMLElement | null,\n    defaultPosition: string | undefined\n): IEditButtonPosition {\n    if (!currentHoveredElement)\n        return { upperBoundOfTooltip: 0, leftBoundOfTooltip: 0 };\n\n    const cslpButtonPosition = currentHoveredElement.getAttribute(\n        \"data-cslp-button-position\"\n    );\n    if (cslpButtonPosition) {\n        return calculateEditButtonPosition(\n            currentHoveredElement,\n            cslpButtonPosition\n        );\n    }\n\n    // NOTE: position \"top\" and \"top-left\" will be the position of edit button if no default position passed in config\n    return calculateEditButtonPosition(\n        currentHoveredElement,\n        defaultPosition || \"top\"\n    );\n}\n\nexport function shouldRenderEditButton(): boolean {\n    const config = Config.get();\n\n    if (!config.editButton.enable) {\n        if (config.editButton.enable === undefined)\n            PublicLogger.error(\n                \"enable key is required inside editButton object\"\n            );\n        return false;\n    }\n\n    // return boolean in case of cslp-buttons query added in url\n    try {\n        const currentLocation = new URL(window.location.href);\n        const cslpButtonQueryValue =\n            currentLocation.searchParams.get(\"cslp-buttons\");\n\n        if (\n            cslpButtonQueryValue !== null &&\n            config.editButton.includeByQueryParameter !== false\n        )\n            return cslpButtonQueryValue === \"false\" ? false : true;\n    } catch (error) {\n        PublicLogger.error(error);\n    }\n\n    const iFrameCheck = inIframe();\n\n    // case outside live preview\n    if (\n        !iFrameCheck &&\n        config.editButton.exclude?.find(\n            (exclude) => exclude === \"outsideLivePreviewPortal\"\n        )\n    ) {\n        return false;\n    }\n\n    // case if inside live preview\n    if (\n        iFrameCheck &&\n        config.editButton.exclude?.find(\n            (exclude) => exclude === \"insideLivePreviewPortal\"\n        )\n    ) {\n        return false;\n    } else if (iFrameCheck) {\n        // case if inside visual builder\n        if (config.windowType === \"builder\") {\n            return false;\n        }\n\n        // case if independent site\n        return true;\n    }\n\n    // Priority list => 1. cslpEditButton query value 2.  Inside live preview  3. renderCslpButtonByDefault value selected by user\n    return true;\n}\n\nexport function toggleEditButtonElement() {\n    const render = shouldRenderEditButton();\n    const exists = doesEditButtonExist();\n\n    if (render && !exists) {\n        LivePreviewEditButton.livePreviewEditButton =\n            new LivePreviewEditButton();\n    } else if (!render && exists) {\n        LivePreviewEditButton.livePreviewEditButton?.destroy();\n    }\n}\n\nexport function doesEditButtonExist() {\n    return document.getElementById(EDIT_BUTTON_TOOLTIP_ID) !== null;\n}\n\nexport class LivePreviewEditButton {\n    private tooltip: HTMLButtonElement | null = null;\n    private typeOfCurrentChild: \"singular\" | \"multiple\" = \"singular\";\n    private tooltipChild: {\n        singular: HTMLDivElement | null;\n        multiple: HTMLDivElement | null;\n    } = {\n        singular: null,\n        multiple: null,\n    };\n    static livePreviewEditButton: LivePreviewEditButton | null = null;\n\n    constructor() {\n        this.createCslpTooltip = this.createCslpTooltip.bind(this);\n        this.updateTooltipPosition = this.updateTooltipPosition.bind(this);\n        this.addEditStyleOnHover = this.addEditStyleOnHover.bind(this);\n        this.scrollHandler = this.scrollHandler.bind(this);\n        this.generateRedirectUrl = this.generateRedirectUrl.bind(this);\n        this.linkClickHandler = this.linkClickHandler.bind(this);\n        this.destroy = this.destroy.bind(this);\n\n        if (this.createCslpTooltip()) {\n            this.updateTooltipPosition();\n\n            window.addEventListener(\"scroll\", this.updateTooltipPosition);\n            window.addEventListener(\"mouseover\", this.addEditStyleOnHover);\n        }\n    }\n\n    private createCslpTooltip(): boolean {\n        const editButton = Config.get().editButton;\n\n        if (\n            !document.getElementById(EDIT_BUTTON_TOOLTIP_ID) &&\n            editButton.enable &&\n            shouldRenderEditButton()\n        ) {\n            const tooltip = document.createElement(\"button\");\n            this.tooltip = tooltip;\n\n            this.tooltip.classList.add(cslpTagStyles()[\"cslp-tooltip\"]);\n            this.tooltip.setAttribute(\"data-test-id\", \"cs-cslp-tooltip\");\n            this.tooltip.id = EDIT_BUTTON_TOOLTIP_ID;\n\n            window.document.body.insertAdjacentElement(\n                \"beforeend\",\n                this.tooltip\n            );\n\n            this.tooltipChild.singular = createSingularEditButton(\n                this.scrollHandler\n            );\n            this.tooltipChild.multiple = createMultipleEditButton(\n                this.scrollHandler,\n                this.linkClickHandler\n            );\n\n            this.tooltip.appendChild(this.tooltipChild.singular);\n            return true;\n        }\n        return false;\n    }\n\n    private updateTooltipPosition() {\n        const editButton = Config.get().editButton;\n        const elements = Config.get().elements;\n\n        if (!elements.highlightedElement || !this.tooltip) return false;\n\n        const currentRectOfElement =\n            elements.highlightedElement.getBoundingClientRect();\n        const currentRectOfParentOfElement =\n            this.tooltip.parentElement?.getBoundingClientRect();\n\n        if (currentRectOfElement && currentRectOfParentOfElement) {\n            const editButtonPosition = getEditButtonPosition(\n                elements.highlightedElement as HTMLElement,\n                editButton.position\n            );\n\n            let upperBoundOfTooltip = editButtonPosition.upperBoundOfTooltip;\n            const leftBoundOfTooltip = editButtonPosition.leftBoundOfTooltip;\n\n            // if scrolled and element is still visible, make sure tooltip is also visible\n            if (upperBoundOfTooltip < 0) {\n                if (currentRectOfElement.top < 0)\n                    upperBoundOfTooltip = currentRectOfElement.top;\n                else upperBoundOfTooltip = 0;\n            }\n\n            this.tooltip.style.top = upperBoundOfTooltip + \"px\";\n            this.tooltip.style.zIndex =\n                elements.highlightedElement.style.zIndex || \"200\";\n            this.tooltip.style.left = leftBoundOfTooltip + \"px\";\n\n            if (this.tooltipChild.singular && this.tooltipChild.multiple) {\n                if (\n                    elements.highlightedElement.hasAttribute(\"href\") &&\n                    this.typeOfCurrentChild !== \"multiple\"\n                ) {\n                    this.tooltip.innerHTML = \"\";\n                    this.tooltip.appendChild(this.tooltipChild.multiple);\n                    this.typeOfCurrentChild = \"multiple\";\n                } else if (this.typeOfCurrentChild !== \"singular\") {\n                    this.tooltip.innerHTML = \"\";\n                    this.tooltip.appendChild(this.tooltipChild.singular);\n                    this.typeOfCurrentChild = \"singular\";\n                }\n            }\n            return true;\n        }\n\n        return false;\n    }\n\n    private addEditStyleOnHover(e: MouseEvent) {\n        const updateTooltipPosition: Parameters<typeof addCslpOutline>[\"1\"] = ({\n            cslpTag,\n            highlightedElement,\n        }) => {\n            if (this.updateTooltipPosition()) {\n                this.tooltip?.setAttribute(\"current-data-cslp\", cslpTag);\n                this.tooltip?.setAttribute(\n                    \"current-href\",\n                    highlightedElement.getAttribute(\"href\") ?? \"\"\n                );\n            }\n        };\n\n        const editButton = Config.get().editButton;\n        const windowType = Config.get().windowType;\n\n        if (\n            (windowType === ILivePreviewWindowType.PREVIEW ||\n                windowType === ILivePreviewWindowType.INDEPENDENT) &&\n            editButton.enable\n        ) {\n            addCslpOutline(e, updateTooltipPosition);\n        }\n    }\n\n    private scrollHandler() {\n        if (!this.tooltip) return;\n\n        const cslpTag = this.tooltip.getAttribute(\"current-data-cslp\");\n\n        if (cslpTag) {\n            const { content_type_uid, entry_uid, locale, variant, fieldPathWithIndex } =\n                extractDetailsFromCslp(cslpTag);\n\n            if (inIframe()) {\n                livePreviewPostMessage?.send(\"scroll\", {\n                    field: fieldPathWithIndex,\n                    content_type_uid,\n                    entry_uid,\n                    variant,\n                    locale,\n                });\n            } else {\n                try {\n                    // Redirect to Contentstack edit page\n                    const redirectUrl = this.generateRedirectUrl(\n                        content_type_uid,\n                        locale,\n                        entry_uid,\n                        variant,\n                        fieldPathWithIndex\n                    );\n\n                    window.open(redirectUrl, \"_blank\");\n                } catch (error) {\n                    PublicLogger.error(error);\n                }\n            }\n        }\n    }\n\n    /**\n     * Generates the redirect URL for editing a specific entry in the Live Preview SDK.\n     * @param content_type_uid - The UID of the content type.\n     * @param locale - The locale of the entry (default: \"en-us\").\n     * @param entry_uid - The UID of the entry.\n     * @param preview_field - The field to be previewed.\n     * @returns The redirect URL for editing the entry.\n     */\n    private generateRedirectUrl(\n        content_type_uid: string,\n        locale = \"en-us\",\n        entry_uid: string,\n        variant: string | undefined,\n        preview_field: string\n    ): string {\n        const config = Config.get();\n\n        if (!config.stackDetails.apiKey) {\n            throw `To use edit tags, you must provide the stack API key. Specify the API key while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        apiKey: 'your-api-key'\n                    },\n                    ...\n                })`;\n        }\n\n        if (!config.stackDetails.environment) {\n            throw `To use edit tags, you must provide the preview environment. Specify the preview environment while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        environment: 'Your-environment'\n                    },\n                    ...\n                })`;\n        }\n\n        const protocol = String(config.clientUrlParams.protocol);\n        const host = String(config.clientUrlParams.host);\n        const port = String(config.clientUrlParams.port);\n        const environment = String(config.stackDetails.environment);\n        const branch = String(config.stackDetails.branch || \"main\");\n\n        let urlHash = `!/stack/${\n            config.stackDetails.apiKey\n        }/content-type/${content_type_uid}/${\n            locale ?? \"en-us\"\n        }/entry/${entry_uid}`;\n\n        if (variant) {\n            urlHash += `/variant/${variant}/edit`;\n        } else {\n            urlHash += `/edit`;\n        }\n\n        const url = new URL(`${protocol}://${host}`);\n        url.port = port;\n        url.hash = urlHash;\n        if (config.stackDetails.branch) {\n            url.searchParams.append(\"branch\", branch);\n        }\n        url.searchParams.append(\"preview-field\", preview_field);\n        url.searchParams.append(\"preview-locale\", locale ?? \"en-us\");\n        url.searchParams.append(\"preview-environment\", environment);\n\n        return `${url.origin}/${url.hash}${url.search}`;\n    }\n\n    private linkClickHandler() {\n        if (!this.tooltip) return;\n        const hrefAttribute = this.tooltip.getAttribute(\"current-href\");\n\n        if (hrefAttribute) {\n            window.location.assign(hrefAttribute);\n        }\n    }\n\n    /**\n     * Destroys the edit button by removing event listeners and removing the tooltip.\n     */\n    destroy(): void {\n        window.removeEventListener(\"scroll\", this.updateTooltipPosition);\n        window.removeEventListener(\"mouseover\", this.addEditStyleOnHover);\n        this.tooltip?.remove();\n    }\n}\n\neffect(function handleWindowTypeChange() {\n    // we need to specify when to run this effect.\n    // here, we run it when the value of windowType changes\n    if (typeof window === \"undefined\") return;\n    Config.get().windowType;\n    if (LivePreviewEditButton && !isOpeningInTimeline()) {\n        toggleEditButtonElement();\n    }\n});\n"],"mappings":"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","names":["import_editButton","Config","livePreviewPostMessage"]}

package/dist/legacy/livePreview/editButton/editButton.js

@@ -155,9 +155,9 @@ function shouldRenderEditButton() {
     PublicLogger.error(error);
   }
   const iFrameCheck = inIframe();
-  if ((_a = config.editButton.exclude) == null ? void 0 : _a.find(
+  if (!iFrameCheck && ((_a = config.editButton.exclude) == null ? void 0 : _a.find(
     (exclude) => exclude === "outsideLivePreviewPortal"
-  )) {
+  ))) {
     return false;
   }
   if (iFrameCheck && ((_b = config.editButton.exclude) == null ? void 0 : _b.find(

package/dist/legacy/livePreview/editButton/editButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/livePreview/editButton/editButton.ts"],"sourcesContent":["import { effect } from \"@preact/signals\";\nimport { inIframe } from \"../../common/inIframe\";\nimport Config from \"../../configManager/configManager\";\nimport { addCslpOutline, extractDetailsFromCslp } from \"../../cslp\";\nimport { cslpTagStyles } from \"./editButton.style\";\nimport { PublicLogger } from \"../../logger/logger\";\nimport {\n    type IEditButtonPosition,\n    ILivePreviewWindowType,\n} from \"../../types/types\";\nimport livePreviewPostMessage from \"../eventManager/livePreviewEventManager\";\nimport { EDIT_BUTTON_TOOLTIP_ID } from \"./editButton.constant\";\nimport { isOpeningInTimeline } from \"../../utils\";\n\nfunction calculateEditButtonPosition(\n    currentHoveredElement: HTMLElement,\n    cslpButtonPosition: string\n): IEditButtonPosition {\n    const editButtonPosition: IEditButtonPosition = {\n        upperBoundOfTooltip: 0,\n        leftBoundOfTooltip: 0,\n    };\n    const currentRectOfElement = currentHoveredElement.getBoundingClientRect();\n    try {\n        const buttonMeasurementValues = {\n            width: 72,\n            halfWidth: 36,\n            height: 40,\n            basicMargin: 5,\n            widthWithMargin: 77,\n        };\n\n        switch (cslpButtonPosition) {\n            case \"top-center\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.width / 2 -\n                    buttonMeasurementValues.halfWidth +\n                    currentRectOfElement.left;\n                break;\n            case \"top-right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right - buttonMeasurementValues.width;\n                break;\n            case \"right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top -\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right +\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom-left\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom-center\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.width / 2 -\n                    buttonMeasurementValues.halfWidth +\n                    currentRectOfElement.left;\n                break;\n            case \"bottom-right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right - buttonMeasurementValues.width;\n                break;\n            case \"left\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top -\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.widthWithMargin;\n                break;\n            // default position => top, top-left or any other string\n            default:\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n        }\n        return editButtonPosition;\n    } catch (error) {\n        PublicLogger.error(error);\n        return editButtonPosition;\n    }\n}\n\nexport const createSingularEditButton = (\n    editCallback: (e: MouseEvent) => void\n): HTMLDivElement => {\n    const singularEditButton = document.createElement(\"div\");\n    singularEditButton.classList.add(\"cslp-tooltip-child\", \"singular\");\n    singularEditButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-singular-edit-button\"\n    );\n    singularEditButton.innerHTML = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>Edit`;\n\n    singularEditButton.addEventListener(\"click\", editCallback);\n\n    return singularEditButton;\n};\n\nexport const createMultipleEditButton = (\n    editCallback: (e: MouseEvent) => void,\n    linkCallback: (e: MouseEvent) => void\n): HTMLDivElement => {\n    const multipleEditButton = document.createElement(\"div\");\n    multipleEditButton.classList.add(\"cslp-tooltip-child\");\n    multipleEditButton.setAttribute(\"data-title\", \"Edit\");\n    multipleEditButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-multiple-edit-button\"\n    );\n    multipleEditButton.innerHTML = ` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>`;\n\n    multipleEditButton.addEventListener(\"click\", editCallback);\n\n    const multipleExternalLinkButton = document.createElement(\"div\");\n    multipleExternalLinkButton.classList.add(\"cslp-tooltip-child\");\n    multipleExternalLinkButton.setAttribute(\"data-title\", \"Go to link\");\n    multipleExternalLinkButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-multiple-external-link-button\"\n    );\n    multipleExternalLinkButton.innerHTML = ` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z\" fill=\"#718096\" />\n      <path d=\"M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z\" fill=\"#718096\" />\n    </svg>`;\n\n    multipleExternalLinkButton.addEventListener(\"click\", linkCallback);\n\n    const multipleEditFragment = document.createDocumentFragment();\n    multipleEditFragment.appendChild(multipleEditButton);\n    multipleEditFragment.appendChild(multipleExternalLinkButton);\n\n    const multipleDiv = document.createElement(\"div\");\n    multipleDiv.appendChild(multipleEditFragment);\n    multipleDiv.classList.add(cslpTagStyles()[\"multiple\"]);\n\n    return multipleDiv;\n};\n\nexport function getEditButtonPosition(\n    currentHoveredElement: HTMLElement | null,\n    defaultPosition: string | undefined\n): IEditButtonPosition {\n    if (!currentHoveredElement)\n        return { upperBoundOfTooltip: 0, leftBoundOfTooltip: 0 };\n\n    const cslpButtonPosition = currentHoveredElement.getAttribute(\n        \"data-cslp-button-position\"\n    );\n    if (cslpButtonPosition) {\n        return calculateEditButtonPosition(\n            currentHoveredElement,\n            cslpButtonPosition\n        );\n    }\n\n    // NOTE: position \"top\" and \"top-left\" will be the position of edit button if no default position passed in config\n    return calculateEditButtonPosition(\n        currentHoveredElement,\n        defaultPosition || \"top\"\n    );\n}\n\nexport function shouldRenderEditButton(): boolean {\n    const config = Config.get();\n\n    if (!config.editButton.enable) {\n        if (config.editButton.enable === undefined)\n            PublicLogger.error(\n                \"enable key is required inside editButton object\"\n            );\n        return false;\n    }\n\n    // return boolean in case of cslp-buttons query added in url\n    try {\n        const currentLocation = new URL(window.location.href);\n        const cslpButtonQueryValue =\n            currentLocation.searchParams.get(\"cslp-buttons\");\n\n        if (\n            cslpButtonQueryValue !== null &&\n            config.editButton.includeByQueryParameter !== false\n        )\n            return cslpButtonQueryValue === \"false\" ? false : true;\n    } catch (error) {\n        PublicLogger.error(error);\n    }\n\n    const iFrameCheck = inIframe();\n\n    // case outside live preview\n    if (\n        config.editButton.exclude?.find(\n            (exclude) => exclude === \"outsideLivePreviewPortal\"\n        )\n    ) {\n        return false;\n    }\n\n    // case if inside live preview\n    if (\n        iFrameCheck &&\n        config.editButton.exclude?.find(\n            (exclude) => exclude === \"insideLivePreviewPortal\"\n        )\n    ) {\n        return false;\n    } else if (iFrameCheck) {\n        // case if inside visual builder\n        if (config.windowType === \"builder\") {\n            return false;\n        }\n\n        // case if independent site\n        return true;\n    }\n\n    // Priority list => 1. cslpEditButton query value 2.  Inside live preview  3. renderCslpButtonByDefault value selected by user\n    return true;\n}\n\nexport function toggleEditButtonElement() {\n    const render = shouldRenderEditButton();\n    const exists = doesEditButtonExist();\n\n    if (render && !exists) {\n        LivePreviewEditButton.livePreviewEditButton =\n            new LivePreviewEditButton();\n    } else if (!render && exists) {\n        LivePreviewEditButton.livePreviewEditButton?.destroy();\n    }\n}\n\nexport function doesEditButtonExist() {\n    return document.getElementById(EDIT_BUTTON_TOOLTIP_ID) !== null;\n}\n\nexport class LivePreviewEditButton {\n    private tooltip: HTMLButtonElement | null = null;\n    private typeOfCurrentChild: \"singular\" | \"multiple\" = \"singular\";\n    private tooltipChild: {\n        singular: HTMLDivElement | null;\n        multiple: HTMLDivElement | null;\n    } = {\n        singular: null,\n        multiple: null,\n    };\n    static livePreviewEditButton: LivePreviewEditButton | null = null;\n\n    constructor() {\n        this.createCslpTooltip = this.createCslpTooltip.bind(this);\n        this.updateTooltipPosition = this.updateTooltipPosition.bind(this);\n        this.addEditStyleOnHover = this.addEditStyleOnHover.bind(this);\n        this.scrollHandler = this.scrollHandler.bind(this);\n        this.generateRedirectUrl = this.generateRedirectUrl.bind(this);\n        this.linkClickHandler = this.linkClickHandler.bind(this);\n        this.destroy = this.destroy.bind(this);\n\n        if (this.createCslpTooltip()) {\n            this.updateTooltipPosition();\n\n            window.addEventListener(\"scroll\", this.updateTooltipPosition);\n            window.addEventListener(\"mouseover\", this.addEditStyleOnHover);\n        }\n    }\n\n    private createCslpTooltip(): boolean {\n        const editButton = Config.get().editButton;\n\n        if (\n            !document.getElementById(EDIT_BUTTON_TOOLTIP_ID) &&\n            editButton.enable &&\n            shouldRenderEditButton()\n        ) {\n            const tooltip = document.createElement(\"button\");\n            this.tooltip = tooltip;\n\n            this.tooltip.classList.add(cslpTagStyles()[\"cslp-tooltip\"]);\n            this.tooltip.setAttribute(\"data-test-id\", \"cs-cslp-tooltip\");\n            this.tooltip.id = EDIT_BUTTON_TOOLTIP_ID;\n\n            window.document.body.insertAdjacentElement(\n                \"beforeend\",\n                this.tooltip\n            );\n\n            this.tooltipChild.singular = createSingularEditButton(\n                this.scrollHandler\n            );\n            this.tooltipChild.multiple = createMultipleEditButton(\n                this.scrollHandler,\n                this.linkClickHandler\n            );\n\n            this.tooltip.appendChild(this.tooltipChild.singular);\n            return true;\n        }\n        return false;\n    }\n\n    private updateTooltipPosition() {\n        const editButton = Config.get().editButton;\n        const elements = Config.get().elements;\n\n        if (!elements.highlightedElement || !this.tooltip) return false;\n\n        const currentRectOfElement =\n            elements.highlightedElement.getBoundingClientRect();\n        const currentRectOfParentOfElement =\n            this.tooltip.parentElement?.getBoundingClientRect();\n\n        if (currentRectOfElement && currentRectOfParentOfElement) {\n            const editButtonPosition = getEditButtonPosition(\n                elements.highlightedElement as HTMLElement,\n                editButton.position\n            );\n\n            let upperBoundOfTooltip = editButtonPosition.upperBoundOfTooltip;\n            const leftBoundOfTooltip = editButtonPosition.leftBoundOfTooltip;\n\n            // if scrolled and element is still visible, make sure tooltip is also visible\n            if (upperBoundOfTooltip < 0) {\n                if (currentRectOfElement.top < 0)\n                    upperBoundOfTooltip = currentRectOfElement.top;\n                else upperBoundOfTooltip = 0;\n            }\n\n            this.tooltip.style.top = upperBoundOfTooltip + \"px\";\n            this.tooltip.style.zIndex =\n                elements.highlightedElement.style.zIndex || \"200\";\n            this.tooltip.style.left = leftBoundOfTooltip + \"px\";\n\n            if (this.tooltipChild.singular && this.tooltipChild.multiple) {\n                if (\n                    elements.highlightedElement.hasAttribute(\"href\") &&\n                    this.typeOfCurrentChild !== \"multiple\"\n                ) {\n                    this.tooltip.innerHTML = \"\";\n                    this.tooltip.appendChild(this.tooltipChild.multiple);\n                    this.typeOfCurrentChild = \"multiple\";\n                } else if (this.typeOfCurrentChild !== \"singular\") {\n                    this.tooltip.innerHTML = \"\";\n                    this.tooltip.appendChild(this.tooltipChild.singular);\n                    this.typeOfCurrentChild = \"singular\";\n                }\n            }\n            return true;\n        }\n\n        return false;\n    }\n\n    private addEditStyleOnHover(e: MouseEvent) {\n        const updateTooltipPosition: Parameters<typeof addCslpOutline>[\"1\"] = ({\n            cslpTag,\n            highlightedElement,\n        }) => {\n            if (this.updateTooltipPosition()) {\n                this.tooltip?.setAttribute(\"current-data-cslp\", cslpTag);\n                this.tooltip?.setAttribute(\n                    \"current-href\",\n                    highlightedElement.getAttribute(\"href\") ?? \"\"\n                );\n            }\n        };\n\n        const editButton = Config.get().editButton;\n        const windowType = Config.get().windowType;\n\n        if (\n            (windowType === ILivePreviewWindowType.PREVIEW ||\n                windowType === ILivePreviewWindowType.INDEPENDENT) &&\n            editButton.enable\n        ) {\n            addCslpOutline(e, updateTooltipPosition);\n        }\n    }\n\n    private scrollHandler() {\n        if (!this.tooltip) return;\n\n        const cslpTag = this.tooltip.getAttribute(\"current-data-cslp\");\n\n        if (cslpTag) {\n            const { content_type_uid, entry_uid, locale, variant, fieldPathWithIndex } =\n                extractDetailsFromCslp(cslpTag);\n\n            if (inIframe()) {\n                livePreviewPostMessage?.send(\"scroll\", {\n                    field: fieldPathWithIndex,\n                    content_type_uid,\n                    entry_uid,\n                    variant,\n                    locale,\n                });\n            } else {\n                try {\n                    // Redirect to Contentstack edit page\n                    const redirectUrl = this.generateRedirectUrl(\n                        content_type_uid,\n                        locale,\n                        entry_uid,\n                        variant,\n                        fieldPathWithIndex\n                    );\n\n                    window.open(redirectUrl, \"_blank\");\n                } catch (error) {\n                    PublicLogger.error(error);\n                }\n            }\n        }\n    }\n\n    /**\n     * Generates the redirect URL for editing a specific entry in the Live Preview SDK.\n     * @param content_type_uid - The UID of the content type.\n     * @param locale - The locale of the entry (default: \"en-us\").\n     * @param entry_uid - The UID of the entry.\n     * @param preview_field - The field to be previewed.\n     * @returns The redirect URL for editing the entry.\n     */\n    private generateRedirectUrl(\n        content_type_uid: string,\n        locale = \"en-us\",\n        entry_uid: string,\n        variant: string | undefined,\n        preview_field: string\n    ): string {\n        const config = Config.get();\n\n        if (!config.stackDetails.apiKey) {\n            throw `To use edit tags, you must provide the stack API key. Specify the API key while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        apiKey: 'your-api-key'\n                    },\n                    ...\n                })`;\n        }\n\n        if (!config.stackDetails.environment) {\n            throw `To use edit tags, you must provide the preview environment. Specify the preview environment while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        environment: 'Your-environment'\n                    },\n                    ...\n                })`;\n        }\n\n        const protocol = String(config.clientUrlParams.protocol);\n        const host = String(config.clientUrlParams.host);\n        const port = String(config.clientUrlParams.port);\n        const environment = String(config.stackDetails.environment);\n        const branch = String(config.stackDetails.branch || \"main\");\n\n        let urlHash = `!/stack/${\n            config.stackDetails.apiKey\n        }/content-type/${content_type_uid}/${\n            locale ?? \"en-us\"\n        }/entry/${entry_uid}`;\n\n        if (variant) {\n            urlHash += `/variant/${variant}/edit`;\n        } else {\n            urlHash += `/edit`;\n        }\n\n        const url = new URL(`${protocol}://${host}`);\n        url.port = port;\n        url.hash = urlHash;\n        if (config.stackDetails.branch) {\n            url.searchParams.append(\"branch\", branch);\n        }\n        url.searchParams.append(\"preview-field\", preview_field);\n        url.searchParams.append(\"preview-locale\", locale ?? \"en-us\");\n        url.searchParams.append(\"preview-environment\", environment);\n\n        return `${url.origin}/${url.hash}${url.search}`;\n    }\n\n    private linkClickHandler() {\n        if (!this.tooltip) return;\n        const hrefAttribute = this.tooltip.getAttribute(\"current-href\");\n\n        if (hrefAttribute) {\n            window.location.assign(hrefAttribute);\n        }\n    }\n\n    /**\n     * Destroys the edit button by removing event listeners and removing the tooltip.\n     */\n    destroy(): void {\n        window.removeEventListener(\"scroll\", this.updateTooltipPosition);\n        window.removeEventListener(\"mouseover\", this.addEditStyleOnHover);\n        this.tooltip?.remove();\n    }\n}\n\neffect(function handleWindowTypeChange() {\n    // we need to specify when to run this effect.\n    // here, we run it when the value of windowType changes\n    if (typeof window === \"undefined\") return;\n    Config.get().windowType;\n    if (LivePreviewEditButton && !isOpeningInTimeline()) {\n        toggleEditButtonElement();\n    }\n});\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/livePreview/editButton/editButton.ts"],"sourcesContent":["import { effect } from \"@preact/signals\";\nimport { inIframe } from \"../../common/inIframe\";\nimport Config from \"../../configManager/configManager\";\nimport { addCslpOutline, extractDetailsFromCslp } from \"../../cslp\";\nimport { cslpTagStyles } from \"./editButton.style\";\nimport { PublicLogger } from \"../../logger/logger\";\nimport {\n    type IEditButtonPosition,\n    ILivePreviewWindowType,\n} from \"../../types/types\";\nimport livePreviewPostMessage from \"../eventManager/livePreviewEventManager\";\nimport { EDIT_BUTTON_TOOLTIP_ID } from \"./editButton.constant\";\nimport { isOpeningInTimeline } from \"../../utils\";\n\nfunction calculateEditButtonPosition(\n    currentHoveredElement: HTMLElement,\n    cslpButtonPosition: string\n): IEditButtonPosition {\n    const editButtonPosition: IEditButtonPosition = {\n        upperBoundOfTooltip: 0,\n        leftBoundOfTooltip: 0,\n    };\n    const currentRectOfElement = currentHoveredElement.getBoundingClientRect();\n    try {\n        const buttonMeasurementValues = {\n            width: 72,\n            halfWidth: 36,\n            height: 40,\n            basicMargin: 5,\n            widthWithMargin: 77,\n        };\n\n        switch (cslpButtonPosition) {\n            case \"top-center\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.width / 2 -\n                    buttonMeasurementValues.halfWidth +\n                    currentRectOfElement.left;\n                break;\n            case \"top-right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right - buttonMeasurementValues.width;\n                break;\n            case \"right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top -\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right +\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom-left\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n            case \"bottom-center\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.width / 2 -\n                    buttonMeasurementValues.halfWidth +\n                    currentRectOfElement.left;\n                break;\n            case \"bottom-right\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.bottom +\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.right - buttonMeasurementValues.width;\n                break;\n            case \"left\":\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top -\n                    buttonMeasurementValues.basicMargin;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.widthWithMargin;\n                break;\n            // default position => top, top-left or any other string\n            default:\n                editButtonPosition.upperBoundOfTooltip =\n                    currentRectOfElement.top - buttonMeasurementValues.height;\n                editButtonPosition.leftBoundOfTooltip =\n                    currentRectOfElement.left -\n                    buttonMeasurementValues.basicMargin;\n                break;\n        }\n        return editButtonPosition;\n    } catch (error) {\n        PublicLogger.error(error);\n        return editButtonPosition;\n    }\n}\n\nexport const createSingularEditButton = (\n    editCallback: (e: MouseEvent) => void\n): HTMLDivElement => {\n    const singularEditButton = document.createElement(\"div\");\n    singularEditButton.classList.add(\"cslp-tooltip-child\", \"singular\");\n    singularEditButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-singular-edit-button\"\n    );\n    singularEditButton.innerHTML = `<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>Edit`;\n\n    singularEditButton.addEventListener(\"click\", editCallback);\n\n    return singularEditButton;\n};\n\nexport const createMultipleEditButton = (\n    editCallback: (e: MouseEvent) => void,\n    linkCallback: (e: MouseEvent) => void\n): HTMLDivElement => {\n    const multipleEditButton = document.createElement(\"div\");\n    multipleEditButton.classList.add(\"cslp-tooltip-child\");\n    multipleEditButton.setAttribute(\"data-title\", \"Edit\");\n    multipleEditButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-multiple-edit-button\"\n    );\n    multipleEditButton.innerHTML = ` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M8.1 3.5L0.3 11.3C0.1 11.5 0 11.7 0 12V15C0 15.6 0.4 16 1 16H4C4.3 16 4.5 15.9 4.7 15.7L12.5 7.9L8.1 3.5Z\" fill=\"#718096\"></path>\n      <path d=\"M15.7 3.3L12.7 0.3C12.3 -0.1 11.7 -0.1 11.3 0.3L9.5 2.1L13.9 6.5L15.7 4.7C16.1 4.3 16.1 3.7 15.7 3.3Z\" fill=\"#718096\"></path>\n    </svg>`;\n\n    multipleEditButton.addEventListener(\"click\", editCallback);\n\n    const multipleExternalLinkButton = document.createElement(\"div\");\n    multipleExternalLinkButton.classList.add(\"cslp-tooltip-child\");\n    multipleExternalLinkButton.setAttribute(\"data-title\", \"Go to link\");\n    multipleExternalLinkButton.setAttribute(\n        \"data-test-id\",\n        \"cslp-multiple-external-link-button\"\n    );\n    multipleExternalLinkButton.innerHTML = ` <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M2.66654 2.66758H13.3332V13.3342H6.66654V16.0009H13.3332C14.0405 16.0009 14.7187 15.72 15.2188 15.2199C15.7189 14.7198 15.9999 14.0415 15.9999 13.3342V2.66758C15.9999 1.96034 15.7189 1.28206 15.2188 0.781964C14.7187 0.281867 14.0405 0.000915527 13.3332 0.000915527H2.66654C1.9593 0.000915527 1.28102 0.281867 0.780927 0.781964C0.280829 1.28206 -0.00012207 1.96034 -0.00012207 2.66758V9.33425H2.66654V2.66758Z\" fill=\"#718096\" />\n      <path d=\"M6.94263 7.05734L0.999958 13L2.88529 14.8853L8.82796 8.94267L10.8853 11V5.00001H4.88529L6.94263 7.05734Z\" fill=\"#718096\" />\n    </svg>`;\n\n    multipleExternalLinkButton.addEventListener(\"click\", linkCallback);\n\n    const multipleEditFragment = document.createDocumentFragment();\n    multipleEditFragment.appendChild(multipleEditButton);\n    multipleEditFragment.appendChild(multipleExternalLinkButton);\n\n    const multipleDiv = document.createElement(\"div\");\n    multipleDiv.appendChild(multipleEditFragment);\n    multipleDiv.classList.add(cslpTagStyles()[\"multiple\"]);\n\n    return multipleDiv;\n};\n\nexport function getEditButtonPosition(\n    currentHoveredElement: HTMLElement | null,\n    defaultPosition: string | undefined\n): IEditButtonPosition {\n    if (!currentHoveredElement)\n        return { upperBoundOfTooltip: 0, leftBoundOfTooltip: 0 };\n\n    const cslpButtonPosition = currentHoveredElement.getAttribute(\n        \"data-cslp-button-position\"\n    );\n    if (cslpButtonPosition) {\n        return calculateEditButtonPosition(\n            currentHoveredElement,\n            cslpButtonPosition\n        );\n    }\n\n    // NOTE: position \"top\" and \"top-left\" will be the position of edit button if no default position passed in config\n    return calculateEditButtonPosition(\n        currentHoveredElement,\n        defaultPosition || \"top\"\n    );\n}\n\nexport function shouldRenderEditButton(): boolean {\n    const config = Config.get();\n\n    if (!config.editButton.enable) {\n        if (config.editButton.enable === undefined)\n            PublicLogger.error(\n                \"enable key is required inside editButton object\"\n            );\n        return false;\n    }\n\n    // return boolean in case of cslp-buttons query added in url\n    try {\n        const currentLocation = new URL(window.location.href);\n        const cslpButtonQueryValue =\n            currentLocation.searchParams.get(\"cslp-buttons\");\n\n        if (\n            cslpButtonQueryValue !== null &&\n            config.editButton.includeByQueryParameter !== false\n        )\n            return cslpButtonQueryValue === \"false\" ? false : true;\n    } catch (error) {\n        PublicLogger.error(error);\n    }\n\n    const iFrameCheck = inIframe();\n\n    // case outside live preview\n    if (\n        !iFrameCheck &&\n        config.editButton.exclude?.find(\n            (exclude) => exclude === \"outsideLivePreviewPortal\"\n        )\n    ) {\n        return false;\n    }\n\n    // case if inside live preview\n    if (\n        iFrameCheck &&\n        config.editButton.exclude?.find(\n            (exclude) => exclude === \"insideLivePreviewPortal\"\n        )\n    ) {\n        return false;\n    } else if (iFrameCheck) {\n        // case if inside visual builder\n        if (config.windowType === \"builder\") {\n            return false;\n        }\n\n        // case if independent site\n        return true;\n    }\n\n    // Priority list => 1. cslpEditButton query value 2.  Inside live preview  3. renderCslpButtonByDefault value selected by user\n    return true;\n}\n\nexport function toggleEditButtonElement() {\n    const render = shouldRenderEditButton();\n    const exists = doesEditButtonExist();\n\n    if (render && !exists) {\n        LivePreviewEditButton.livePreviewEditButton =\n            new LivePreviewEditButton();\n    } else if (!render && exists) {\n        LivePreviewEditButton.livePreviewEditButton?.destroy();\n    }\n}\n\nexport function doesEditButtonExist() {\n    return document.getElementById(EDIT_BUTTON_TOOLTIP_ID) !== null;\n}\n\nexport class LivePreviewEditButton {\n    private tooltip: HTMLButtonElement | null = null;\n    private typeOfCurrentChild: \"singular\" | \"multiple\" = \"singular\";\n    private tooltipChild: {\n        singular: HTMLDivElement | null;\n        multiple: HTMLDivElement | null;\n    } = {\n        singular: null,\n        multiple: null,\n    };\n    static livePreviewEditButton: LivePreviewEditButton | null = null;\n\n    constructor() {\n        this.createCslpTooltip = this.createCslpTooltip.bind(this);\n        this.updateTooltipPosition = this.updateTooltipPosition.bind(this);\n        this.addEditStyleOnHover = this.addEditStyleOnHover.bind(this);\n        this.scrollHandler = this.scrollHandler.bind(this);\n        this.generateRedirectUrl = this.generateRedirectUrl.bind(this);\n        this.linkClickHandler = this.linkClickHandler.bind(this);\n        this.destroy = this.destroy.bind(this);\n\n        if (this.createCslpTooltip()) {\n            this.updateTooltipPosition();\n\n            window.addEventListener(\"scroll\", this.updateTooltipPosition);\n            window.addEventListener(\"mouseover\", this.addEditStyleOnHover);\n        }\n    }\n\n    private createCslpTooltip(): boolean {\n        const editButton = Config.get().editButton;\n\n        if (\n            !document.getElementById(EDIT_BUTTON_TOOLTIP_ID) &&\n            editButton.enable &&\n            shouldRenderEditButton()\n        ) {\n            const tooltip = document.createElement(\"button\");\n            this.tooltip = tooltip;\n\n            this.tooltip.classList.add(cslpTagStyles()[\"cslp-tooltip\"]);\n            this.tooltip.setAttribute(\"data-test-id\", \"cs-cslp-tooltip\");\n            this.tooltip.id = EDIT_BUTTON_TOOLTIP_ID;\n\n            window.document.body.insertAdjacentElement(\n                \"beforeend\",\n                this.tooltip\n            );\n\n            this.tooltipChild.singular = createSingularEditButton(\n                this.scrollHandler\n            );\n            this.tooltipChild.multiple = createMultipleEditButton(\n                this.scrollHandler,\n                this.linkClickHandler\n            );\n\n            this.tooltip.appendChild(this.tooltipChild.singular);\n            return true;\n        }\n        return false;\n    }\n\n    private updateTooltipPosition() {\n        const editButton = Config.get().editButton;\n        const elements = Config.get().elements;\n\n        if (!elements.highlightedElement || !this.tooltip) return false;\n\n        const currentRectOfElement =\n            elements.highlightedElement.getBoundingClientRect();\n        const currentRectOfParentOfElement =\n            this.tooltip.parentElement?.getBoundingClientRect();\n\n        if (currentRectOfElement && currentRectOfParentOfElement) {\n            const editButtonPosition = getEditButtonPosition(\n                elements.highlightedElement as HTMLElement,\n                editButton.position\n            );\n\n            let upperBoundOfTooltip = editButtonPosition.upperBoundOfTooltip;\n            const leftBoundOfTooltip = editButtonPosition.leftBoundOfTooltip;\n\n            // if scrolled and element is still visible, make sure tooltip is also visible\n            if (upperBoundOfTooltip < 0) {\n                if (currentRectOfElement.top < 0)\n                    upperBoundOfTooltip = currentRectOfElement.top;\n                else upperBoundOfTooltip = 0;\n            }\n\n            this.tooltip.style.top = upperBoundOfTooltip + \"px\";\n            this.tooltip.style.zIndex =\n                elements.highlightedElement.style.zIndex || \"200\";\n            this.tooltip.style.left = leftBoundOfTooltip + \"px\";\n\n            if (this.tooltipChild.singular && this.tooltipChild.multiple) {\n                if (\n                    elements.highlightedElement.hasAttribute(\"href\") &&\n                    this.typeOfCurrentChild !== \"multiple\"\n                ) {\n                    this.tooltip.innerHTML = \"\";\n                    this.tooltip.appendChild(this.tooltipChild.multiple);\n                    this.typeOfCurrentChild = \"multiple\";\n                } else if (this.typeOfCurrentChild !== \"singular\") {\n                    this.tooltip.innerHTML = \"\";\n                    this.tooltip.appendChild(this.tooltipChild.singular);\n                    this.typeOfCurrentChild = \"singular\";\n                }\n            }\n            return true;\n        }\n\n        return false;\n    }\n\n    private addEditStyleOnHover(e: MouseEvent) {\n        const updateTooltipPosition: Parameters<typeof addCslpOutline>[\"1\"] = ({\n            cslpTag,\n            highlightedElement,\n        }) => {\n            if (this.updateTooltipPosition()) {\n                this.tooltip?.setAttribute(\"current-data-cslp\", cslpTag);\n                this.tooltip?.setAttribute(\n                    \"current-href\",\n                    highlightedElement.getAttribute(\"href\") ?? \"\"\n                );\n            }\n        };\n\n        const editButton = Config.get().editButton;\n        const windowType = Config.get().windowType;\n\n        if (\n            (windowType === ILivePreviewWindowType.PREVIEW ||\n                windowType === ILivePreviewWindowType.INDEPENDENT) &&\n            editButton.enable\n        ) {\n            addCslpOutline(e, updateTooltipPosition);\n        }\n    }\n\n    private scrollHandler() {\n        if (!this.tooltip) return;\n\n        const cslpTag = this.tooltip.getAttribute(\"current-data-cslp\");\n\n        if (cslpTag) {\n            const { content_type_uid, entry_uid, locale, variant, fieldPathWithIndex } =\n                extractDetailsFromCslp(cslpTag);\n\n            if (inIframe()) {\n                livePreviewPostMessage?.send(\"scroll\", {\n                    field: fieldPathWithIndex,\n                    content_type_uid,\n                    entry_uid,\n                    variant,\n                    locale,\n                });\n            } else {\n                try {\n                    // Redirect to Contentstack edit page\n                    const redirectUrl = this.generateRedirectUrl(\n                        content_type_uid,\n                        locale,\n                        entry_uid,\n                        variant,\n                        fieldPathWithIndex\n                    );\n\n                    window.open(redirectUrl, \"_blank\");\n                } catch (error) {\n                    PublicLogger.error(error);\n                }\n            }\n        }\n    }\n\n    /**\n     * Generates the redirect URL for editing a specific entry in the Live Preview SDK.\n     * @param content_type_uid - The UID of the content type.\n     * @param locale - The locale of the entry (default: \"en-us\").\n     * @param entry_uid - The UID of the entry.\n     * @param preview_field - The field to be previewed.\n     * @returns The redirect URL for editing the entry.\n     */\n    private generateRedirectUrl(\n        content_type_uid: string,\n        locale = \"en-us\",\n        entry_uid: string,\n        variant: string | undefined,\n        preview_field: string\n    ): string {\n        const config = Config.get();\n\n        if (!config.stackDetails.apiKey) {\n            throw `To use edit tags, you must provide the stack API key. Specify the API key while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        apiKey: 'your-api-key'\n                    },\n                    ...\n                })`;\n        }\n\n        if (!config.stackDetails.environment) {\n            throw `To use edit tags, you must provide the preview environment. Specify the preview environment while initializing the Live Preview SDK.\n\n                ContentstackLivePreview.init({\n                    ...,\n                    stackDetails: {\n                        environment: 'Your-environment'\n                    },\n                    ...\n                })`;\n        }\n\n        const protocol = String(config.clientUrlParams.protocol);\n        const host = String(config.clientUrlParams.host);\n        const port = String(config.clientUrlParams.port);\n        const environment = String(config.stackDetails.environment);\n        const branch = String(config.stackDetails.branch || \"main\");\n\n        let urlHash = `!/stack/${\n            config.stackDetails.apiKey\n        }/content-type/${content_type_uid}/${\n            locale ?? \"en-us\"\n        }/entry/${entry_uid}`;\n\n        if (variant) {\n            urlHash += `/variant/${variant}/edit`;\n        } else {\n            urlHash += `/edit`;\n        }\n\n        const url = new URL(`${protocol}://${host}`);\n        url.port = port;\n        url.hash = urlHash;\n        if (config.stackDetails.branch) {\n            url.searchParams.append(\"branch\", branch);\n        }\n        url.searchParams.append(\"preview-field\", preview_field);\n        url.searchParams.append(\"preview-locale\", locale ?? \"en-us\");\n        url.searchParams.append(\"preview-environment\", environment);\n\n        return `${url.origin}/${url.hash}${url.search}`;\n    }\n\n    private linkClickHandler() {\n        if (!this.tooltip) return;\n        const hrefAttribute = this.tooltip.getAttribute(\"current-href\");\n\n        if (hrefAttribute) {\n            window.location.assign(hrefAttribute);\n        }\n    }\n\n    /**\n     * Destroys the edit button by removing event listeners and removing the tooltip.\n     */\n    destroy(): void {\n        window.removeEventListener(\"scroll\", this.updateTooltipPosition);\n        window.removeEventListener(\"mouseover\", this.addEditStyleOnHover);\n        this.tooltip?.remove();\n    }\n}\n\neffect(function handleWindowTypeChange() {\n    // we need to specify when to run this effect.\n    // here, we run it when the value of windowType changes\n    if (typeof window === \"undefined\") return;\n    Config.get().windowType;\n    if (LivePreviewEditButton && !isOpeningInTimeline()) {\n        toggleEditButtonElement();\n    }\n});\n"],"mappings":"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","names":[]}

package/dist/legacy/livePreview/editButton/editButton.style.cjs

@@ -28,7 +28,6 @@ function cslpTagStyles() {
   return {
     "cslp-edit-mode": import_goober.css`
             outline: 1px dashed #6c5ce7 !important;
-            position: relative !important;
         `,
     "cslp-tooltip": import_goober.css`
             padding: 0;

package/dist/legacy/livePreview/editButton/editButton.style.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/livePreview/editButton/editButton.style.ts"],"sourcesContent":["import { css } from \"goober\";\n\nexport function cslpTagStyles() {\n    return {\n        \"cslp-edit-mode\": css`\n            outline: 1px dashed #6c5ce7 !important;\n            position: relative !important;\n        `,\n        \"cslp-tooltip\": css`\n            padding: 0;\n            display: flex;\n            outline: none;\n            border: none;\n            z-index: 200 !important;\n            position: fixed;\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            top: -100%;\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    } as const;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoB;AAEb,SAAS,gBAAgB;AAC5B,SAAO;AAAA,IACH,kBAAkB;AAAA;AAAA;AAAA;AAAA,IAIlB,gBAAgB;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;AAAA;AAAA,IAgDhB,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":[]}
+{"version":3,"sources":["../../../../src/livePreview/editButton/editButton.style.ts"],"sourcesContent":["import { css } from \"goober\";\n\nexport function cslpTagStyles() {\n    return {\n        \"cslp-edit-mode\": css`\n            outline: 1px dashed #6c5ce7 !important;\n        `,\n        \"cslp-tooltip\": css`\n            padding: 0;\n            display: flex;\n            outline: none;\n            border: none;\n            z-index: 200 !important;\n            position: fixed;\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            top: -100%;\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    } as const;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoB;AAEb,SAAS,gBAAgB;AAC5B,SAAO;AAAA,IACH,kBAAkB;AAAA;AAAA;AAAA,IAGlB,gBAAgB;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;AAAA;AAAA,IAgDhB,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/legacy/livePreview/editButton/editButton.style.js

@@ -6,7 +6,6 @@ function cslpTagStyles() {
   return {
     "cslp-edit-mode": css`
             outline: 1px dashed #6c5ce7 !important;
-            position: relative !important;
         `,
     "cslp-tooltip": css`
             padding: 0;

package/dist/legacy/livePreview/editButton/editButton.style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/livePreview/editButton/editButton.style.ts"],"sourcesContent":["import { css } from \"goober\";\n\nexport function cslpTagStyles() {\n    return {\n        \"cslp-edit-mode\": css`\n            outline: 1px dashed #6c5ce7 !important;\n            position: relative !important;\n        `,\n        \"cslp-tooltip\": css`\n            padding: 0;\n            display: flex;\n            outline: none;\n            border: none;\n            z-index: 200 !important;\n            position: fixed;\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            top: -100%;\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    } as const;\n}\n"],"mappings":";;;AAAA,SAAS,WAAW;AAEb,SAAS,gBAAgB;AAC5B,SAAO;AAAA,IACH,kBAAkB;AAAA;AAAA;AAAA;AAAA,IAIlB,gBAAgB;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;AAAA;AAAA,IAgDhB,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":[]}
+{"version":3,"sources":["../../../../src/livePreview/editButton/editButton.style.ts"],"sourcesContent":["import { css } from \"goober\";\n\nexport function cslpTagStyles() {\n    return {\n        \"cslp-edit-mode\": css`\n            outline: 1px dashed #6c5ce7 !important;\n        `,\n        \"cslp-tooltip\": css`\n            padding: 0;\n            display: flex;\n            outline: none;\n            border: none;\n            z-index: 200 !important;\n            position: fixed;\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            top: -100%;\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    } as const;\n}\n"],"mappings":";;;AAAA,SAAS,WAAW;AAEb,SAAS,gBAAgB;AAC5B,SAAO;AAAA,IACH,kBAAkB;AAAA;AAAA;AAAA,IAGlB,gBAAgB;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;AAAA;AAAA,IAgDhB,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/legacy/livePreview/eventManager/postMessageEvent.hooks.cjs

@@ -89,7 +89,7 @@ function sendInitializeLivePreviewPostMessageEvent() {
       config: {
         shouldReload: import_configManager.default.get().ssr,
         href: window.location.href,
-        sdkVersion: "3.0.0",
+        sdkVersion: "3.0.2",
         mode: import_configManager.default.get().mode
       }
     }

package/dist/legacy/livePreview/eventManager/postMessageEvent.hooks.js

@@ -55,7 +55,7 @@ function sendInitializeLivePreviewPostMessageEvent() {
       config: {
         shouldReload: Config.get().ssr,
         href: window.location.href,
-        sdkVersion: "3.0.0",
+        sdkVersion: "3.0.2",
         mode: Config.get().mode
       }
     }

package/dist/legacy/preview/contentstack-live-preview-HOC.cjs

@@ -204,7 +204,7 @@ var _ContentstackLivePreview = class _ContentstackLivePreview {
    * @returns The version of the SDK as a string.
    */
   static getSdkVersion() {
-    return "3.0.0";
+    return "3.0.2";
   }
 };
 _ContentstackLivePreview.previewConstructors = {};

package/dist/legacy/preview/contentstack-live-preview-HOC.js

@@ -172,7 +172,7 @@ var _ContentstackLivePreview = class _ContentstackLivePreview {
    * @returns The version of the SDK as a string.
    */
   static getSdkVersion() {
-    return "3.0.0";
+    return "3.0.2";
   }
 };
 _ContentstackLivePreview.previewConstructors = {};

package/dist/legacy/timeline/compare/compare.cjs

@@ -51,7 +51,8 @@ var voidElements = /* @__PURE__ */ new Set([
   "param",
   "source",
   "track",
-  "wbr"
+  "wbr",
+  "video"
 ]);
 var LEAF_CSLP_SELECTOR = "[data-cslp]:not(:has([data-cslp]))";
 var DIFF_WRAPPER = "cs-compare";

package/dist/legacy/timeline/compare/compare.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/timeline/compare/compare.ts"],"sourcesContent":["import timelinePostMessage from \"../timelinePostMessage/timelinePostMessage\";\nimport { timelinePostMessageEvents } from \"../timelinePostMessage/timelinePostMessage.constant\";\nimport { compareGlobalStyles } from \"./compare.style\";\n\nconst voidElements = new Set([\n    \"area\",\n    \"base\",\n    \"br\",\n    \"col\",\n    \"embed\",\n    \"hr\",\n    \"img\",\n    \"input\",\n    \"keygen\",\n    \"link\",\n    \"meta\",\n    \"param\",\n    \"source\",\n    \"track\",\n    \"wbr\",\n]);\n\nconst LEAF_CSLP_SELECTOR = \"[data-cslp]:not(:has([data-cslp]))\";\nconst DIFF_WRAPPER = \"cs-compare\";\n\nfunction 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\n\n\nexport function handleWebCompare() {\n    // Check if window and document are available\n    if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n        // Server-side, don't execute client-specific logic\n        return;\n    }\n    compareGlobalStyles();\n    registerCompareElement();\n\n    timelinePostMessage?.on(\n        timelinePostMessageEvents.SEND_CURRENT_BASE_ROUTE,\n        async () => {\n            return { url: window.location.href.split(\"?\")[0] };\n        }\n    );\n\n    timelinePostMessage?.on(\n        timelinePostMessageEvents.SEND_CSLP_DATA,\n        async () => {\n            const elements = Array.from(\n                document.querySelectorAll(LEAF_CSLP_SELECTOR)\n            );\n            const map: Record<string, string> = {};\n            for (const element of elements) {\n                const cslp = element.getAttribute(\"data-cslp\")!;\n                if (\n                    element.hasAttributes() &&\n                    voidElements.has(element.tagName.toLowerCase())\n                ) {\n                    let attributes = \"\";\n                    for (const attr of element.attributes) {\n                        attributes += `${attr.name} -> ${attr.value}\\n`;\n                    }\n                    map[cslp] = attributes;\n                } else {\n                    map[cslp] = element.innerHTML;\n                }\n            }\n            return map;\n        }\n    );\n    const mergeColors = (className = \".cs-compare--added\") => {\n        const elements = Array.from(document.querySelectorAll(className));\n        for (let i = 1; i < elements.length; i++) {\n            const prev = elements[i - 1];\n            const next = elements[i];\n            if (prev.nextElementSibling === next)\n                prev.appendChild(prev.nextSibling!);\n        }\n    };\n\n    timelinePostMessage?.on<{\n        diff: Record<string, string>;\n        type: \"base\" | \"compare\";\n    }>(timelinePostMessageEvents.DIFF_VALUE, async (event) => {\n        const { diff, type } = event.data;\n        const operation = type === \"base\" ? \"removed\" : \"added\";\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        for (const element of elements) {\n            const path = element.getAttribute(\"data-cslp\")!;\n            if (!diff[path]) continue;\n\n            if (voidElements.has(element.tagName.toLowerCase())) {\n                element.classList.add(`cs-compare__void--${operation}`);\n            } else {\n                element.innerHTML = diff[path];\n            }\n        };\n\n        mergeColors(`.cs-compare--${operation}`);\n    });\n\n\n    timelinePostMessage?.on(timelinePostMessageEvents.REMOVE_DIFF, async () => {\n        // unwrap the cs-compare tags\n        const elements = Array.from(document.querySelectorAll(\"cs-compare\"));\n        for (const element of elements) {\n            const parent = element.parentElement!;\n            while (element.firstChild) {\n                parent.insertBefore(element.firstChild, element);\n            }\n            parent.removeChild(element);\n        }\n        // remove classes cs-compare__void--added and cs-compare__void--removed\n        const voidElements = Array.from(\n            document.querySelectorAll(\n                \".cs-compare__void--added, .cs-compare__void--removed\"\n            )\n        );\n        for (const element of voidElements) {\n            element.classList.remove(\"cs-compare__void--added\");\n            element.classList.remove(\"cs-compare__void--removed\");\n        }\n    });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAAgC;AAChC,IAAAA,8BAA0C;AAC1C,qBAAoC;AAEpC,IAAM,eAAe,oBAAI,IAAI;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AAED,IAAM,qBAAqB;AAC3B,IAAM,eAAe;AAErB,SAAS,yBAAyB;AAAA,EAC9B,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;AAIO,SAAS,mBAAmB;AAzCnC;AA2CI,MAAI,OAAO,WAAW,eAAe,OAAO,aAAa,aAAa;AAElE;AAAA,EACJ;AACA,0CAAoB;AACpB,yBAAuB;AAEvB,mCAAAC,YAAA,mBAAqB;AAAA,IACjB,sDAA0B;AAAA,IAC1B,YAAY;AACR,aAAO,EAAE,KAAK,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC,EAAE;AAAA,IACrD;AAAA;AAGJ,mCAAAA,YAAA,mBAAqB;AAAA,IACjB,sDAA0B;AAAA,IAC1B,YAAY;AACR,YAAM,WAAW,MAAM;AAAA,QACnB,SAAS,iBAAiB,kBAAkB;AAAA,MAChD;AACA,YAAM,MAA8B,CAAC;AACrC,iBAAW,WAAW,UAAU;AAC5B,cAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,YACI,QAAQ,cAAc,KACtB,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAChD;AACE,cAAI,aAAa;AACjB,qBAAW,QAAQ,QAAQ,YAAY;AACnC,0BAAc,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK;AAAA;AAAA,UAC/C;AACA,cAAI,IAAI,IAAI;AAAA,QAChB,OAAO;AACH,cAAI,IAAI,IAAI,QAAQ;AAAA,QACxB;AAAA,MACJ;AACA,aAAO;AAAA,IACX;AAAA;AAEJ,QAAM,cAAc,CAAC,YAAY,yBAAyB;AACtD,UAAM,WAAW,MAAM,KAAK,SAAS,iBAAiB,SAAS,CAAC;AAChE,aAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACtC,YAAM,OAAO,SAAS,IAAI,CAAC;AAC3B,YAAM,OAAO,SAAS,CAAC;AACvB,UAAI,KAAK,uBAAuB;AAC5B,aAAK,YAAY,KAAK,WAAY;AAAA,IAC1C;AAAA,EACJ;AAEA,mCAAAA,YAAA,mBAAqB,GAGlB,sDAA0B,YAAY,OAAO,UAAU;AACtD,UAAM,EAAE,MAAM,KAAK,IAAI,MAAM;AAC7B,UAAM,YAAY,SAAS,SAAS,YAAY;AAChD,UAAM,WAAW,MAAM;AAAA,MACnB,SAAS,iBAAiB,kBAAkB;AAAA,IAChD;AACA,eAAW,WAAW,UAAU;AAC5B,YAAM,OAAO,QAAQ,aAAa,WAAW;AAC7C,UAAI,CAAC,KAAK,IAAI,EAAG;AAEjB,UAAI,aAAa,IAAI,QAAQ,QAAQ,YAAY,CAAC,GAAG;AACjD,gBAAQ,UAAU,IAAI,qBAAqB,SAAS,EAAE;AAAA,MAC1D,OAAO;AACH,gBAAQ,YAAY,KAAK,IAAI;AAAA,MACjC;AAAA,IACJ;AAAC;AAED,gBAAY,gBAAgB,SAAS,EAAE;AAAA,EAC3C;AAGA,mCAAAA,YAAA,mBAAqB,GAAG,sDAA0B,aAAa,YAAY;AAEvE,UAAM,WAAW,MAAM,KAAK,SAAS,iBAAiB,YAAY,CAAC;AACnE,eAAW,WAAW,UAAU;AAC5B,YAAM,SAAS,QAAQ;AACvB,aAAO,QAAQ,YAAY;AACvB,eAAO,aAAa,QAAQ,YAAY,OAAO;AAAA,MACnD;AACA,aAAO,YAAY,OAAO;AAAA,IAC9B;AAEA,UAAMC,gBAAe,MAAM;AAAA,MACvB,SAAS;AAAA,QACL;AAAA,MACJ;AAAA,IACJ;AACA,eAAW,WAAWA,eAAc;AAChC,cAAQ,UAAU,OAAO,yBAAyB;AAClD,cAAQ,UAAU,OAAO,2BAA2B;AAAA,IACxD;AAAA,EACJ;AACJ;","names":["import_timelinePostMessage","timelinePostMessage","voidElements"]}
+{"version":3,"sources":["../../../../src/timeline/compare/compare.ts"],"sourcesContent":["import timelinePostMessage from \"../timelinePostMessage/timelinePostMessage\";\nimport { timelinePostMessageEvents } from \"../timelinePostMessage/timelinePostMessage.constant\";\nimport { compareGlobalStyles } from \"./compare.style\";\n\nconst voidElements = new Set([\n    \"area\",\n    \"base\",\n    \"br\",\n    \"col\",\n    \"embed\",\n    \"hr\",\n    \"img\",\n    \"input\",\n    \"keygen\",\n    \"link\",\n    \"meta\",\n    \"param\",\n    \"source\",\n    \"track\",\n    \"wbr\",\n    \"video\"\n]);\n\nconst LEAF_CSLP_SELECTOR = \"[data-cslp]:not(:has([data-cslp]))\";\nconst DIFF_WRAPPER = \"cs-compare\";\n\nfunction 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\n\n\nexport function handleWebCompare() {\n    // Check if window and document are available\n    if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n        // Server-side, don't execute client-specific logic\n        return;\n    }\n    compareGlobalStyles();\n    registerCompareElement();\n\n    timelinePostMessage?.on(\n        timelinePostMessageEvents.SEND_CURRENT_BASE_ROUTE,\n        async () => {\n            return { url: window.location.href.split(\"?\")[0] };\n        }\n    );\n\n    timelinePostMessage?.on(\n        timelinePostMessageEvents.SEND_CSLP_DATA,\n        async () => {\n            const elements = Array.from(\n                document.querySelectorAll(LEAF_CSLP_SELECTOR)\n            );\n            const map: Record<string, string> = {};\n            for (const element of elements) {\n                const cslp = element.getAttribute(\"data-cslp\")!;\n                if (\n                    element.hasAttributes() &&\n                    voidElements.has(element.tagName.toLowerCase())\n                ) {\n                    let attributes = \"\";\n                    for (const attr of element.attributes) {\n                        attributes += `${attr.name} -> ${attr.value}\\n`;\n                    }\n                    map[cslp] = attributes;\n                } else {\n                    map[cslp] = element.innerHTML;\n                }\n            }\n            return map;\n        }\n    );\n    const mergeColors = (className = \".cs-compare--added\") => {\n        const elements = Array.from(document.querySelectorAll(className));\n        for (let i = 1; i < elements.length; i++) {\n            const prev = elements[i - 1];\n            const next = elements[i];\n            if (prev.nextElementSibling === next)\n                prev.appendChild(prev.nextSibling!);\n        }\n    };\n\n    timelinePostMessage?.on<{\n        diff: Record<string, string>;\n        type: \"base\" | \"compare\";\n    }>(timelinePostMessageEvents.DIFF_VALUE, async (event) => {\n        const { diff, type } = event.data;\n        const operation = type === \"base\" ? \"removed\" : \"added\";\n        const elements = Array.from(\n            document.querySelectorAll(LEAF_CSLP_SELECTOR)\n        );\n        for (const element of elements) {\n            const path = element.getAttribute(\"data-cslp\")!;\n            if (!diff[path]) continue;\n\n            if (voidElements.has(element.tagName.toLowerCase())) {\n                element.classList.add(`cs-compare__void--${operation}`);\n            } else {\n                element.innerHTML = diff[path];\n            }\n        };\n\n        mergeColors(`.cs-compare--${operation}`);\n    });\n\n\n    timelinePostMessage?.on(timelinePostMessageEvents.REMOVE_DIFF, async () => {\n        // unwrap the cs-compare tags\n        const elements = Array.from(document.querySelectorAll(\"cs-compare\"));\n        for (const element of elements) {\n            const parent = element.parentElement!;\n            while (element.firstChild) {\n                parent.insertBefore(element.firstChild, element);\n            }\n            parent.removeChild(element);\n        }\n        // remove classes cs-compare__void--added and cs-compare__void--removed\n        const voidElements = Array.from(\n            document.querySelectorAll(\n                \".cs-compare__void--added, .cs-compare__void--removed\"\n            )\n        );\n        for (const element of voidElements) {\n            element.classList.remove(\"cs-compare__void--added\");\n            element.classList.remove(\"cs-compare__void--removed\");\n        }\n    });\n}\n"],"mappings":"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","names":["import_timelinePostMessage","timelinePostMessage","voidElements"]}

package/dist/legacy/timeline/compare/compare.js

@@ -19,7 +19,8 @@ var voidElements = /* @__PURE__ */ new Set([
   "param",
   "source",
   "track",
-  "wbr"
+  "wbr",
+  "video"
 ]);
 var LEAF_CSLP_SELECTOR = "[data-cslp]:not(:has([data-cslp]))";
 var DIFF_WRAPPER = "cs-compare";