@contentstack/live-preview-utils/dist/modern/visualBuilder/utils/getPsuedoEditableEssentialStyles.cjs.map

Contentstack provides the Live Preview SDK to establish a communication channel between the various Contentstack SDKs and your website, transmitting live changes to the preview pane.

{"version":3,"sources":["../../../../src/visualBuilder/utils/getPsuedoEditableEssentialStyles.ts"],"sourcesContent":["import getCamelCaseStyles from \"./getCamelCaseStyles\";\n\nexport function getPsuedoEditableEssentialStyles({\n    rect,\n    camelCase,\n}: {\n    rect: DOMRect;\n    camelCase: boolean | undefined;\n}) {\n    const overrides = {\n        position: \"absolute\",\n        top: `${rect.top + window.scrollY}px`,\n        left: `${rect.left + window.scrollX}px`,\n        height: \"auto\",\n        \"min-height\": `${Math.abs(rect.height)}px`,\n        \"white-space\": \"normal\",\n        \"text-transform\": \"none\",\n        \"text-wrap-mode\": \"wrap\",\n        \"text-overflow\": \"visible\",\n    };\n    return camelCase ? getCamelCaseStyles(overrides) : overrides;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAA+B;AAExB,SAAS,iCAAiC;AAAA,EAC7C;AAAA,EACA;AACJ,GAGG;AACC,QAAM,YAAY;AAAA,IACd,UAAU;AAAA,IACV,KAAK,GAAG,KAAK,MAAM,OAAO,OAAO;AAAA,IACjC,MAAM,GAAG,KAAK,OAAO,OAAO,OAAO;AAAA,IACnC,QAAQ;AAAA,IACR,cAAc,GAAG,KAAK,IAAI,KAAK,MAAM,CAAC;AAAA,IACtC,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,EACrB;AACA,SAAO,gBAAY,0BAAAA,SAAmB,SAAS,IAAI;AACvD;","names":["getCamelCaseStyles"]}