@elementor/editor-elements 4.3.0-999 → 4.3.0-beta2

package/dist/index.mjs

@@ -283,7 +283,7 @@ function toElementModel({ model }) {
     editorSettings: model.get("editor_settings") ?? {}
   };
 }
-function useElementChildren(elementId, childrenTypes) {
+function useElementChildren(elementId, childrenTypes, { includeSelfAsParent = false } = {}) {
   return useListenTo(
     [
       v1ReadyEvent(),
@@ -299,7 +299,7 @@ function useElementChildren(elementId, childrenTypes) {
         return {};
       }
       const elementChildren = Object.entries(childrenTypes).reduce((acc, [parentType, childType]) => {
-        const parent = findChildRecursive(model, (m) => m.get("elType") === parentType);
+        const parent = includeSelfAsParent && model.get("elType") === parentType ? { model } : findChildRecursive(model, (m) => m.get("elType") === parentType);
         if (!parent) {
           acc[childType] = [];
           return acc;
@@ -687,6 +687,26 @@ var duplicateElements = ({
   return undoableDuplicate({ elementIds });
 };
 
+// src/sync/get-preview-element-dom.ts
+function getPreviewElementDOM(id) {
+  try {
+    const fromContainer = getContainer(id)?.view?.el;
+    if (fromContainer) {
+      return fromContainer;
+    }
+    return queryPreviewDOMByElementId(id);
+  } catch {
+    return null;
+  }
+}
+function queryPreviewDOMByElementId(id) {
+  const previewDocument = window.elementor?.getPreviewContainer?.()?.view?.el?.ownerDocument;
+  if (!previewDocument) {
+    return null;
+  }
+  return previewDocument.querySelector(`[data-id="${id}"]`);
+}
+
 // src/sync/get-current-document-container.ts
 function getCurrentDocumentContainer() {
   const extendedWindow = window;
@@ -1208,22 +1228,7 @@ function checkForInlineLink(elementId, resolvedValue) {
   return element.querySelector(ANCHOR_SELECTOR) !== null;
 }
 function getElementDOM(id) {
-  try {
-    const fromContainer = getContainer(id)?.view?.el;
-    if (fromContainer) {
-      return fromContainer;
-    }
-    return queryPreviewDOMByElementId(id);
-  } catch {
-    return null;
-  }
-}
-function queryPreviewDOMByElementId(id) {
-  const previewDocument = window.elementor?.getPreviewContainer?.()?.view?.el?.ownerDocument;
-  if (!previewDocument) {
-    return null;
-  }
-  return previewDocument.querySelector(`[data-id="${id}"]`);
+  return getPreviewElementDOM(id);
 }
 function isElementorElement(element) {
   return element.hasAttribute("data-id");
@@ -1286,6 +1291,9 @@ function isStyleEmpty(style) {
 }
 function clearRemovedClasses(container, { oldIds, newIds }) {
   const removedIds = oldIds.filter((id) => !newIds.includes(id));
+  if (!removedIds.length) {
+    return;
+  }
   const classesProps = structuredClone(getClassesProps(container));
   classesProps.forEach(([, prop]) => {
     prop.value = prop.value.filter((value) => !removedIds.includes(value));
@@ -1395,6 +1403,48 @@ function getElementInteractions(elementId) {
   return interactions;
 }
 
+// src/utils/get-default-style-tag-from-preview.ts
+var DEFAULT_STYLE_CLASS_PREFIX = "e-default-";
+function parseDefaultStyleTagFromClassList(classList) {
+  for (const className of classList) {
+    if (className.startsWith(DEFAULT_STYLE_CLASS_PREFIX)) {
+      return className.slice(DEFAULT_STYLE_CLASS_PREFIX.length);
+    }
+  }
+  return null;
+}
+function getDefaultStyleTagFromPreviewElement(elementId) {
+  const renderRoot = getAtomicElementRenderRoot(elementId);
+  if (!renderRoot) {
+    return null;
+  }
+  return parseDefaultStyleTagFromClassList(renderRoot.classList);
+}
+function getAtomicElementRenderRoot(elementId) {
+  const view = getContainerView(elementId);
+  if (view?.getDomElement) {
+    const domElement = view.getDomElement().get?.(0);
+    if (domElement) {
+      return domElement;
+    }
+  }
+  const wrapper = view?.el ?? getPreviewElementDOM(elementId);
+  if (!wrapper) {
+    return null;
+  }
+  if (wrapper.hasAttribute("data-id")) {
+    return wrapper;
+  }
+  const firstChild = wrapper.firstElementChild;
+  if (firstChild instanceof HTMLElement) {
+    return firstChild;
+  }
+  return wrapper;
+}
+function getContainerView(elementId) {
+  return getContainer(elementId)?.view ?? null;
+}
+
 // src/sync/update-element-interactions.ts
 import { __privateRunCommandSync as runCommandSync8 } from "@elementor/editor-v1-adapters";
 var updateElementInteractions = ({
@@ -1415,6 +1465,7 @@ var playElementInteractions = (elementId, interactionId) => {
   );
 };
 export {
+  DEFAULT_STYLE_CLASS_PREFIX,
   ELEMENT_STYLE_CHANGE_EVENT,
   addModelToParent,
   bindSettingsReconcile,
@@ -1436,6 +1487,7 @@ export {
   getContainer,
   getCurrentDocumentContainer,
   getCurrentDocumentId,
+  getDefaultStyleTagFromPreviewElement,
   getElementChildren as getElementChildrenWithFallback,
   getElementEditorSettings,
   getElementIcon,
@@ -1448,11 +1500,13 @@ export {
   getElementType,
   getElements,
   getLinkInLinkRestriction,
+  getPreviewElementDOM,
   getSelectedElements,
   getWidgetsCache,
   isElementAnchored,
   moveElement,
   moveElements,
+  parseDefaultStyleTagFromClassList,
   playElementInteractions,
   reconcileInitialChildren,
   removeElements,