@elementor/editor-editing-panel 4.4.0-1147 → 4.4.0-1149

package/dist/index.js

@@ -1976,7 +1976,7 @@ var hasInheritedCustomCss = (style, meta) => {
 // src/components/editing-panel.tsx
 var React93 = __toESM(require("react"));
 var import_editor_controls55 = require("@elementor/editor-controls");
-var import_editor_elements15 = require("@elementor/editor-elements");
+var import_editor_elements16 = require("@elementor/editor-elements");
 var import_editor_panels = require("@elementor/editor-panels");
 var import_editor_ui9 = require("@elementor/editor-ui");
 var import_icons28 = require("@elementor/icons");
@@ -2022,7 +2022,7 @@ var EditingPanelStickyPromotion = () => {
 var import_react38 = require("react");
 var React92 = __toESM(require("react"));
 var import_editor_current_user = require("@elementor/editor-current-user");
-var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_elements15 = require("@elementor/editor-elements");
 var import_ui45 = require("@elementor/ui");
 var import_i18n65 = require("@wordpress/i18n");
 
@@ -2175,6 +2175,9 @@ var InteractionsTab = () => {
 var React26 = __toESM(require("react"));
 var import_session6 = require("@elementor/session");
 
+// src/utils/ancestor-dependency-utils.ts
+var import_editor_elements6 = require("@elementor/editor-elements");
+
 // src/utils/prop-dependency-utils.ts
 var import_editor_props5 = require("@elementor/editor-props");
 var import_session5 = require("@elementor/session");
@@ -2187,14 +2190,16 @@ function getElementSettingsWithDefaults(propsSchema, elementSettings) {
   });
   return elementSettingsWithDefaults;
 }
+function isHiddenByDependency(dependency, values) {
+  const depCheck = (0, import_editor_props5.isDependencyMet)(dependency, values);
+  const failingTerm = !depCheck.isMet ? depCheck.failingDependencies[0] : void 0;
+  return !!failingTerm && !(0, import_editor_props5.isDependency)(failingTerm) && failingTerm.effect === "hide";
+}
 function extractDependencyEffect(bind, propsSchema, settings) {
   const settingsWithDefaults = getElementSettingsWithDefaults(propsSchema, settings);
   const propType = propsSchema[bind];
-  const depCheck = (0, import_editor_props5.isDependencyMet)(propType?.dependencies, settingsWithDefaults);
-  const failingTerm = !depCheck.isMet ? depCheck.failingDependencies[0] : void 0;
-  const isHidden = !!failingTerm && !(0, import_editor_props5.isDependency)(failingTerm) && failingTerm?.effect === "hide";
   return {
-    isHidden,
+    isHidden: isHiddenByDependency(propType?.dependencies, settingsWithDefaults),
     isDisabled: (prop) => !(0, import_editor_props5.isDependencyMet)(prop?.dependencies, settingsWithDefaults).isMet
   };
 }
@@ -2381,6 +2386,32 @@ function removePreviousValueFromStorage({ path, elementId }) {
   (0, import_session5.removeSessionStorageItem)(key);
 }
 
+// src/utils/ancestor-dependency-utils.ts
+function getSettingsWithDefaults(ancestor, elementType) {
+  const schema = (0, import_editor_elements6.getWidgetsCache)()?.[elementType]?.atomic_props_schema ?? {};
+  const settings = Object.fromEntries(
+    Object.keys(schema).map((key) => [key, ancestor.settings.get(key) ?? null])
+  );
+  return getElementSettingsWithDefaults(schema, settings);
+}
+function isHiddenByAncestor(elementId, propType) {
+  const ancestorDependency = propType?.meta?.ancestor_dependency;
+  if (!Array.isArray(ancestorDependency?.dependency?.terms)) {
+    return false;
+  }
+  const ancestor = (0, import_editor_elements6.findClosestContainer)(
+    (0, import_editor_elements6.getContainer)(elementId)?.parent,
+    (container) => container.model.get("elType") === ancestorDependency.element_type
+  );
+  if (!ancestor) {
+    return false;
+  }
+  return isHiddenByDependency(
+    ancestorDependency.dependency,
+    getSettingsWithDefaults(ancestor, ancestorDependency.element_type)
+  );
+}
+
 // src/components/section.tsx
 var React21 = __toESM(require("react"));
 var import_react18 = require("react");
@@ -2576,12 +2607,33 @@ var React24 = __toESM(require("react"));
 var import_react19 = require("react");
 var import_editor_controls3 = require("@elementor/editor-controls");
 var import_editor_documents2 = require("@elementor/editor-documents");
-var import_editor_elements6 = require("@elementor/editor-elements");
+var import_editor_elements7 = require("@elementor/editor-elements");
 var import_editor_props7 = require("@elementor/editor-props");
 var import_editor_responsive2 = require("@elementor/editor-responsive");
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 var import_i18n11 = require("@wordpress/i18n");
 
+// src/hooks/use-is-hidden-by-ancestor.ts
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+function useIsHiddenByAncestor(bind) {
+  const {
+    element: { id: elementId },
+    elementType: { propsSchema }
+  } = useElement();
+  const propType = propsSchema[bind];
+  return (0, import_editor_v1_adapters4.__privateUseListenTo)(
+    [
+      (0, import_editor_v1_adapters4.v1ReadyEvent)(),
+      (0, import_editor_v1_adapters4.commandEndEvent)("document/elements/set-settings"),
+      (0, import_editor_v1_adapters4.commandEndEvent)("document/elements/create"),
+      (0, import_editor_v1_adapters4.commandEndEvent)("document/elements/delete"),
+      (0, import_editor_v1_adapters4.commandEndEvent)("document/elements/move")
+    ],
+    () => isHiddenByAncestor(elementId, propType),
+    [elementId, propType]
+  );
+}
+
 // src/utils/is-responsive-prop-type.ts
 function isResponsivePropType(propType) {
   if (!propType) {
@@ -2626,8 +2678,9 @@ var SettingsField = ({ bind, children, propDisplayName }) => {
     elementId,
     propDisplayName
   });
+  const isHiddenByAncestor2 = useIsHiddenByAncestor(bind);
   const { isDisabled, isHidden } = extractDependencyEffect(bind, propsSchema, currentElementSettings);
-  if (isHidden) {
+  if (isHidden || isHiddenByAncestor2) {
     return null;
   }
   const setValue = (newValue, _ = {}, meta) => {
@@ -2638,7 +2691,7 @@ var SettingsField = ({ bind, children, propDisplayName }) => {
     if (withHistory) {
       undoableUpdateElementProp(settings);
     } else {
-      (0, import_editor_elements6.updateElementSettings)({ id: elementId, props: settings, withHistory: false });
+      (0, import_editor_elements7.updateElementSettings)({ id: elementId, props: settings, withHistory: false });
     }
   };
   return /* @__PURE__ */ React24.createElement(import_editor_controls3.PropProvider, { propType, value, setValue, isDisabled }, /* @__PURE__ */ React24.createElement(import_editor_controls3.PropKeyProvider, { bind }, isResponsivePropType(propsSchema[bind]) ? /* @__PURE__ */ React24.createElement(ResponsiveBinding, null, children) : children));
@@ -2665,20 +2718,20 @@ function useUndoableUpdateElementProp({
   propDisplayName
 }) {
   return (0, import_react19.useMemo)(() => {
-    return (0, import_editor_v1_adapters4.undoable)(
+    return (0, import_editor_v1_adapters5.undoable)(
       {
         do: (newSettings) => {
-          const prevPropValue = (0, import_editor_elements6.getElementSettings)(elementId, Object.keys(newSettings));
-          (0, import_editor_elements6.updateElementSettings)({ id: elementId, props: newSettings, withHistory: false });
+          const prevPropValue = (0, import_editor_elements7.getElementSettings)(elementId, Object.keys(newSettings));
+          (0, import_editor_elements7.updateElementSettings)({ id: elementId, props: newSettings, withHistory: false });
           (0, import_editor_documents2.setDocumentModifiedStatus)(true);
           return prevPropValue;
         },
         undo: ({}, prevProps) => {
-          (0, import_editor_elements6.updateElementSettings)({ id: elementId, props: prevProps, withHistory: false });
+          (0, import_editor_elements7.updateElementSettings)({ id: elementId, props: prevProps, withHistory: false });
         }
       },
       {
-        title: (0, import_editor_elements6.getElementLabel)(elementId),
+        title: (0, import_editor_elements7.getElementLabel)(elementId),
         // translators: %s is the name of the property that was edited.
         subtitle: (0, import_i18n11.__)("%s edited", "elementor").replace("%s", propDisplayName),
         debounce: { wait: HISTORY_DEBOUNCE_WAIT2 }
@@ -2802,15 +2855,16 @@ function renderSectionItems({
     if (!isControl(item)) {
       return [];
     }
-    if (item.type === "control" && isControlHiddenByDependencies(item, propsSchema, settings)) {
+    if (item.type === "control" && isControlHiddenByDependencies(item, propsSchema, settings, element.id)) {
       return [];
     }
     return [/* @__PURE__ */ React26.createElement(SettingsControl, { key: getKey(item, element), control: item })];
   }) ?? [];
 }
-function isControlHiddenByDependencies(control, propsSchema, settings) {
-  const { isHidden } = extractDependencyEffect(control.value.bind, propsSchema, settings);
-  return isHidden;
+function isControlHiddenByDependencies(control, propsSchema, settings, elementId) {
+  const { bind } = control.value;
+  const { isHidden } = extractDependencyEffect(bind, propsSchema, settings);
+  return isHidden || isHiddenByAncestor(elementId, propsSchema[bind]);
 }
 
 // src/components/style-tab.tsx
@@ -2825,24 +2879,24 @@ var import_ui44 = require("@elementor/ui");
 // src/contexts/styles-inheritance-context.tsx
 var React27 = __toESM(require("react"));
 var import_react20 = require("react");
-var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_elements9 = require("@elementor/editor-elements");
 var import_editor_props10 = require("@elementor/editor-props");
 var import_editor_responsive3 = require("@elementor/editor-responsive");
 var import_editor_styles5 = require("@elementor/editor-styles");
 var import_editor_styles_repository15 = require("@elementor/editor-styles-repository");
 
 // src/hooks/use-default-style-tag-from-preview.ts
-var import_editor_elements7 = require("@elementor/editor-elements");
-var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
+var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
 function useDefaultStyleTagFromPreview(elementId) {
-  return (0, import_editor_v1_adapters5.__privateUseListenTo)(
+  return (0, import_editor_v1_adapters6.__privateUseListenTo)(
     [
-      (0, import_editor_v1_adapters5.windowEvent)("elementor/preview/atomic-widget/render"),
-      (0, import_editor_v1_adapters5.commandEndEvent)("document/elements/settings"),
-      (0, import_editor_v1_adapters5.commandEndEvent)("document/elements/set-settings"),
-      (0, import_editor_v1_adapters5.commandEndEvent)("document/elements/select")
+      (0, import_editor_v1_adapters6.windowEvent)("elementor/preview/atomic-widget/render"),
+      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/settings"),
+      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/set-settings"),
+      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/select")
     ],
-    () => (0, import_editor_elements7.getDefaultStyleTagFromPreviewElement)(elementId)
+    () => (0, import_editor_elements8.getDefaultStyleTagFromPreviewElement)(elementId)
   );
 }
 
@@ -3130,7 +3184,7 @@ var useAppliedStyles = () => {
 };
 var useBaseStyles = () => {
   const { elementType } = useElement();
-  const widgetsCache = (0, import_editor_elements8.getWidgetsCache)();
+  const widgetsCache = (0, import_editor_elements9.getWidgetsCache)();
   const widgetCache = widgetsCache?.[elementType.key];
   return Object.keys(widgetCache?.base_styles ?? {});
 };
@@ -3140,7 +3194,7 @@ var useDefaultTagStyleId = () => {
 };
 
 // src/hooks/use-active-style-def-id.ts
-var import_editor_elements9 = require("@elementor/editor-elements");
+var import_editor_elements10 = require("@elementor/editor-elements");
 var import_editor_styles_repository16 = require("@elementor/editor-styles-repository");
 function useActiveStyleDefId(classProp) {
   const [activeStyledDefId, setActiveStyledDefId] = useStateByElement(
@@ -3162,7 +3216,7 @@ function useValidClassIds(appliedClassesIds) {
 }
 function useFirstAppliedClass(appliedClassesIds) {
   const { element } = useElement();
-  const stylesDefs = (0, import_editor_elements9.getElementStyles)(element.id) ?? {};
+  const stylesDefs = (0, import_editor_elements10.getElementStyles)(element.id) ?? {};
   return Object.values(stylesDefs).find((styleDef) => appliedClassesIds.includes(styleDef.id));
 }
 function useActiveAndAppliedClassId(id, appliedClassesIds) {
@@ -3403,11 +3457,11 @@ var import_ui21 = require("@elementor/ui");
 var import_i18n14 = require("@wordpress/i18n");
 
 // src/hooks/use-direction.ts
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_ui19 = require("@elementor/ui");
 function useDirection() {
   const theme = (0, import_ui19.useTheme)();
-  const isUiRtl = "rtl" === theme.direction, isSiteRtl = !!(0, import_editor_v1_adapters6.getElementorFrontendConfig)()?.is_rtl;
+  const isUiRtl = "rtl" === theme.direction, isSiteRtl = !!(0, import_editor_v1_adapters7.getElementorFrontendConfig)()?.is_rtl;
   return { isSiteRtl, isUiRtl };
 }
 
@@ -3551,9 +3605,9 @@ var import_editor_controls14 = require("@elementor/editor-controls");
 var import_i18n19 = require("@wordpress/i18n");
 
 // src/utils/can-element-have-children.ts
-var import_editor_elements10 = require("@elementor/editor-elements");
+var import_editor_elements11 = require("@elementor/editor-elements");
 var canElementHaveChildren = (elementId) => {
-  const container = (0, import_editor_elements10.getContainer)(elementId);
+  const container = (0, import_editor_elements11.getContainer)(elementId);
   if (!container) {
     return false;
   }
@@ -3562,7 +3616,7 @@ var canElementHaveChildren = (elementId) => {
 
 // src/utils/get-recently-used-styles.ts
 var import_editor_canvas = require("@elementor/editor-canvas");
-var import_editor_elements11 = require("@elementor/editor-elements");
+var import_editor_elements12 = require("@elementor/editor-elements");
 var import_editor_styles7 = require("@elementor/editor-styles");
 var getRecentlyUsedList = async (elementId) => {
   if (!elementId) {
@@ -3572,7 +3626,7 @@ var getRecentlyUsedList = async (elementId) => {
     transformers: import_editor_canvas.styleTransformersRegistry,
     schema: (0, import_editor_styles7.getStylesSchema)()
   });
-  const styles = (0, import_editor_elements11.getElementStyles)(elementId) ?? {};
+  const styles = (0, import_editor_elements12.getElementStyles)(elementId) ?? {};
   const styleKeys = Object.keys(styles ?? {});
   const variants = styleKeys.map((key) => styles?.[key]?.variants ?? []);
   const resolved = await Promise.all(
@@ -3653,19 +3707,19 @@ var EffectsSection = () => {
 // src/components/style-sections/layout-section/layout-section.tsx
 var React62 = __toESM(require("react"));
 var import_editor_controls31 = require("@elementor/editor-controls");
-var import_editor_elements13 = require("@elementor/editor-elements");
+var import_editor_elements14 = require("@elementor/editor-elements");
 var import_locations3 = require("@elementor/locations");
 var import_i18n39 = require("@wordpress/i18n");
 
 // src/hooks/use-computed-style.ts
-var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 function useComputedStyle(elementId) {
-  return (0, import_editor_v1_adapters7.__privateUseListenTo)(
+  return (0, import_editor_v1_adapters8.__privateUseListenTo)(
     [
-      (0, import_editor_v1_adapters7.windowEvent)("elementor/device-mode/change"),
-      (0, import_editor_v1_adapters7.commandEndEvent)("document/elements/reset-style"),
-      (0, import_editor_v1_adapters7.commandEndEvent)("document/elements/settings"),
-      (0, import_editor_v1_adapters7.commandEndEvent)("document/elements/paste-style")
+      (0, import_editor_v1_adapters8.windowEvent)("elementor/device-mode/change"),
+      (0, import_editor_v1_adapters8.commandEndEvent)("document/elements/reset-style"),
+      (0, import_editor_v1_adapters8.commandEndEvent)("document/elements/settings"),
+      (0, import_editor_v1_adapters8.commandEndEvent)("document/elements/paste-style")
     ],
     () => {
       if (!elementId) {
@@ -4546,13 +4600,13 @@ var GridJustifyItemsField = () => /* @__PURE__ */ React56.createElement(StylesFi
 
 // src/components/style-sections/layout-section/grid-outline-field.tsx
 var React57 = __toESM(require("react"));
-var import_editor_elements12 = require("@elementor/editor-elements");
+var import_editor_elements13 = require("@elementor/editor-elements");
 var import_ui34 = require("@elementor/ui");
 var import_i18n34 = require("@wordpress/i18n");
 var GRID_OUTLINE_LABEL = (0, import_i18n34.__)("Show Grid Outline", "elementor");
 var GridOutlineField = () => {
   const { element } = useElement();
-  const settings = (0, import_editor_elements12.useElementEditorSettings)(element.id);
+  const settings = (0, import_editor_elements13.useElementEditorSettings)(element.id);
   const value = settings?.grid_outline ?? true;
   return /* @__PURE__ */ React57.createElement(StylesFieldLayout, { label: GRID_OUTLINE_LABEL }, /* @__PURE__ */ React57.createElement(import_ui34.Box, { sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React57.createElement(
     import_ui34.Switch,
@@ -4560,7 +4614,7 @@ var GridOutlineField = () => {
       "aria-label": GRID_OUTLINE_LABEL,
       checked: value,
       onChange: (event) => {
-        (0, import_editor_elements12.updateElementEditorSettings)({
+        (0, import_editor_elements13.updateElementEditorSettings)({
           elementId: element.id,
           settings: { grid_outline: event.target.checked }
         });
@@ -4822,7 +4876,7 @@ var LayoutSection = () => {
   const isDisplayFlex = shouldDisplayFlexFields(display, displayPlaceholder);
   const isDisplayGrid = "grid" === (display?.value ?? displayPlaceholder?.value);
   const { element } = useElement();
-  const parent = (0, import_editor_elements13.useParentElement)(element.id);
+  const parent = (0, import_editor_elements14.useParentElement)(element.id);
   const parentStyle = useComputedStyle(parent?.id || null);
   const getParentStyleDirection = () => {
     if ("flex" === parentStyle?.display) {
@@ -5734,7 +5788,7 @@ var PanelTabContent = () => {
   const { element } = useElement();
   const editorDefaults = useDefaultPanelSettings();
   const defaultComponentTab = editorDefaults.defaultTab;
-  const elementMeta = (0, import_editor_elements14.getWidgetsCache)()?.[element.type]?.meta;
+  const elementMeta = (0, import_editor_elements15.getWidgetsCache)()?.[element.type]?.meta;
   const isPromotedElement = !!elementMeta?.is_pro_promotion;
   const hasDesignTabs = !elementMeta?.hide_design_tabs;
   const hasContentOnlyAccess = (0, import_editor_current_user.useHasContentOnlyAccess)();
@@ -5799,7 +5853,7 @@ var resolveCurrentTab = ({
 var { Slot: PanelHeaderTopSlot, inject: injectIntoPanelHeaderTop } = (0, import_locations5.createLocation)();
 var { useMenuItems } = import_menus.controlActionsMenu;
 var EditingPanel = () => {
-  const { element, elementType, settings } = (0, import_editor_elements15.useSelectedElementSettings)();
+  const { element, elementType, settings } = (0, import_editor_elements16.useSelectedElementSettings)();
   const controlReplacements = (0, import_editor_controls55.getControlReplacements)();
   const menuItems = useMenuItems().default;
   if (!element || !elementType) {
@@ -5849,11 +5903,11 @@ function PseudoStateMenuItems({ states, activeState, onSelectState, onClose }) {
 // src/init.ts
 var import_editor = require("@elementor/editor");
 var import_editor_panels3 = require("@elementor/editor-panels");
-var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
 
 // src/hooks/use-open-editor-panel.ts
 var import_react39 = require("react");
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 
 // src/panel.ts
 var import_editor_panels2 = require("@elementor/editor-panels");
@@ -5863,10 +5917,10 @@ var { panel, usePanelActions, usePanelStatus } = (0, import_editor_panels2.creat
 });
 
 // src/sync/is-atomic-widget-selected.ts
-var import_editor_elements16 = require("@elementor/editor-elements");
+var import_editor_elements17 = require("@elementor/editor-elements");
 var isAtomicWidgetSelected = () => {
-  const selectedElements = (0, import_editor_elements16.getSelectedElements)();
-  const widgetCache = (0, import_editor_elements16.getWidgetsCache)();
+  const selectedElements = (0, import_editor_elements17.getSelectedElements)();
+  const widgetCache = (0, import_editor_elements17.getWidgetsCache)();
   if (selectedElements.length !== 1) {
     return false;
   }
@@ -5877,7 +5931,7 @@ var isAtomicWidgetSelected = () => {
 var useOpenEditorPanel = () => {
   const { open } = usePanelActions();
   (0, import_react39.useEffect)(() => {
-    return (0, import_editor_v1_adapters8.__privateListenTo)((0, import_editor_v1_adapters8.commandStartEvent)("panel/editor/open"), () => {
+    return (0, import_editor_v1_adapters9.__privateListenTo)((0, import_editor_v1_adapters9.commandStartEvent)("panel/editor/open"), () => {
       if (isAtomicWidgetSelected()) {
         open();
       }
@@ -5933,13 +5987,13 @@ var init = () => {
 // src/controls-registry/element-controls/accordion-items-control/accordion-items-control.tsx
 var React96 = __toESM(require("react"));
 var import_editor_controls58 = require("@elementor/editor-controls");
-var import_editor_elements19 = require("@elementor/editor-elements");
+var import_editor_elements20 = require("@elementor/editor-elements");
 var import_editor_props20 = require("@elementor/editor-props");
 var import_ui48 = require("@elementor/ui");
 var import_i18n71 = require("@wordpress/i18n");
 
 // src/controls-registry/element-controls/accordion-items-control/use-actions.ts
-var import_editor_elements17 = require("@elementor/editor-elements");
+var import_editor_elements18 = require("@elementor/editor-elements");
 var import_editor_props18 = require("@elementor/editor-props");
 var import_i18n69 = require("@wordpress/i18n");
 var ACCORDION_ELEMENT_TYPE = "e-accordion";
@@ -5971,12 +6025,12 @@ var buildItemModel = (position, showIcon, differentOpenIcon) => {
   const numberedTitle = getItemTitle(position);
   return {
     elType: ACCORDION_ITEM_ELEMENT_TYPE,
-    id: (0, import_editor_elements17.generateElementId)(),
+    id: (0, import_editor_elements18.generateElementId)(),
     editor_settings: { title: numberedTitle, initial_position: position },
     elements: [
       {
         elType: ACCORDION_ITEM_HEADER_ELEMENT_TYPE,
-        id: (0, import_editor_elements17.generateElementId)(),
+        id: (0, import_editor_elements18.generateElementId)(),
         editor_settings: { title: (0, import_i18n69.__)("Header", "elementor") },
         // Seeded from the root's *current* `show_icon` value, not the schema default: if a user
         // has already turned Show Icon off, a newly added item must start with its icon hidden
@@ -5989,13 +6043,13 @@ var buildItemModel = (position, showIcon, differentOpenIcon) => {
         elements: [
           {
             elType: ACCORDION_ITEM_TITLE_ELEMENT_TYPE,
-            id: (0, import_editor_elements17.generateElementId)(),
+            id: (0, import_editor_elements18.generateElementId)(),
             editor_settings: { title: (0, import_i18n69.__)("Title", "elementor") },
             elements: [
               {
                 elType: "widget",
                 widgetType: PARAGRAPH_WIDGET_TYPE,
-                id: (0, import_editor_elements17.generateElementId)(),
+                id: (0, import_editor_elements18.generateElementId)(),
                 // A leaf still needs an explicit empty `elements`: `ElementModel.initialize()` only
                 // turns the attribute into a collection when it is defined, and v1 code walking a
                 // subtree (`deselectRecursive()` on delete) calls `.forEach()` on it unguarded.
@@ -6009,7 +6063,7 @@ var buildItemModel = (position, showIcon, differentOpenIcon) => {
           },
           {
             elType: ACCORDION_ITEM_ICON_ELEMENT_TYPE,
-            id: (0, import_editor_elements17.generateElementId)(),
+            id: (0, import_editor_elements18.generateElementId)(),
             editor_settings: { title: (0, import_i18n69.__)("Icon", "elementor") },
             elements: [],
             hydrateDefaultChildren: true
@@ -6018,7 +6072,7 @@ var buildItemModel = (position, showIcon, differentOpenIcon) => {
       },
       {
         elType: ACCORDION_ITEM_CONTENT_ELEMENT_TYPE,
-        id: (0, import_editor_elements17.generateElementId)(),
+        id: (0, import_editor_elements18.generateElementId)(),
         editor_settings: { title: (0, import_i18n69.__)("Content", "elementor") },
         elements: [],
         hydrateDefaultChildren: true
@@ -6034,14 +6088,14 @@ var useActions = () => {
     showIcon,
     differentOpenIcon = false
   }) => {
-    const accordion = (0, import_editor_elements17.getContainer)(accordionId);
+    const accordion = (0, import_editor_elements18.getContainer)(accordionId);
     if (!accordion) {
       throw new Error("Accordion container not found");
     }
     const titles = [...existingTitles];
     items3.forEach(() => {
       const position = getNextItemNumber(titles);
-      (0, import_editor_elements17.createElements)({
+      (0, import_editor_elements18.createElements)({
         title: (0, import_i18n69.__)("Accordion", "elementor"),
         elements: [
           {
@@ -6066,13 +6120,13 @@ var useActions = () => {
     });
   };
   const removeItem2 = ({ items: items3 }) => {
-    (0, import_editor_elements17.removeElements)({
+    (0, import_editor_elements18.removeElements)({
       title: (0, import_i18n69.__)("Accordion", "elementor"),
       elementIds: items3.map(({ item }) => item.id)
     });
   };
   const duplicateItem2 = ({ items: items3 }) => {
-    (0, import_editor_elements17.duplicateElements)({
+    (0, import_editor_elements18.duplicateElements)({
       title: (0, import_i18n69.__)("Duplicate Accordion Item", "elementor"),
       elementIds: items3.map(({ item }) => item.id)
     });
@@ -6082,12 +6136,12 @@ var useActions = () => {
     movedElementId,
     toIndex
   }) => {
-    const accordion = (0, import_editor_elements17.getContainer)(accordionId);
-    const movedElement = (0, import_editor_elements17.getContainer)(movedElementId);
+    const accordion = (0, import_editor_elements18.getContainer)(accordionId);
+    const movedElement = (0, import_editor_elements18.getContainer)(movedElementId);
     if (!accordion || !movedElement) {
       throw new Error("Accordion item or container not found");
     }
-    (0, import_editor_elements17.moveElements)({
+    (0, import_editor_elements18.moveElements)({
       title: (0, import_i18n69.__)("Reorder Accordion Items", "elementor"),
       moves: [
         {
@@ -6108,12 +6162,12 @@ var useActions = () => {
 
 // src/controls-registry/element-controls/accordion-items-control/use-show-icon-write-through.ts
 var import_react41 = require("react");
-var import_editor_elements18 = require("@elementor/editor-elements");
+var import_editor_elements19 = require("@elementor/editor-elements");
 var import_editor_props19 = require("@elementor/editor-props");
-var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_i18n70 = require("@wordpress/i18n");
 var ACCORDION_ITEM_HEADER_ELEMENT_TYPE2 = "e-accordion-item-header";
-var cascadeShowIconToHeaders = (0, import_editor_v1_adapters9.undoable)(
+var cascadeShowIconToHeaders = (0, import_editor_v1_adapters10.undoable)(
   {
     do: ({ accordionId, showIcon }) => {
       const headerIds = getAccordionHeaderIds(accordionId);
@@ -6121,14 +6175,14 @@ var cascadeShowIconToHeaders = (0, import_editor_v1_adapters9.undoable)(
         headerIds.map(
           (headerId) => [
             headerId,
-            (0, import_editor_elements18.getElementSettings)(headerId, [
+            (0, import_editor_elements19.getElementSettings)(headerId, [
               "show_icon"
             ]).show_icon
           ]
         )
       );
       headerIds.forEach((headerId) => {
-        (0, import_editor_elements18.updateElementSettings)({
+        (0, import_editor_elements19.updateElementSettings)({
           id: headerId,
           props: { show_icon: import_editor_props19.booleanPropTypeUtil.create(showIcon) },
           withHistory: false
@@ -6138,7 +6192,7 @@ var cascadeShowIconToHeaders = (0, import_editor_v1_adapters9.undoable)(
     },
     undo: (_payload, { previous }) => {
       Object.entries(previous).forEach(([headerId, previousValue]) => {
-        (0, import_editor_elements18.updateElementSettings)({
+        (0, import_editor_elements19.updateElementSettings)({
           id: headerId,
           props: { show_icon: previousValue ?? null },
           withHistory: false
@@ -6164,7 +6218,7 @@ var cascadeShowIconToHeaders = (0, import_editor_v1_adapters9.undoable)(
   }
 );
 function getAccordionHeaderIds(accordionId) {
-  const accordion = (0, import_editor_elements18.getContainer)(accordionId);
+  const accordion = (0, import_editor_elements19.getContainer)(accordionId);
   const itemContainers = (accordion?.children ?? []).filter(
     (child) => child.model.get("elType") === ACCORDION_ITEM_ELEMENT_TYPE
   );
@@ -6173,7 +6227,7 @@ function getAccordionHeaderIds(accordionId) {
   ).filter((header) => Boolean(header));
   return headerContainers.map((header) => header.id);
 }
-var cascadeDifferentOpenIconToHeaders = (0, import_editor_v1_adapters9.undoable)(
+var cascadeDifferentOpenIconToHeaders = (0, import_editor_v1_adapters10.undoable)(
   {
     do: ({ accordionId, differentOpenIcon }) => {
       const headerIds = getAccordionHeaderIds(accordionId);
@@ -6181,14 +6235,14 @@ var cascadeDifferentOpenIconToHeaders = (0, import_editor_v1_adapters9.undoable)
         headerIds.map(
           (headerId) => [
             headerId,
-            (0, import_editor_elements18.getElementSettings)(headerId, [
+            (0, import_editor_elements19.getElementSettings)(headerId, [
               "different_open_icon"
             ]).different_open_icon
           ]
         )
       );
       headerIds.forEach((headerId) => {
-        (0, import_editor_elements18.updateElementSettings)({
+        (0, import_editor_elements19.updateElementSettings)({
           id: headerId,
           props: { different_open_icon: import_editor_props19.booleanPropTypeUtil.create(differentOpenIcon) },
           withHistory: false
@@ -6198,7 +6252,7 @@ var cascadeDifferentOpenIconToHeaders = (0, import_editor_v1_adapters9.undoable)
     },
     undo: (_payload, { previous }) => {
       Object.entries(previous).forEach(([headerId, previousValue]) => {
-        (0, import_editor_elements18.updateElementSettings)({
+        (0, import_editor_elements19.updateElementSettings)({
           id: headerId,
           props: { different_open_icon: previousValue ?? null },
           withHistory: false
@@ -6239,7 +6293,7 @@ function useShowIconWriteThrough(accordionId, showIcon) {
 var AccordionItemsControl = ({ label }) => {
   const { element, settings } = useElement();
   const { addItem: addItem2, duplicateItem: duplicateItem2, moveItem: moveItem2, removeItem: removeItem2 } = useActions();
-  const { [ACCORDION_ITEM_ELEMENT_TYPE]: items3 } = (0, import_editor_elements19.useElementChildren)(
+  const { [ACCORDION_ITEM_ELEMENT_TYPE]: items3 } = (0, import_editor_elements20.useElementChildren)(
     element.id,
     { [ACCORDION_ELEMENT_TYPE]: ACCORDION_ITEM_ELEMENT_TYPE },
     { includeSelfAsParent: true }
@@ -6305,7 +6359,7 @@ var ItemLabel = ({ value }) => {
   return /* @__PURE__ */ React96.createElement(import_ui48.Stack, { sx: { minHeight: 20 }, direction: "row", alignItems: "center", gap: 1.5 }, value.id ? /* @__PURE__ */ React96.createElement(AccordionItemRepeaterLabel, { elementId: value.id, fallbackTitle: value.title }) : /* @__PURE__ */ React96.createElement("span", null, value?.title));
 };
 var AccordionItemRepeaterLabel = ({ elementId, fallbackTitle }) => {
-  const editorSettings = (0, import_editor_elements19.useElementEditorSettings)(elementId);
+  const editorSettings = (0, import_editor_elements20.useElementEditorSettings)(elementId);
   const label = editorSettings?.title ?? fallbackTitle ?? "";
   return /* @__PURE__ */ React96.createElement("span", null, label);
 };
@@ -6316,7 +6370,7 @@ var ItemContent = ({ value }) => {
   return /* @__PURE__ */ React96.createElement(import_ui48.Stack, { p: 2, gap: 1.5 }, /* @__PURE__ */ React96.createElement(ItemNameControl, { elementId: value.id }));
 };
 var ItemNameControl = ({ elementId }) => {
-  const editorSettings = (0, import_editor_elements19.useElementEditorSettings)(elementId);
+  const editorSettings = (0, import_editor_elements20.useElementEditorSettings)(elementId);
   const label = editorSettings?.title ?? "";
   return /* @__PURE__ */ React96.createElement(import_ui48.Stack, { gap: 1 }, /* @__PURE__ */ React96.createElement(import_editor_controls58.ControlFormLabel, null, (0, import_i18n71.__)("Name", "elementor")), /* @__PURE__ */ React96.createElement(
     import_ui48.TextField,
@@ -6324,7 +6378,7 @@ var ItemNameControl = ({ elementId }) => {
       size: "tiny",
       value: label,
       onChange: ({ target }) => {
-        (0, import_editor_elements19.updateElementEditorSettings)({
+        (0, import_editor_elements20.updateElementEditorSettings)({
           elementId,
           settings: { title: target.value }
         });
@@ -6336,13 +6390,13 @@ var ItemNameControl = ({ elementId }) => {
 // src/controls-registry/element-controls/list-items-control/list-items-control.tsx
 var React97 = __toESM(require("react"));
 var import_editor_controls59 = require("@elementor/editor-controls");
-var import_editor_elements22 = require("@elementor/editor-elements");
+var import_editor_elements23 = require("@elementor/editor-elements");
 var import_editor_props23 = require("@elementor/editor-props");
 var import_ui49 = require("@elementor/ui");
 var import_i18n74 = require("@wordpress/i18n");
 
 // src/controls-registry/element-controls/list-items-control/list-actions.ts
-var import_editor_elements20 = require("@elementor/editor-elements");
+var import_editor_elements21 = require("@elementor/editor-elements");
 var import_editor_props21 = require("@elementor/editor-props");
 var import_i18n72 = require("@wordpress/i18n");
 var LIST_ITEM_ELEMENT_TYPE = "e-list-item";
@@ -6368,7 +6422,7 @@ var buildItemModel2 = (position, showMarkers) => {
   const itemTitle = getItemTitle2(position);
   return {
     elType: LIST_ITEM_ELEMENT_TYPE,
-    id: (0, import_editor_elements20.generateElementId)(),
+    id: (0, import_editor_elements21.generateElementId)(),
     settings: {
       show_markers: import_editor_props21.booleanPropTypeUtil.create(showMarkers)
     },
@@ -6379,7 +6433,7 @@ var buildItemModel2 = (position, showMarkers) => {
     elements: [
       {
         elType: LIST_ITEM_MARKER_ELEMENT_TYPE,
-        id: (0, import_editor_elements20.generateElementId)(),
+        id: (0, import_editor_elements21.generateElementId)(),
         editor_settings: {
           title: (0, import_i18n72.__)("Marker", "elementor")
         },
@@ -6388,7 +6442,7 @@ var buildItemModel2 = (position, showMarkers) => {
       },
       {
         elType: LIST_ITEM_CONTENT_ELEMENT_TYPE,
-        id: (0, import_editor_elements20.generateElementId)(),
+        id: (0, import_editor_elements21.generateElementId)(),
         editor_settings: {
           title: (0, import_i18n72.__)("Content", "elementor")
         },
@@ -6396,7 +6450,7 @@ var buildItemModel2 = (position, showMarkers) => {
           {
             elType: "widget",
             widgetType: PARAGRAPH_WIDGET_TYPE2,
-            id: (0, import_editor_elements20.generateElementId)(),
+            id: (0, import_editor_elements21.generateElementId)(),
             elements: [],
             settings: {
               paragraph: import_editor_props21.escapedHtmlPropTypeUtil.create(itemTitle)
@@ -6408,7 +6462,7 @@ var buildItemModel2 = (position, showMarkers) => {
   };
 };
 var duplicateItem = ({ items: items3 }) => {
-  (0, import_editor_elements20.duplicateElements)({
+  (0, import_editor_elements21.duplicateElements)({
     elementIds: items3.map(({ item }) => item.id),
     title: (0, import_i18n72.__)("Duplicate List Item", "elementor")
   });
@@ -6418,12 +6472,12 @@ var moveItem = ({
   listContainerId,
   movedElementId
 }) => {
-  const movedElement = (0, import_editor_elements20.getContainer)(movedElementId);
-  const listContainer = (0, import_editor_elements20.getContainer)(listContainerId);
+  const movedElement = (0, import_editor_elements21.getContainer)(movedElementId);
+  const listContainer = (0, import_editor_elements21.getContainer)(listContainerId);
   if (!movedElement || !listContainer) {
     throw new Error("List item or list container not found");
   }
-  (0, import_editor_elements20.moveElements)({
+  (0, import_editor_elements21.moveElements)({
     title: (0, import_i18n72.__)("Reorder List Items", "elementor"),
     moves: [
       {
@@ -6435,7 +6489,7 @@ var moveItem = ({
   });
 };
 var removeItem = ({ items: items3 }) => {
-  (0, import_editor_elements20.removeElements)({
+  (0, import_editor_elements21.removeElements)({
     title: (0, import_i18n72.__)("List Items", "elementor"),
     elementIds: items3.map(({ item }) => item.id)
   });
@@ -6446,14 +6500,14 @@ var addItem = ({
   items: items3,
   showMarkers
 }) => {
-  const listContainer = (0, import_editor_elements20.getContainer)(listContainerId);
+  const listContainer = (0, import_editor_elements21.getContainer)(listContainerId);
   if (!listContainer) {
     throw new Error("List container not found");
   }
   const titles = [...existingTitles];
   items3.forEach(({ index }) => {
     const position = getNextItemNumber2(titles);
-    (0, import_editor_elements20.createElements)({
+    (0, import_editor_elements21.createElements)({
       title: (0, import_i18n72.__)("List Items", "elementor"),
       elements: [
         {
@@ -6469,11 +6523,11 @@ var addItem = ({
 
 // src/controls-registry/element-controls/list-items-control/use-show-markers-write-through.ts
 var import_react42 = require("react");
-var import_editor_elements21 = require("@elementor/editor-elements");
+var import_editor_elements22 = require("@elementor/editor-elements");
 var import_editor_props22 = require("@elementor/editor-props");
-var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 var import_i18n73 = require("@wordpress/i18n");
-var cascadeShowMarkersToItems = (0, import_editor_v1_adapters10.undoable)(
+var cascadeShowMarkersToItems = (0, import_editor_v1_adapters11.undoable)(
   {
     do: ({ listId, showMarkers }) => {
       const itemIds = getListItemIds(listId);
@@ -6481,14 +6535,14 @@ var cascadeShowMarkersToItems = (0, import_editor_v1_adapters10.undoable)(
         itemIds.map(
           (itemId) => [
             itemId,
-            (0, import_editor_elements21.getElementSettings)(itemId, [
+            (0, import_editor_elements22.getElementSettings)(itemId, [
               "show_markers"
             ]).show_markers
           ]
         )
       );
       itemIds.forEach((itemId) => {
-        (0, import_editor_elements21.updateElementSettings)({
+        (0, import_editor_elements22.updateElementSettings)({
           id: itemId,
           props: { show_markers: import_editor_props22.booleanPropTypeUtil.create(showMarkers) },
           withHistory: false
@@ -6498,7 +6552,7 @@ var cascadeShowMarkersToItems = (0, import_editor_v1_adapters10.undoable)(
     },
     undo: (_payload, { previous }) => {
       Object.entries(previous).forEach(([itemId, previousValue]) => {
-        (0, import_editor_elements21.updateElementSettings)({
+        (0, import_editor_elements22.updateElementSettings)({
           id: itemId,
           props: { show_markers: previousValue ?? null },
           withHistory: false
@@ -6513,7 +6567,7 @@ var cascadeShowMarkersToItems = (0, import_editor_v1_adapters10.undoable)(
   }
 );
 function getListItemIds(listId) {
-  const list = (0, import_editor_elements21.getContainer)(listId);
+  const list = (0, import_editor_elements22.getContainer)(listId);
   const itemContainers = (list?.children ?? []).filter(
     (child) => child.model.get("elType") === LIST_ITEM_ELEMENT_TYPE
   );
@@ -6544,7 +6598,7 @@ var ListItemsControl = ({ label }) => {
 };
 var ListItemsControlContent = ({ label }) => {
   const { element, settings } = useElement();
-  const { [LIST_ITEM_ELEMENT_TYPE]: listItems } = (0, import_editor_elements22.useElementChildren)(
+  const { [LIST_ITEM_ELEMENT_TYPE]: listItems } = (0, import_editor_elements23.useElementChildren)(
     element.id,
     { [LIST_ELEMENT_TYPE]: LIST_ITEM_ELEMENT_TYPE },
     { includeSelfAsParent: true }
@@ -6610,12 +6664,12 @@ var ItemContent2 = ({ value }) => {
   return /* @__PURE__ */ React97.createElement(import_ui49.Stack, { p: 2, gap: 1.5 }, /* @__PURE__ */ React97.createElement(ListItemLabelControl, { elementId: value.id, fallbackLabel: value.title ?? "" }));
 };
 var ListItemRepeaterLabel = ({ elementId, fallbackLabel }) => {
-  const editorSettings = (0, import_editor_elements22.useElementEditorSettings)(elementId);
+  const editorSettings = (0, import_editor_elements23.useElementEditorSettings)(elementId);
   const label = getEffectiveListItemLabel(editorSettings?.title, fallbackLabel);
   return /* @__PURE__ */ React97.createElement("span", null, label);
 };
 var ListItemLabelControl = ({ elementId, fallbackLabel }) => {
-  const editorSettings = (0, import_editor_elements22.useElementEditorSettings)(elementId);
+  const editorSettings = (0, import_editor_elements23.useElementEditorSettings)(elementId);
   const label = getEffectiveListItemLabel(editorSettings?.title, fallbackLabel);
   return /* @__PURE__ */ React97.createElement(import_ui49.Stack, { gap: 1 }, /* @__PURE__ */ React97.createElement(import_editor_controls59.ControlFormLabel, null, (0, import_i18n74.__)("Item name", "elementor")), /* @__PURE__ */ React97.createElement(
     import_ui49.TextField,
@@ -6623,7 +6677,7 @@ var ListItemLabelControl = ({ elementId, fallbackLabel }) => {
       size: "tiny",
       value: label,
       onChange: ({ target }) => {
-        (0, import_editor_elements22.updateElementEditorSettings)({
+        (0, import_editor_elements23.updateElementEditorSettings)({
           elementId,
           settings: { title: target.value }
         });
@@ -6635,16 +6689,16 @@ var ListItemLabelControl = ({ elementId, fallbackLabel }) => {
 // src/controls-registry/element-controls/tabs-control/tabs-control.tsx
 var React98 = __toESM(require("react"));
 var import_editor_controls61 = require("@elementor/editor-controls");
-var import_editor_elements25 = require("@elementor/editor-elements");
+var import_editor_elements26 = require("@elementor/editor-elements");
 var import_editor_props25 = require("@elementor/editor-props");
 var import_icons29 = require("@elementor/icons");
 var import_ui50 = require("@elementor/ui");
 var import_i18n76 = require("@wordpress/i18n");
 
 // src/controls-registry/element-controls/get-element-by-type.ts
-var import_editor_elements23 = require("@elementor/editor-elements");
+var import_editor_elements24 = require("@elementor/editor-elements");
 var getElementByType = (elementId, type) => {
-  const currentElement = (0, import_editor_elements23.getContainer)(elementId);
+  const currentElement = (0, import_editor_elements24.getContainer)(elementId);
   if (!currentElement) {
     return null;
   }
@@ -6656,7 +6710,7 @@ var getElementByType = (elementId, type) => {
 
 // src/controls-registry/element-controls/tabs-control/use-actions.ts
 var import_editor_controls60 = require("@elementor/editor-controls");
-var import_editor_elements24 = require("@elementor/editor-elements");
+var import_editor_elements25 = require("@elementor/editor-elements");
 var import_editor_props24 = require("@elementor/editor-props");
 var import_i18n75 = require("@wordpress/i18n");
 var TAB_ELEMENT_TYPE = "e-tab";
@@ -6674,12 +6728,12 @@ var useActions2 = () => {
     });
     items3.forEach(({ item, index }) => {
       const tabId = item.id;
-      const tabContentAreaContainer = (0, import_editor_elements24.getContainer)(tabContentAreaId);
+      const tabContentAreaContainer = (0, import_editor_elements25.getContainer)(tabContentAreaId);
       const tabContentId = tabContentAreaContainer?.children?.[index]?.id;
       if (!tabContentId) {
         throw new Error("Original content ID is required for duplication");
       }
-      (0, import_editor_elements24.duplicateElements)({
+      (0, import_editor_elements25.duplicateElements)({
         elementIds: [tabId, tabContentId],
         title: (0, import_i18n75.__)("Duplicate Tab", "elementor"),
         onDuplicateElements: () => {
@@ -6702,10 +6756,10 @@ var useActions2 = () => {
     movedElementId,
     movedElementIndex
   }) => {
-    const tabContentContainer = (0, import_editor_elements24.getContainer)(tabContentAreaId);
+    const tabContentContainer = (0, import_editor_elements25.getContainer)(tabContentAreaId);
     const tabContent = tabContentContainer?.children?.[movedElementIndex];
-    const movedElement = (0, import_editor_elements24.getContainer)(movedElementId);
-    const tabsMenu = (0, import_editor_elements24.getContainer)(tabsMenuId);
+    const movedElement = (0, import_editor_elements25.getContainer)(movedElementId);
+    const tabsMenu = (0, import_editor_elements25.getContainer)(tabsMenuId);
     if (!tabContent) {
       throw new Error("Content element is required");
     }
@@ -6717,7 +6771,7 @@ var useActions2 = () => {
       to: toIndex,
       defaultActiveTab
     });
-    (0, import_editor_elements24.moveElements)({
+    (0, import_editor_elements25.moveElements)({
       title: (0, import_i18n75.__)("Reorder Tabs", "elementor"),
       moves: [
         {
@@ -6751,11 +6805,11 @@ var useActions2 = () => {
       items: items3,
       defaultActiveTab
     });
-    (0, import_editor_elements24.removeElements)({
+    (0, import_editor_elements25.removeElements)({
       title: (0, import_i18n75.__)("Tabs", "elementor"),
       elementIds: items3.flatMap(({ item, index }) => {
         const tabId = item.id;
-        const tabContentContainer = (0, import_editor_elements24.getContainer)(tabContentAreaId);
+        const tabContentContainer = (0, import_editor_elements25.getContainer)(tabContentAreaId);
         const tabContentId = tabContentContainer?.children?.[index]?.id;
         if (!tabContentId) {
           throw new Error("Content ID is required");
@@ -6779,14 +6833,14 @@ var useActions2 = () => {
     tabsMenuId,
     items: items3
   }) => {
-    const tabContentArea = (0, import_editor_elements24.getContainer)(tabContentAreaId);
-    const tabsMenu = (0, import_editor_elements24.getContainer)(tabsMenuId);
+    const tabContentArea = (0, import_editor_elements25.getContainer)(tabContentAreaId);
+    const tabsMenu = (0, import_editor_elements25.getContainer)(tabsMenuId);
     if (!tabContentArea || !tabsMenu) {
       throw new Error("Tab containers not found");
     }
     items3.forEach(({ index }) => {
       const position = index + 1;
-      (0, import_editor_elements24.createElements)({
+      (0, import_editor_elements25.createElements)({
         title: (0, import_i18n75.__)("Tabs", "elementor"),
         elements: [
           {
@@ -6861,7 +6915,7 @@ var TabsControl = ({ label }) => {
 var TabsControlContent = ({ label }) => {
   const { element } = useElement();
   const { addItem: addItem2, duplicateItem: duplicateItem2, moveItem: moveItem2, removeItem: removeItem2 } = useActions2();
-  const { [TAB_ELEMENT_TYPE]: tabLinks } = (0, import_editor_elements25.useElementChildren)(element.id, {
+  const { [TAB_ELEMENT_TYPE]: tabLinks } = (0, import_editor_elements26.useElementChildren)(element.id, {
     [TAB_MENU_ELEMENT_TYPE]: TAB_ELEMENT_TYPE
   });
   const tabList = getElementByType(element.id, TAB_MENU_ELEMENT_TYPE);
@@ -6922,7 +6976,7 @@ var ItemLabel3 = ({ value, index }) => {
   return /* @__PURE__ */ React98.createElement(import_ui50.Stack, { sx: { minHeight: 20 }, direction: "row", alignItems: "center", gap: 1.5 }, value.id ? /* @__PURE__ */ React98.createElement(TabRepeaterLabel, { elementId: value.id, fallbackTitle: value.title }) : /* @__PURE__ */ React98.createElement("span", null, value?.title), /* @__PURE__ */ React98.createElement(ItemDefaultTab, { index }));
 };
 var TabRepeaterLabel = ({ elementId, fallbackTitle }) => {
-  const editorSettings = (0, import_editor_elements25.useElementEditorSettings)(elementId);
+  const editorSettings = (0, import_editor_elements26.useElementEditorSettings)(elementId);
   const label = editorSettings?.title ?? fallbackTitle ?? "";
   return /* @__PURE__ */ React98.createElement("span", null, label);
 };
@@ -6959,7 +7013,7 @@ var DefaultTabControl = ({ tabIndex }) => {
   )));
 };
 var TabLabelControl = ({ elementId }) => {
-  const editorSettings = (0, import_editor_elements25.useElementEditorSettings)(elementId);
+  const editorSettings = (0, import_editor_elements26.useElementEditorSettings)(elementId);
   const label = editorSettings?.title ?? "";
   return /* @__PURE__ */ React98.createElement(import_ui50.Stack, { gap: 1 }, /* @__PURE__ */ React98.createElement(import_editor_controls61.ControlFormLabel, null, (0, import_i18n76.__)("Tab name", "elementor")), /* @__PURE__ */ React98.createElement(
     import_ui50.TextField,
@@ -6967,7 +7021,7 @@ var TabLabelControl = ({ elementId }) => {
       size: "tiny",
       value: label,
       onChange: ({ target }) => {
-        (0, import_editor_elements25.updateElementEditorSettings)({
+        (0, import_editor_elements26.updateElementEditorSettings)({
           elementId,
           settings: { title: target.value }
         });
@@ -7034,7 +7088,7 @@ var import_react44 = require("react");
 var import_editor_controls62 = require("@elementor/editor-controls");
 
 // src/dynamics/sync/get-atomic-dynamic-tags.ts
-var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 
 // src/hooks/use-license-config.ts
 var import_react43 = require("react");
@@ -7057,7 +7111,7 @@ function useLicenseConfig() {
 
 // src/dynamics/sync/get-atomic-dynamic-tags.ts
 var getAtomicDynamicTags = (shouldFilterByLicense = true) => {
-  const { atomicDynamicTags } = (0, import_editor_v1_adapters11.getElementorConfig)();
+  const { atomicDynamicTags } = (0, import_editor_v1_adapters12.getElementorConfig)();
   if (!atomicDynamicTags) {
     return null;
   }
@@ -7080,7 +7134,7 @@ var filterByLicense = (tags) => {
 
 // src/dynamics/utils.ts
 var import_editor_props26 = require("@elementor/editor-props");
-var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 var import_schema = require("@elementor/schema");
 var DYNAMIC_PROP_TYPE_KEY = "dynamic";
 var dynamicPropTypeUtil = (0, import_editor_props26.createPropUtils)(
@@ -7092,7 +7146,7 @@ var dynamicPropTypeUtil = (0, import_editor_props26.createPropUtils)(
   })
 );
 var isDynamicTagSupported = (tagName) => {
-  return !!(0, import_editor_v1_adapters12.getElementorConfig)()?.atomicDynamicTags?.tags?.[tagName];
+  return !!(0, import_editor_v1_adapters13.getElementorConfig)()?.atomicDynamicTags?.tags?.[tagName];
 };
 var isDynamicPropType = (prop) => prop.key === DYNAMIC_PROP_TYPE_KEY;
 var getDynamicPropType = (propType) => {
@@ -8426,7 +8480,7 @@ function init4() {
   init();
 }
 var blockV1Panel = () => {
-  (0, import_editor_v1_adapters13.blockCommand)({
+  (0, import_editor_v1_adapters14.blockCommand)({
     command: "panel/editor/open",
     condition: isAtomicWidgetSelected
   });