@contentstack/live-preview-utils
Version:
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.
36 lines (35 loc) • 1.33 kB
JavaScript
import "../../chunk-5WRI5ZAA.js";
// src/visualBuilder/utils/getChildElements.ts
function getChildElements(parentElement, parentCslpValue) {
const childElements = parentElement.querySelectorAll(
`[data-cslp^="${parentCslpValue + "."}"]`
);
const filteredChildElements = Array.from(childElements).filter(
(childElement) => {
var _a;
return ((_a = childElement.getAttribute("data-cslp")) == null ? void 0 : _a.match(/\.\d+$/)) !== null;
}
);
const firstChild = filteredChildElements.at(0);
if (!firstChild) return [null, null, () => {
}];
const secondChild = filteredChildElements.at(1);
if (secondChild) return [firstChild, secondChild, () => {
}];
const firstChildClone = document.createElement(firstChild.tagName);
firstChildClone.setAttribute(
"class",
firstChild.getAttribute("class") ?? ""
);
const HIDE_ELEMENT_CSS = "overflow: hidden !important; width: 0 !important; height: 0 !important; padding: 0 !important; border: 0 !important;";
firstChildClone.setAttribute("style", HIDE_ELEMENT_CSS);
parentElement.appendChild(firstChildClone);
function removeClone() {
parentElement.removeChild(firstChildClone);
}
return [firstChild, firstChildClone, removeClone];
}
export {
getChildElements as default
};
//# sourceMappingURL=getChildElements.js.map