@elementor/editor-editing-panel 4.0.0-609 → 4.0.0-621

package/dist/index.js

@@ -96,8 +96,8 @@ function useClassesProp() {
 var React2 = __toESM(require("react"));
 var import_react2 = require("react");
 var Context2 = (0, import_react2.createContext)(null);
-function ElementProvider({ children, element, elementType }) {
-  return /* @__PURE__ */ React2.createElement(Context2.Provider, { value: { element, elementType } }, children);
+function ElementProvider({ children, element, elementType, settings }) {
+  return /* @__PURE__ */ React2.createElement(Context2.Provider, { value: { element, elementType, settings } }, children);
 }
 function useElement() {
   const context = (0, import_react2.useContext)(Context2);
@@ -106,6 +106,13 @@ function useElement() {
   }
   return context;
 }
+function usePanelElementSetting(propKey) {
+  const context = (0, import_react2.useContext)(Context2);
+  if (!context) {
+    throw new Error("usePanelElementSetting must be used within a ElementProvider");
+  }
+  return context.settings[propKey] ?? null;
+}
 
 // src/contexts/style-context.tsx
 var React3 = __toESM(require("react"));
@@ -212,7 +219,6 @@ var onConvert = (opts) => {
 // src/components/css-classes/css-class-selector.tsx
 var React10 = __toESM(require("react"));
 var import_react10 = require("react");
-var import_editor_elements4 = require("@elementor/editor-elements");
 var import_editor_styles_repository8 = require("@elementor/editor-styles-repository");
 var import_editor_ui3 = require("@elementor/editor-ui");
 var import_icons2 = require("@elementor/icons");
@@ -1360,9 +1366,8 @@ function hasReachedLimit(provider) {
   return provider.actions.all().length >= provider.limit;
 }
 function useAppliedOptions(options12) {
-  const { element } = useElement();
   const currentClassesProp = useClassesProp();
-  const appliedIds = (0, import_editor_elements4.useElementSetting)(element.id, currentClassesProp)?.value || [];
+  const appliedIds = usePanelElementSetting(currentClassesProp)?.value ?? [];
   const appliedOptions = options12.filter((option) => option.value && appliedIds.includes(option.value));
   const hasElementsProviderStyleApplied = appliedOptions.some(
     (option) => option.provider && (0, import_editor_styles_repository8.isElementsStylesProvider)(option.provider)
@@ -1405,7 +1410,7 @@ var import_editor_styles4 = require("@elementor/editor-styles");
 
 // src/hooks/use-custom-css.ts
 var import_react13 = require("react");
-var import_editor_elements6 = require("@elementor/editor-elements");
+var import_editor_elements5 = require("@elementor/editor-elements");
 var import_editor_props3 = require("@elementor/editor-props");
 var import_editor_styles3 = require("@elementor/editor-styles");
 var import_editor_styles_repository11 = require("@elementor/editor-styles-repository");
@@ -1414,7 +1419,7 @@ var import_utils2 = require("@elementor/utils");
 
 // src/hooks/use-styles-fields.ts
 var import_react12 = require("react");
-var import_editor_elements5 = require("@elementor/editor-elements");
+var import_editor_elements4 = require("@elementor/editor-elements");
 var import_editor_styles2 = require("@elementor/editor-styles");
 var import_editor_styles_repository9 = require("@elementor/editor-styles-repository");
 var import_editor_styles_repository10 = require("@elementor/editor-styles-repository");
@@ -1472,20 +1477,20 @@ function useUndoableActions({
     return (0, import_editor_v1_adapters2.undoable)(
       {
         do: (payload) => {
-          if ((0, import_editor_elements5.shouldCreateNewLocalStyle)(payload)) {
+          if ((0, import_editor_elements4.shouldCreateNewLocalStyle)(payload)) {
             return create(payload);
           }
           return update(payload);
         },
         undo: (payload, doReturn) => {
-          const wasLocalStyleCreated = (0, import_editor_elements5.shouldCreateNewLocalStyle)(payload);
+          const wasLocalStyleCreated = (0, import_editor_elements4.shouldCreateNewLocalStyle)(payload);
           if (wasLocalStyleCreated) {
             return undoCreate(payload, doReturn);
           }
           return undo(payload, doReturn);
         },
         redo: (payload, doReturn) => {
-          const wasLocalStyleCreated = (0, import_editor_elements5.shouldCreateNewLocalStyle)(payload);
+          const wasLocalStyleCreated = (0, import_editor_elements4.shouldCreateNewLocalStyle)(payload);
           if (wasLocalStyleCreated) {
             return create(payload, doReturn);
           }
@@ -1499,11 +1504,11 @@ function useUndoableActions({
       }
     );
     function create({ props }, redoArgs) {
-      const createdStyle = (0, import_editor_elements5.createElementStyle)({ ...createStyleArgs, props, styleId: redoArgs?.createdStyleId });
+      const createdStyle = (0, import_editor_elements4.createElementStyle)({ ...createStyleArgs, props, styleId: redoArgs?.createdStyleId });
       return { createdStyleId: createdStyle };
     }
     function undoCreate(_, { createdStyleId }) {
-      (0, import_editor_elements5.deleteElementStyle)(elementId, createdStyleId);
+      (0, import_editor_elements4.deleteElementStyle)(elementId, createdStyleId);
     }
     function update({ provider, styleId, props }) {
       if (!provider.actions.updateProps) {
@@ -1543,7 +1548,7 @@ var defaultHistoryTitles = {
   }
 };
 var localStyleHistoryTitles = {
-  title: ({ elementId }) => (0, import_editor_elements5.getElementLabel)(elementId),
+  title: ({ elementId }) => (0, import_editor_elements4.getElementLabel)(elementId),
   subtitle: ({ propDisplayName }) => (
     // translators: %s is the name of the style property being edited
     (0, import_i18n6.__)(`%s edited`, "elementor").replace("%s", propDisplayName)
@@ -1611,19 +1616,19 @@ function useUndoableActions2({
     return (0, import_editor_v1_adapters3.undoable)(
       {
         do: (payload) => {
-          if ((0, import_editor_elements6.shouldCreateNewLocalStyle)(payload)) {
+          if ((0, import_editor_elements5.shouldCreateNewLocalStyle)(payload)) {
             return create(payload);
           }
           return update(payload);
         },
         undo: (payload, doReturn) => {
-          if ((0, import_editor_elements6.shouldCreateNewLocalStyle)(payload)) {
+          if ((0, import_editor_elements5.shouldCreateNewLocalStyle)(payload)) {
             return undoCreate(payload, doReturn);
           }
           return undoUpdate(payload, doReturn);
         },
         redo: (payload, doReturn) => {
-          if ((0, import_editor_elements6.shouldCreateNewLocalStyle)(payload)) {
+          if ((0, import_editor_elements5.shouldCreateNewLocalStyle)(payload)) {
             return create(payload, doReturn);
           }
           return update(payload);
@@ -1636,7 +1641,7 @@ function useUndoableActions2({
       }
     );
     function create({ customCss }, redoArgs) {
-      const createdStyle = (0, import_editor_elements6.createElementStyle)({
+      const createdStyle = (0, import_editor_elements5.createElementStyle)({
         ...createStyleArgs,
         props: {},
         custom_css: customCss ?? null,
@@ -1645,7 +1650,7 @@ function useUndoableActions2({
       return { createdStyleId: createdStyle };
     }
     function undoCreate(_, { createdStyleId }) {
-      (0, import_editor_elements6.deleteElementStyle)(elementId, createdStyleId);
+      (0, import_editor_elements5.deleteElementStyle)(elementId, createdStyleId);
     }
     function update({ provider, styleId, customCss }) {
       if (!provider.actions.updateCustomCss) {
@@ -1737,7 +1742,7 @@ var hasInheritedCustomCss = (style, meta) => {
 // src/components/editing-panel.tsx
 var React81 = __toESM(require("react"));
 var import_editor_controls49 = require("@elementor/editor-controls");
-var import_editor_elements13 = require("@elementor/editor-elements");
+var import_editor_elements12 = require("@elementor/editor-elements");
 var import_editor_panels = require("@elementor/editor-panels");
 var import_editor_ui7 = require("@elementor/editor-ui");
 var import_icons21 = require("@elementor/icons");
@@ -1966,6 +1971,7 @@ var controlTypes = {
   "html-tag": { component: import_editor_controls.HtmlTagControl, layout: "two-columns", propTypeUtil: import_editor_props4.stringPropTypeUtil },
   toggle: { component: import_editor_controls.ToggleControl, layout: "full", propTypeUtil: import_editor_props4.stringPropTypeUtil },
   "date-time": { component: import_editor_controls.DateTimeControl, layout: "full", propTypeUtil: import_editor_props4.DateTimePropTypeUtil },
+  video: { component: import_editor_controls.VideoMediaControl, layout: "full", propTypeUtil: import_editor_props4.videoSrcPropTypeUtil },
   "inline-editing": { component: import_editor_controls.InlineEditingControl, layout: "full", propTypeUtil: import_editor_props4.htmlV3PropTypeUtil },
   email: { component: import_editor_controls.EmailFormActionControl, layout: "custom", propTypeUtil: import_editor_props4.emailPropTypeUtil }
 };
@@ -2052,7 +2058,7 @@ var React19 = __toESM(require("react"));
 var import_react18 = require("react");
 var import_editor_controls2 = require("@elementor/editor-controls");
 var import_editor_documents2 = require("@elementor/editor-documents");
-var import_editor_elements7 = require("@elementor/editor-elements");
+var import_editor_elements6 = require("@elementor/editor-elements");
 var import_editor_props6 = require("@elementor/editor-props");
 var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var import_i18n7 = require("@wordpress/i18n");
@@ -2205,35 +2211,61 @@ var createTopLevelObjectType = ({ schema }) => {
 
 // src/controls-registry/settings-field.tsx
 var HISTORY_DEBOUNCE_WAIT2 = 800;
+var getElementSettigsWithDefaults = (propsSchema, elementSettings) => {
+  const elementSettingsWithDefaults = { ...elementSettings };
+  Object.keys(propsSchema).forEach((key) => {
+    if (!(key in elementSettingsWithDefaults)) {
+      if (propsSchema[key].default !== null) {
+        elementSettingsWithDefaults[key] = propsSchema[key].default;
+      }
+    }
+  });
+  return elementSettingsWithDefaults;
+};
+var extractDependencyEffect = (bind, propsSchema, currentElementSettings) => {
+  const elementSettingsForDepCheck = getElementSettigsWithDefaults(propsSchema, currentElementSettings);
+  const propType = propsSchema[bind];
+  const depCheck = (0, import_editor_props6.isDependencyMet)(propType?.dependencies, elementSettingsForDepCheck);
+  const isHidden = !depCheck.isMet && !(0, import_editor_props6.isDependency)(depCheck.failingDependencies[0]) && depCheck.failingDependencies[0]?.effect === "hide";
+  return {
+    isDisabled: (prop) => {
+      const result = !(0, import_editor_props6.isDependencyMet)(prop?.dependencies, elementSettingsForDepCheck).isMet;
+      return result;
+    },
+    isHidden,
+    settingsWithDefaults: elementSettingsForDepCheck
+  };
+};
 var SettingsField = ({ bind, children, propDisplayName }) => {
   const {
     element: { id: elementId },
-    elementType: { propsSchema, dependenciesPerTargetMapping = {} }
+    elementType: { propsSchema, dependenciesPerTargetMapping = {} },
+    settings: currentElementSettings
   } = useElement();
-  const elementSettingValues = (0, import_editor_elements7.useElementSettings)(elementId, Object.keys(propsSchema));
-  const value = { [bind]: elementSettingValues?.[bind] ?? null };
+  const value = { [bind]: currentElementSettings?.[bind] ?? null };
   const propType = createTopLevelObjectType({ schema: propsSchema });
   const undoableUpdateElementProp = useUndoableUpdateElementProp({
     elementId,
     propDisplayName
   });
+  const { isDisabled, isHidden, settingsWithDefaults } = extractDependencyEffect(
+    bind,
+    propsSchema,
+    currentElementSettings
+  );
+  if (isHidden) {
+    return null;
+  }
   const setValue = (newValue, _ = {}, meta) => {
     const { withHistory = true } = meta ?? {};
     const dependents = extractOrderedDependencies(dependenciesPerTargetMapping);
-    const settings = getUpdatedValues(newValue, dependents, propsSchema, elementSettingValues, elementId);
+    const settings = getUpdatedValues(newValue, dependents, propsSchema, settingsWithDefaults, elementId);
     if (withHistory) {
       undoableUpdateElementProp(settings);
     } else {
-      (0, import_editor_elements7.updateElementSettings)({ id: elementId, props: settings, withHistory: false });
+      (0, import_editor_elements6.updateElementSettings)({ id: elementId, props: settings, withHistory: false });
     }
   };
-  const isDisabled = (prop) => !(0, import_editor_props6.isDependencyMet)(prop?.dependencies, elementSettingValues).isMet;
-  const propTypeToBind = propsSchema[bind];
-  const dependenciesResult = (0, import_editor_props6.isDependencyMet)(propTypeToBind?.dependencies, elementSettingValues);
-  const shouldHide = !dependenciesResult.isMet && !(0, import_editor_props6.isDependency)(dependenciesResult.failingDependencies[0]) && dependenciesResult.failingDependencies[0]?.effect === "hide";
-  if (shouldHide) {
-    return null;
-  }
   return /* @__PURE__ */ React19.createElement(import_editor_controls2.PropProvider, { propType, value, setValue, isDisabled }, /* @__PURE__ */ React19.createElement(import_editor_controls2.PropKeyProvider, { bind }, children));
 };
 function useUndoableUpdateElementProp({
@@ -2244,17 +2276,17 @@ function useUndoableUpdateElementProp({
     return (0, import_editor_v1_adapters4.undoable)(
       {
         do: (newSettings) => {
-          const prevPropValue = (0, import_editor_elements7.getElementSettings)(elementId, Object.keys(newSettings));
-          (0, import_editor_elements7.updateElementSettings)({ id: elementId, props: newSettings, withHistory: false });
+          const prevPropValue = (0, import_editor_elements6.getElementSettings)(elementId, Object.keys(newSettings));
+          (0, import_editor_elements6.updateElementSettings)({ id: elementId, props: newSettings, withHistory: false });
           (0, import_editor_documents2.setDocumentModifiedStatus)(true);
           return prevPropValue;
         },
         undo: ({}, prevProps) => {
-          (0, import_editor_elements7.updateElementSettings)({ id: elementId, props: prevProps, withHistory: false });
+          (0, import_editor_elements6.updateElementSettings)({ id: elementId, props: prevProps, withHistory: false });
         }
       },
       {
-        title: (0, import_editor_elements7.getElementLabel)(elementId),
+        title: (0, import_editor_elements6.getElementLabel)(elementId),
         // translators: %s is the name of the property that was edited.
         subtitle: (0, import_i18n7.__)("%s edited", "elementor").replace("%s", propDisplayName),
         debounce: { wait: HISTORY_DEBOUNCE_WAIT2 }
@@ -2385,7 +2417,7 @@ var import_i18n53 = require("@wordpress/i18n");
 // src/contexts/styles-inheritance-context.tsx
 var React23 = __toESM(require("react"));
 var import_react19 = require("react");
-var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_elements7 = require("@elementor/editor-elements");
 var import_editor_props9 = require("@elementor/editor-props");
 var import_editor_responsive2 = require("@elementor/editor-responsive");
 var import_editor_styles5 = require("@elementor/editor-styles");
@@ -2648,42 +2680,37 @@ function useStylesInheritanceChain(path) {
   return context.getInheritanceChain(snapshot, path, topLevelPropType);
 }
 var useAppliedStyles = () => {
-  const { element } = useElement();
   const currentClassesProp = useClassesProp();
   const baseStyles = useBaseStyles();
   useStylesRerender();
-  const classesProp = (0, import_editor_elements8.useElementSetting)(element.id, currentClassesProp);
+  const classesProp = usePanelElementSetting(currentClassesProp);
   const appliedStyles = import_editor_props9.classesPropTypeUtil.extract(classesProp) ?? [];
   return import_editor_styles_repository12.stylesRepository.all().filter((style) => [...baseStyles, ...appliedStyles].includes(style.id));
 };
 var useBaseStyles = () => {
   const { elementType } = useElement();
-  const widgetsCache = (0, import_editor_elements8.getWidgetsCache)();
+  const widgetsCache = (0, import_editor_elements7.getWidgetsCache)();
   const widgetCache = widgetsCache?.[elementType.key];
   return Object.keys(widgetCache?.base_styles ?? {});
 };
 
 // src/hooks/use-active-style-def-id.ts
-var import_editor_elements9 = require("@elementor/editor-elements");
+var import_editor_elements8 = require("@elementor/editor-elements");
 function useActiveStyleDefId(classProp) {
   const [activeStyledDefId, setActiveStyledDefId] = useStateByElement(
     "active-style-id",
     null
   );
-  const appliedClassesIds = useAppliedClassesIds(classProp)?.value || [];
+  const appliedClassesIds = usePanelElementSetting(classProp)?.value || [];
   const fallback = useFirstAppliedClass(appliedClassesIds);
   const activeAndAppliedClassId = useActiveAndAppliedClassId(activeStyledDefId, appliedClassesIds);
   return [activeAndAppliedClassId || fallback?.id || null, setActiveStyledDefId];
 }
 function useFirstAppliedClass(appliedClassesIds) {
   const { element } = useElement();
-  const stylesDefs = (0, import_editor_elements9.getElementStyles)(element.id) ?? {};
+  const stylesDefs = (0, import_editor_elements8.getElementStyles)(element.id) ?? {};
   return Object.values(stylesDefs).find((styleDef) => appliedClassesIds.includes(styleDef.id));
 }
-function useAppliedClassesIds(classProp) {
-  const { element } = useElement();
-  return (0, import_editor_elements9.useElementSetting)(element.id, classProp);
-}
 function useActiveAndAppliedClassId(id, appliedClassesIds) {
   const isClassApplied = !!id && appliedClassesIds.includes(id);
   return isClassApplied ? id : null;
@@ -2969,9 +2996,18 @@ var BorderSection = () => /* @__PURE__ */ React33.createElement(SectionContent,
 // src/components/style-sections/effects-section/effects-section.tsx
 var React37 = __toESM(require("react"));
 var import_editor_controls14 = require("@elementor/editor-controls");
-var import_editor_elements11 = require("@elementor/editor-elements");
 var import_i18n15 = require("@wordpress/i18n");
 
+// src/utils/can-element-have-children.ts
+var import_editor_elements9 = require("@elementor/editor-elements");
+var canElementHaveChildren = (elementId) => {
+  const container = (0, import_editor_elements9.getContainer)(elementId);
+  if (!container) {
+    return false;
+  }
+  return container.model.get("elType") !== "widget";
+};
+
 // src/utils/get-recently-used-styles.ts
 var import_editor_canvas = require("@elementor/editor-canvas");
 var import_editor_elements10 = require("@elementor/editor-elements");
@@ -3050,9 +3086,10 @@ var TRANSFORM_LABEL = (0, import_i18n15.__)("Transform", "elementor");
 var BACKDROP_FILTER_LABEL = (0, import_i18n15.__)("Backdrop filters", "elementor");
 var TRANSITIONS_LABEL = (0, import_i18n15.__)("Transitions", "elementor");
 var EffectsSection = () => {
-  const { element } = (0, import_editor_elements11.useSelectedElement)();
+  const { element } = useElement();
   const { meta } = useStyle();
-  return /* @__PURE__ */ React37.createElement(SectionContent, { gap: 1 }, /* @__PURE__ */ React37.createElement(BlendModeField, null), /* @__PURE__ */ React37.createElement(PanelDivider, null), /* @__PURE__ */ React37.createElement(OpacityControlField, null), /* @__PURE__ */ React37.createElement(PanelDivider, null), /* @__PURE__ */ React37.createElement(StylesField, { bind: "box-shadow", propDisplayName: BOX_SHADOW_LABEL }, /* @__PURE__ */ React37.createElement(import_editor_controls14.BoxShadowRepeaterControl, null)), /* @__PURE__ */ React37.createElement(PanelDivider, null), /* @__PURE__ */ React37.createElement(StylesField, { bind: "transform", propDisplayName: TRANSFORM_LABEL }, /* @__PURE__ */ React37.createElement(import_editor_controls14.TransformRepeaterControl, null)), /* @__PURE__ */ React37.createElement(PanelDivider, null), /* @__PURE__ */ React37.createElement(StylesField, { bind: "transition", propDisplayName: TRANSITIONS_LABEL }, /* @__PURE__ */ React37.createElement(
+  const canHaveChildren = canElementHaveChildren(element?.id ?? "");
+  return /* @__PURE__ */ React37.createElement(SectionContent, { gap: 1 }, /* @__PURE__ */ React37.createElement(BlendModeField, null), /* @__PURE__ */ React37.createElement(PanelDivider, null), /* @__PURE__ */ React37.createElement(OpacityControlField, null), /* @__PURE__ */ React37.createElement(PanelDivider, null), /* @__PURE__ */ React37.createElement(StylesField, { bind: "box-shadow", propDisplayName: BOX_SHADOW_LABEL }, /* @__PURE__ */ React37.createElement(import_editor_controls14.BoxShadowRepeaterControl, null)), /* @__PURE__ */ React37.createElement(PanelDivider, null), /* @__PURE__ */ React37.createElement(StylesField, { bind: "transform", propDisplayName: TRANSFORM_LABEL }, /* @__PURE__ */ React37.createElement(import_editor_controls14.TransformRepeaterControl, { showChildrenPerspective: canHaveChildren })), /* @__PURE__ */ React37.createElement(PanelDivider, null), /* @__PURE__ */ React37.createElement(StylesField, { bind: "transition", propDisplayName: TRANSITIONS_LABEL }, /* @__PURE__ */ React37.createElement(
     import_editor_controls14.TransitionRepeaterControl,
     {
       currentStyleState: meta.state,
@@ -3064,7 +3101,7 @@ var EffectsSection = () => {
 // src/components/style-sections/layout-section/layout-section.tsx
 var React49 = __toESM(require("react"));
 var import_editor_controls25 = require("@elementor/editor-controls");
-var import_editor_elements12 = require("@elementor/editor-elements");
+var import_editor_elements11 = require("@elementor/editor-elements");
 var import_i18n27 = require("@wordpress/i18n");
 
 // src/hooks/use-computed-style.ts
@@ -3753,7 +3790,7 @@ var LayoutSection = () => {
   const displayPlaceholder = useDisplayPlaceholderValue();
   const isDisplayFlex = shouldDisplayFlexFields(display, displayPlaceholder);
   const { element } = useElement();
-  const parent = (0, import_editor_elements12.useParentElement)(element.id);
+  const parent = (0, import_editor_elements11.useParentElement)(element.id);
   const parentStyle = useComputedStyle(parent?.id || null);
   const parentStyleDirection = parentStyle?.flexDirection ?? "row";
   return /* @__PURE__ */ React49.createElement(SectionContent, null, /* @__PURE__ */ React49.createElement(DisplayField, null), isDisplayFlex && /* @__PURE__ */ React49.createElement(FlexFields, null), "flex" === parentStyle?.display && /* @__PURE__ */ React49.createElement(FlexChildFields, { parentStyleDirection }));
@@ -4703,7 +4740,7 @@ var PanelTabContent = () => {
 var { Slot: PanelHeaderTopSlot, inject: injectIntoPanelHeaderTop } = (0, import_locations4.createLocation)();
 var { useMenuItems } = import_menus.controlActionsMenu;
 var EditingPanel = () => {
-  const { element, elementType } = (0, import_editor_elements13.useSelectedElement)();
+  const { element, elementType, settings } = (0, import_editor_elements12.useSelectedElementSettings)();
   const controlReplacements = (0, import_editor_controls49.getControlReplacements)();
   const menuItems = useMenuItems().default;
   if (!element || !elementType) {
@@ -4715,7 +4752,7 @@ var EditingPanel = () => {
   if (ReplacementComponent) {
     panelContent = /* @__PURE__ */ React81.createElement(ReplacementComponent, null);
   }
-  return /* @__PURE__ */ React81.createElement(import_ui36.ErrorBoundary, { fallback: /* @__PURE__ */ React81.createElement(EditorPanelErrorFallback, null) }, /* @__PURE__ */ React81.createElement(import_session8.SessionStorageProvider, { prefix: "elementor" }, /* @__PURE__ */ React81.createElement(import_editor_ui7.ThemeProvider, null, /* @__PURE__ */ React81.createElement(import_editor_controls49.ControlActionsProvider, { items: menuItems }, /* @__PURE__ */ React81.createElement(import_editor_controls49.ControlReplacementsProvider, { replacements: controlReplacements }, /* @__PURE__ */ React81.createElement(ElementProvider, { element, elementType }, /* @__PURE__ */ React81.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React81.createElement(PanelHeaderTopSlot, null), panelContent)))))));
+  return /* @__PURE__ */ React81.createElement(import_ui36.ErrorBoundary, { fallback: /* @__PURE__ */ React81.createElement(EditorPanelErrorFallback, null) }, /* @__PURE__ */ React81.createElement(import_session8.SessionStorageProvider, { prefix: "elementor" }, /* @__PURE__ */ React81.createElement(import_editor_ui7.ThemeProvider, null, /* @__PURE__ */ React81.createElement(import_editor_controls49.ControlActionsProvider, { items: menuItems }, /* @__PURE__ */ React81.createElement(import_editor_controls49.ControlReplacementsProvider, { replacements: controlReplacements }, /* @__PURE__ */ React81.createElement(ElementProvider, { element, elementType, settings }, /* @__PURE__ */ React81.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React81.createElement(PanelHeaderTopSlot, null), panelContent)))))));
 };
 
 // src/init.ts
@@ -4735,10 +4772,10 @@ var { panel, usePanelActions, usePanelStatus } = (0, import_editor_panels2.__cre
 });
 
 // src/sync/is-atomic-widget-selected.ts
-var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_elements13 = require("@elementor/editor-elements");
 var isAtomicWidgetSelected = () => {
-  const selectedElements = (0, import_editor_elements14.getSelectedElements)();
-  const widgetCache = (0, import_editor_elements14.getWidgetsCache)();
+  const selectedElements = (0, import_editor_elements13.getSelectedElements)();
+  const widgetCache = (0, import_editor_elements13.getWidgetsCache)();
   if (selectedElements.length !== 1) {
     return false;
   }
@@ -4804,16 +4841,16 @@ var init = () => {
 // src/controls-registry/element-controls/tabs-control/tabs-control.tsx
 var React83 = __toESM(require("react"));
 var import_editor_controls53 = require("@elementor/editor-controls");
-var import_editor_elements17 = require("@elementor/editor-elements");
+var import_editor_elements16 = require("@elementor/editor-elements");
 var import_editor_props16 = require("@elementor/editor-props");
 var import_icons22 = require("@elementor/icons");
 var import_ui37 = require("@elementor/ui");
 var import_i18n58 = require("@wordpress/i18n");
 
 // src/controls-registry/element-controls/get-element-by-type.ts
-var import_editor_elements15 = require("@elementor/editor-elements");
+var import_editor_elements14 = require("@elementor/editor-elements");
 var getElementByType = (elementId, type) => {
-  const currentElement = (0, import_editor_elements15.getContainer)(elementId);
+  const currentElement = (0, import_editor_elements14.getContainer)(elementId);
   if (!currentElement) {
     return null;
   }
@@ -4825,7 +4862,7 @@ var getElementByType = (elementId, type) => {
 
 // src/controls-registry/element-controls/tabs-control/use-actions.ts
 var import_editor_controls52 = require("@elementor/editor-controls");
-var import_editor_elements16 = require("@elementor/editor-elements");
+var import_editor_elements15 = require("@elementor/editor-elements");
 var import_editor_props15 = require("@elementor/editor-props");
 var import_i18n57 = require("@wordpress/i18n");
 var TAB_ELEMENT_TYPE = "e-tab";
@@ -4843,12 +4880,12 @@ var useActions = () => {
     });
     items3.forEach(({ item, index }) => {
       const tabId = item.id;
-      const tabContentAreaContainer = (0, import_editor_elements16.getContainer)(tabContentAreaId);
+      const tabContentAreaContainer = (0, import_editor_elements15.getContainer)(tabContentAreaId);
       const tabContentId = tabContentAreaContainer?.children?.[index]?.id;
       if (!tabContentId) {
         throw new Error("Original content ID is required for duplication");
       }
-      (0, import_editor_elements16.duplicateElements)({
+      (0, import_editor_elements15.duplicateElements)({
         elementIds: [tabId, tabContentId],
         title: (0, import_i18n57.__)("Duplicate Tab", "elementor"),
         onDuplicateElements: () => {
@@ -4871,10 +4908,10 @@ var useActions = () => {
     movedElementId,
     movedElementIndex
   }) => {
-    const tabContentContainer = (0, import_editor_elements16.getContainer)(tabContentAreaId);
+    const tabContentContainer = (0, import_editor_elements15.getContainer)(tabContentAreaId);
     const tabContent = tabContentContainer?.children?.[movedElementIndex];
-    const movedElement = (0, import_editor_elements16.getContainer)(movedElementId);
-    const tabsMenu = (0, import_editor_elements16.getContainer)(tabsMenuId);
+    const movedElement = (0, import_editor_elements15.getContainer)(movedElementId);
+    const tabsMenu = (0, import_editor_elements15.getContainer)(tabsMenuId);
     if (!tabContent) {
       throw new Error("Content element is required");
     }
@@ -4886,7 +4923,7 @@ var useActions = () => {
       to: toIndex,
       defaultActiveTab
     });
-    (0, import_editor_elements16.moveElements)({
+    (0, import_editor_elements15.moveElements)({
       title: (0, import_i18n57.__)("Reorder Tabs", "elementor"),
       moves: [
         {
@@ -4920,11 +4957,11 @@ var useActions = () => {
       items: items3,
       defaultActiveTab
     });
-    (0, import_editor_elements16.removeElements)({
+    (0, import_editor_elements15.removeElements)({
       title: (0, import_i18n57.__)("Tabs", "elementor"),
       elementIds: items3.flatMap(({ item, index }) => {
         const tabId = item.id;
-        const tabContentContainer = (0, import_editor_elements16.getContainer)(tabContentAreaId);
+        const tabContentContainer = (0, import_editor_elements15.getContainer)(tabContentAreaId);
         const tabContentId = tabContentContainer?.children?.[index]?.id;
         if (!tabContentId) {
           throw new Error("Content ID is required");
@@ -4948,14 +4985,14 @@ var useActions = () => {
     tabsMenuId,
     items: items3
   }) => {
-    const tabContentArea = (0, import_editor_elements16.getContainer)(tabContentAreaId);
-    const tabsMenu = (0, import_editor_elements16.getContainer)(tabsMenuId);
+    const tabContentArea = (0, import_editor_elements15.getContainer)(tabContentAreaId);
+    const tabsMenu = (0, import_editor_elements15.getContainer)(tabsMenuId);
     if (!tabContentArea || !tabsMenu) {
       throw new Error("Tab containers not found");
     }
     items3.forEach(({ index }) => {
       const position = index + 1;
-      (0, import_editor_elements16.createElements)({
+      (0, import_editor_elements15.createElements)({
         title: (0, import_i18n57.__)("Tabs", "elementor"),
         elements: [
           {
@@ -5030,7 +5067,7 @@ var TabsControl = ({ label }) => {
 var TabsControlContent = ({ label }) => {
   const { element } = useElement();
   const { addItem, duplicateItem, moveItem, removeItem } = useActions();
-  const { [TAB_ELEMENT_TYPE]: tabLinks } = (0, import_editor_elements17.useElementChildren)(element.id, {
+  const { [TAB_ELEMENT_TYPE]: tabLinks } = (0, import_editor_elements16.useElementChildren)(element.id, {
     [TAB_MENU_ELEMENT_TYPE]: TAB_ELEMENT_TYPE
   });
   const tabList = getElementByType(element.id, TAB_MENU_ELEMENT_TYPE);
@@ -5124,7 +5161,7 @@ var DefaultTabControl = ({ tabIndex }) => {
   )));
 };
 var TabLabelControl = ({ elementId }) => {
-  const editorSettings = (0, import_editor_elements17.useElementEditorSettings)(elementId);
+  const editorSettings = (0, import_editor_elements16.useElementEditorSettings)(elementId);
   const label = editorSettings?.title ?? "";
   return /* @__PURE__ */ React83.createElement(import_ui37.Stack, { gap: 1 }, /* @__PURE__ */ React83.createElement(import_editor_controls53.ControlFormLabel, null, (0, import_i18n58.__)("Tab name", "elementor")), /* @__PURE__ */ React83.createElement(
     import_ui37.TextField,
@@ -5132,7 +5169,7 @@ var TabLabelControl = ({ elementId }) => {
       size: "tiny",
       value: label,
       onChange: ({ target }) => {
-        (0, import_editor_elements17.updateElementEditorSettings)({
+        (0, import_editor_elements16.updateElementEditorSettings)({
           elementId,
           settings: { title: target.value }
         });