@elementor/editor-editing-panel 4.2.0-871 → 4.2.0-873

package/dist/index.js

@@ -229,6 +229,7 @@ var React11 = __toESM(require("react"));
 var import_react10 = require("react");
 var import_editor_styles_repository10 = require("@elementor/editor-styles-repository");
 var import_editor_ui4 = require("@elementor/editor-ui");
+var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var import_icons2 = require("@elementor/icons");
 var import_locations2 = require("@elementor/locations");
 var import_ui7 = require("@elementor/ui");
@@ -431,14 +432,20 @@ function useCreateOption(params) {
 
 // src/components/creatable-autocomplete/use-filter-options.ts
 var import_ui = require("@elementor/ui");
+var STRIP_NON_CLASS_CHARS = /[^a-zA-Z0-9_-]/g;
+function normalizeClassSearch(value) {
+  return value.replace(STRIP_NON_CLASS_CHARS, "").toLowerCase();
+}
 function useFilterOptions(parameters) {
   const { options: options13, selected, onCreate, entityName } = parameters;
-  const filter = (0, import_ui.createFilterOptions)();
+  const filter = (0, import_ui.createFilterOptions)({
+    matchFrom: "any"
+  });
   const filterOptions = (optionList, params) => {
     const selectedValues = selected.map((option) => option.value);
     const filteredOptions = filter(
       optionList.filter((option) => !selectedValues.includes(option.value)),
-      params
+      { ...params, inputValue: normalizeClassSearch(params.inputValue) }
     );
     const isExisting = options13.some((option) => params.inputValue === option.label);
     const allowCreate = Boolean(onCreate) && params.inputValue !== "" && !selectedValues.includes(params.inputValue) && !isExisting;
@@ -1285,6 +1292,19 @@ var validateLabel = (newLabel) => {
 // src/components/css-classes/css-class-selector.tsx
 var ID = "elementor-css-class-selector";
 var TAGS_LIMIT = 50;
+var EVENT_OPEN_GLOBAL_CLASSES_MANAGER = "elementor/open-global-classes-manager";
+var EVENT_TOGGLE_DESIGN_SYSTEM = "elementor/toggle-design-system";
+function openClassManagerPanel() {
+  if ((0, import_editor_v1_adapters2.isExperimentActive)("e_editor_design_system_panel")) {
+    window.dispatchEvent(
+      new CustomEvent(EVENT_TOGGLE_DESIGN_SYSTEM, {
+        detail: { tab: "classes" }
+      })
+    );
+    return;
+  }
+  window.dispatchEvent(new CustomEvent(EVENT_OPEN_GLOBAL_CLASSES_MANAGER));
+}
 var EMPTY_OPTION = {
   label: (0, import_i18n6.__)("local", "elementor"),
   value: null,
@@ -1300,7 +1320,7 @@ function CssClassSelector() {
   const autocompleteRef = (0, import_react10.useRef)(null);
   const [renameError, setRenameError] = (0, import_react10.useState)(null);
   const handleSelect = useHandleSelect();
-  const { create, validate, entityName } = useCreateAction();
+  const { create, validate, entityName, isAtLimit, limitCount } = useCreateAction();
   const appliedOptions = useAppliedOptions(options13);
   const active = appliedOptions.find((option) => option.value === activeId) ?? EMPTY_OPTION;
   const showPlaceholder = appliedOptions.every(({ fixed }) => fixed);
@@ -1329,7 +1349,7 @@ function CssClassSelector() {
         onCreate: create ?? void 0,
         validate: validate ?? void 0,
         limitTags: TAGS_LIMIT,
-        renderEmptyState: EmptyState,
+        renderEmptyState: isAtLimit && typeof limitCount === "number" ? (props) => /* @__PURE__ */ React11.createElement(LimitReachedEmptyState, { limitCount, onClear: props.onClear }) : EmptyState,
         getLimitTagsText: (more) => /* @__PURE__ */ React11.createElement(import_ui7.Chip, { size: "tiny", variant: "standard", label: `+${more}`, clickable: true }),
         renderTags: (values, getTagProps) => values.map((value, index) => {
           const chipProps = getTagProps({ index });
@@ -1368,7 +1388,7 @@ function CssClassSelector() {
     )
   ), !canEdit && /* @__PURE__ */ React11.createElement(import_editor_ui4.InfoAlert, { sx: { mt: 1 } }, (0, import_i18n6.__)("With your current role, you can use existing classes but can\u2019t modify them.", "elementor")));
 }
-var EmptyState = ({ searchValue, onClear }) => /* @__PURE__ */ React11.createElement(import_ui7.Box, { sx: { py: 4 } }, /* @__PURE__ */ React11.createElement(
+var EmptyStateLayout = ({ searchValue, onClear, children }) => /* @__PURE__ */ React11.createElement(import_ui7.Box, { sx: { py: 4 } }, /* @__PURE__ */ React11.createElement(
   import_ui7.Stack,
   {
     gap: 1,
@@ -1379,9 +1399,54 @@ var EmptyState = ({ searchValue, onClear }) => /* @__PURE__ */ React11.createEle
   },
   /* @__PURE__ */ React11.createElement(import_icons2.ColorSwatchIcon, { sx: { transform: "rotate(90deg)" }, fontSize: "large" }),
   /* @__PURE__ */ React11.createElement(import_ui7.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n6.__)("Sorry, nothing matched", "elementor"), /* @__PURE__ */ React11.createElement("br", null), "\u201C", searchValue, "\u201D."),
-  /* @__PURE__ */ React11.createElement(import_ui7.Typography, { align: "center", variant: "caption", sx: { mb: 2 } }, (0, import_i18n6.__)("With your current role,", "elementor"), /* @__PURE__ */ React11.createElement("br", null), (0, import_i18n6.__)("you can only use existing classes.", "elementor")),
+  children,
   /* @__PURE__ */ React11.createElement(import_ui7.Link, { color: "text.secondary", variant: "caption", component: "button", onClick: onClear }, (0, import_i18n6.__)("Clear & try again", "elementor"))
 ));
+var EmptyState = (props) => /* @__PURE__ */ React11.createElement(EmptyStateLayout, { ...props }, /* @__PURE__ */ React11.createElement(import_ui7.Typography, { align: "center", variant: "caption", sx: { mb: 2 } }, (0, import_i18n6.__)("With your current role,", "elementor"), /* @__PURE__ */ React11.createElement("br", null), (0, import_i18n6.__)("you can only use existing classes.", "elementor")));
+var LimitReachedEmptyState = ({
+  limitCount,
+  onClear
+}) => /* @__PURE__ */ React11.createElement(import_ui7.Box, { sx: { py: 4 } }, /* @__PURE__ */ React11.createElement(
+  import_ui7.Stack,
+  {
+    gap: 1,
+    alignItems: "center",
+    color: "text.secondary",
+    justifyContent: "center",
+    sx: { px: 1, m: "auto", maxWidth: "260px" }
+  },
+  /* @__PURE__ */ React11.createElement(import_icons2.ColorSwatchIcon, { sx: { transform: "rotate(90deg)" }, fontSize: "large" }),
+  /* @__PURE__ */ React11.createElement(
+    import_ui7.Typography,
+    { align: "center", variant: "subtitle2" },
+    /* translators: %s is the maximum number of classes */
+    (0, import_i18n6.__)("Limit of %s classes reached", "elementor").replace("%s", String(limitCount))
+  ),
+  /* @__PURE__ */ React11.createElement(import_ui7.Typography, { align: "center", variant: "caption", component: "div" }, (0, import_i18n6.__)("Remove a class to create a new one.", "elementor"), " ", /* @__PURE__ */ React11.createElement(
+    import_ui7.Link,
+    {
+      color: "inherit",
+      variant: "caption",
+      component: "button",
+      onClick: onClear,
+      sx: { verticalAlign: "baseline" }
+    },
+    (0, import_i18n6.__)("Clear", "elementor")
+  )),
+  /* @__PURE__ */ React11.createElement(
+    import_ui7.Button,
+    {
+      variant: "outlined",
+      color: "secondary",
+      size: "small",
+      onClick: () => {
+        openClassManagerPanel();
+        onClear();
+      }
+    },
+    (0, import_i18n6.__)("Class Manager", "elementor")
+  )
+));
 var updateClassByProvider = (provider, data) => {
   if (!provider) {
     return;
@@ -1424,6 +1489,11 @@ function useCreateAction() {
   if (!provider || !createAction) {
     return {};
   }
+  const entityName = provider.labels.singular && provider.labels.plural ? provider.labels : void 0;
+  const validate = (newClassLabel, event) => (0, import_editor_styles_repository10.validateStyleLabel)(newClassLabel, event);
+  if (hasReachedLimit(provider)) {
+    return { entityName, isAtLimit: true, limitCount: provider.limit, validate };
+  }
   const create = (classLabel) => {
     const { createdId } = createAction({ classLabel });
     trackStyles(provider.getKey() ?? "", "classCreated", {
@@ -1432,21 +1502,7 @@ function useCreateAction() {
       classId: createdId
     });
   };
-  const validate = (newClassLabel, event) => {
-    if (hasReachedLimit(provider)) {
-      return {
-        isValid: false,
-        /* translators: %s is the maximum number of classes */
-        errorMessage: (0, import_i18n6.__)(
-          "You\u2019ve reached the limit of %s classes. Please remove an existing one to create a new class.",
-          "elementor"
-        ).replace("%s", provider.limit.toString())
-      };
-    }
-    return (0, import_editor_styles_repository10.validateStyleLabel)(newClassLabel, event);
-  };
-  const entityName = provider.labels.singular && provider.labels.plural ? provider.labels : void 0;
-  return { create, validate, entityName };
+  return { create, validate, entityName, isAtLimit: false };
 }
 function hasReachedLimit(provider) {
   return provider.actions.all().length >= provider.limit;
@@ -1501,7 +1557,7 @@ 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_repository13 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var import_utils2 = require("@elementor/utils");
 
 // src/hooks/use-styles-fields.ts
@@ -1510,7 +1566,7 @@ var import_editor_elements4 = require("@elementor/editor-elements");
 var import_editor_styles2 = require("@elementor/editor-styles");
 var import_editor_styles_repository11 = require("@elementor/editor-styles-repository");
 var import_editor_styles_repository12 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 var import_i18n7 = require("@wordpress/i18n");
 
 // src/hooks/use-styles-rerender.ts
@@ -1561,7 +1617,7 @@ function useUndoableActions({
   return (0, import_react12.useMemo)(() => {
     const meta = { breakpoint, state };
     const createStyleArgs = { elementId, classesProp, meta, label: import_editor_styles_repository12.ELEMENTS_STYLES_RESERVED_LABEL };
-    return (0, import_editor_v1_adapters2.undoable)(
+    return (0, import_editor_v1_adapters3.undoable)(
       {
         do: (payload) => {
           if ((0, import_editor_elements4.shouldCreateNewLocalStyle)(payload)) {
@@ -1700,7 +1756,7 @@ function useUndoableActions2({
   return (0, import_react13.useMemo)(() => {
     const meta = { breakpoint, state };
     const createStyleArgs = { elementId, classesProp, meta, label: import_editor_styles_repository13.ELEMENTS_STYLES_RESERVED_LABEL };
-    return (0, import_editor_v1_adapters3.undoable)(
+    return (0, import_editor_v1_adapters4.undoable)(
       {
         do: (payload) => {
           if ((0, import_editor_elements5.shouldCreateNewLocalStyle)(payload)) {
@@ -1862,7 +1918,7 @@ function EditorPanelErrorFallback() {
 var import_react38 = require("react");
 var React86 = __toESM(require("react"));
 var import_editor_elements12 = require("@elementor/editor-elements");
-var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_ui41 = require("@elementor/ui");
 var import_i18n60 = require("@wordpress/i18n");
 
@@ -1974,206 +2030,8 @@ var InteractionsTab = () => {
 var React23 = __toESM(require("react"));
 var import_session6 = require("@elementor/session");
 
-// src/components/section.tsx
-var React17 = __toESM(require("react"));
-var import_react18 = require("react");
-var import_editor_ui5 = require("@elementor/editor-ui");
-var import_ui11 = require("@elementor/ui");
-function Section({ title, children, defaultExpanded = false, titleEnd, unmountOnExit = true, action }) {
-  const [isOpen, setIsOpen] = useStateByElement(title, !!defaultExpanded);
-  const ref = (0, import_react18.useRef)(null);
-  const isDisabled = !!action;
-  const handleClick = () => {
-    if (isDisabled) {
-      action?.onClick();
-    } else {
-      setIsOpen(!isOpen);
-    }
-  };
-  const id = (0, import_react18.useId)();
-  const labelId = `label-${id}`;
-  const contentId = `content-${id}`;
-  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(
-    import_ui11.ListItemButton,
-    {
-      id: labelId,
-      "aria-controls": contentId,
-      "aria-label": `${title} section`,
-      onClick: handleClick,
-      sx: { "&:hover": { backgroundColor: "transparent" } }
-    },
-    /* @__PURE__ */ React17.createElement(import_ui11.Stack, { direction: "row", alignItems: "center", justifyItems: "start", flexGrow: 1, gap: 0.5 }, /* @__PURE__ */ React17.createElement(
-      import_ui11.ListItemText,
-      {
-        secondary: title,
-        secondaryTypographyProps: { color: "text.primary", variant: "caption", fontWeight: "bold" },
-        sx: { flexGrow: 0, flexShrink: 1, marginInlineEnd: 1 }
-      }
-    ), (0, import_editor_ui5.getCollapsibleValue)(titleEnd, isOpen)),
-    action?.component,
-    /* @__PURE__ */ React17.createElement(
-      import_editor_ui5.CollapseIcon,
-      {
-        open: isOpen,
-        color: "secondary",
-        fontSize: "tiny",
-        disabled: isDisabled,
-        sx: { ml: 1 }
-      }
-    )
-  ), /* @__PURE__ */ React17.createElement(
-    import_ui11.Collapse,
-    {
-      id: contentId,
-      "aria-labelledby": labelId,
-      in: isOpen,
-      timeout: "auto",
-      unmountOnExit
-    },
-    /* @__PURE__ */ React17.createElement(import_editor_ui5.SectionRefContext.Provider, { value: ref }, /* @__PURE__ */ React17.createElement(import_ui11.Stack, { ref, gap: 2.5, p: 2, "aria-label": `${title} section content` }, children))
-  ), /* @__PURE__ */ React17.createElement(import_ui11.Divider, null));
-}
-
-// src/components/settings-control.tsx
-var React22 = __toESM(require("react"));
-var import_editor_controls4 = require("@elementor/editor-controls");
-var import_ui14 = require("@elementor/ui");
-
-// src/controls-registry/control.tsx
-var React18 = __toESM(require("react"));
-
-// src/controls-registry/controls-registry.tsx
-var import_editor_controls = require("@elementor/editor-controls");
-var import_editor_props4 = require("@elementor/editor-props");
-var queryArrayPropTypeUtil = (0, import_editor_props4.createArrayPropUtils)(import_editor_props4.queryPropTypeUtil.key, import_editor_props4.queryPropTypeUtil.schema);
-var controlTypes = {
-  image: { component: import_editor_controls.ImageControl, layout: "custom", propTypeUtil: import_editor_props4.imagePropTypeUtil },
-  "svg-media": { component: import_editor_controls.SvgMediaControl, layout: "full", propTypeUtil: import_editor_props4.svgSrcPropTypeUtil },
-  text: { component: import_editor_controls.TextControl, layout: "full", propTypeUtil: import_editor_props4.stringPropTypeUtil },
-  textarea: { component: import_editor_controls.TextAreaControl, layout: "full", propTypeUtil: import_editor_props4.stringPropTypeUtil },
-  size: { component: import_editor_controls.SizeControl, layout: "two-columns", propTypeUtil: import_editor_props4.sizePropTypeUtil },
-  select: { component: import_editor_controls.SelectControlWrapper, layout: "two-columns", propTypeUtil: import_editor_props4.stringPropTypeUtil },
-  chips: { component: import_editor_controls.ChipsControl, layout: "full", propTypeUtil: import_editor_props4.stringArrayPropTypeUtil },
-  link: { component: import_editor_controls.LinkControl, layout: "custom", propTypeUtil: import_editor_props4.linkPropTypeUtil },
-  query: { component: import_editor_controls.QueryControl, layout: "full", propTypeUtil: import_editor_props4.queryPropTypeUtil },
-  "query-chips": { component: import_editor_controls.QueryChipsControl, layout: "full", propTypeUtil: queryArrayPropTypeUtil },
-  "query-filter-repeater": {
-    component: import_editor_controls.QueryFilterRepeaterControl,
-    layout: "full",
-    propTypeUtil: import_editor_props4.queryFilterArrayPropTypeUtil
-  },
-  url: { component: import_editor_controls.UrlControl, layout: "full", propTypeUtil: import_editor_props4.stringPropTypeUtil },
-  switch: { component: import_editor_controls.SwitchControl, layout: "two-columns", propTypeUtil: import_editor_props4.booleanPropTypeUtil },
-  number: { component: import_editor_controls.NumberControl, layout: "two-columns", propTypeUtil: import_editor_props4.numberPropTypeUtil },
-  repeatable: { component: import_editor_controls.RepeatableControl, layout: "full", propTypeUtil: void 0 },
-  "key-value": { component: import_editor_controls.KeyValueControl, layout: "full", propTypeUtil: import_editor_props4.keyValuePropTypeUtil },
-  "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.emailsPropTypeUtil },
-  "date-range": {
-    component: import_editor_controls.DateRangeControl,
-    layout: "custom",
-    propTypeUtil: import_editor_props4.dateRangePropTypeUtil
-  },
-  "time-range": {
-    component: import_editor_controls.TimeRangeControl,
-    layout: "custom",
-    propTypeUtil: import_editor_props4.timeRangePropTypeUtil
-  },
-  "attachment-type": { component: import_editor_controls.AttachmentTypeControl, layout: "custom", propTypeUtil: import_editor_props4.stringPropTypeUtil }
-};
-var ControlsRegistry = class {
-  constructor(controlsRegistry2) {
-    this.controlsRegistry = controlsRegistry2;
-    this.controlsRegistry = controlsRegistry2;
-  }
-  get(type) {
-    return this.controlsRegistry[type]?.component;
-  }
-  getLayout(type) {
-    return this.controlsRegistry[type]?.layout;
-  }
-  getPropTypeUtil(type) {
-    return this.controlsRegistry[type]?.propTypeUtil;
-  }
-  registry() {
-    return this.controlsRegistry;
-  }
-  register(type, component, layout, propTypeUtil) {
-    if (this.controlsRegistry[type]) {
-      throw new ControlTypeAlreadyRegisteredError({ context: { controlType: type } });
-    }
-    this.controlsRegistry[type] = { component, layout, propTypeUtil };
-  }
-  unregister(type) {
-    if (!this.controlsRegistry[type]) {
-      throw new ControlTypeNotRegisteredError({ context: { controlType: type } });
-    }
-    delete this.controlsRegistry[type];
-  }
-};
-var controlsRegistry = new ControlsRegistry(controlTypes);
-
-// src/controls-registry/control.tsx
-var Control = ({ props, type }) => {
-  const ControlByType = controlsRegistry.get(type);
-  const { element } = useElement();
-  if (!ControlByType) {
-    throw new ControlTypeNotFoundError({
-      context: { controlType: type }
-    });
-  }
-  return /* @__PURE__ */ React18.createElement(ControlByType, { ...props, context: { elementId: element.id } });
-};
-
-// src/controls-registry/control-type-container.tsx
-var React19 = __toESM(require("react"));
-var import_ui12 = require("@elementor/ui");
-var ControlTypeContainer = ({ children, layout }) => {
-  if (layout === "custom") {
-    return children;
-  }
-  return /* @__PURE__ */ React19.createElement(StyledContainer, { layout }, children);
-};
-var StyledContainer = (0, import_ui12.styled)(import_ui12.Box, {
-  shouldForwardProp: (prop) => !["layout"].includes(prop)
-})(({ layout, theme }) => ({
-  display: "grid",
-  gridGap: theme.spacing(1),
-  ...getGridLayout(layout)
-}));
-var getGridLayout = (layout) => ({
-  justifyContent: "space-between",
-  ...getStyleByLayout(layout)
-});
-var getStyleByLayout = (layout) => {
-  if (layout === "full") {
-    return {
-      gridTemplateColumns: "minmax(0, 1fr)"
-    };
-  }
-  if (layout === "two-columns") {
-    return {
-      alignItems: "center",
-      gridTemplateColumns: "repeat(2, minmax(0, 1fr))"
-    };
-  }
-};
-
-// src/controls-registry/settings-field.tsx
-var React20 = __toESM(require("react"));
-var import_react19 = require("react");
-var import_editor_controls2 = require("@elementor/editor-controls");
-var import_editor_documents2 = require("@elementor/editor-documents");
-var import_editor_elements6 = require("@elementor/editor-elements");
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
-var import_i18n8 = require("@wordpress/i18n");
-
 // src/utils/prop-dependency-utils.ts
-var import_editor_props5 = require("@elementor/editor-props");
+var import_editor_props4 = require("@elementor/editor-props");
 var import_session5 = require("@elementor/session");
 function getElementSettingsWithDefaults(propsSchema, elementSettings) {
   const elementSettingsWithDefaults = { ...elementSettings };
@@ -2187,12 +2045,12 @@ function getElementSettingsWithDefaults(propsSchema, elementSettings) {
 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 depCheck = (0, import_editor_props4.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";
+  const isHidden = !!failingTerm && !(0, import_editor_props4.isDependency)(failingTerm) && failingTerm?.effect === "hide";
   return {
     isHidden,
-    isDisabled: (prop) => !(0, import_editor_props5.isDependencyMet)(prop?.dependencies, settingsWithDefaults).isMet
+    isDisabled: (prop) => !(0, import_editor_props4.isDependencyMet)(prop?.dependencies, settingsWithDefaults).isMet
   };
 }
 function extractOrderedDependencies(dependenciesPerTargetMapping) {
@@ -2211,8 +2069,8 @@ function getUpdatedValues(values, dependencies, propsSchema, elementValues, elem
         return newValues;
       }
       const testDependencies = {
-        previousValues: (0, import_editor_props5.isDependencyMet)(propType.dependencies, elementValues),
-        newValues: (0, import_editor_props5.isDependencyMet)(propType.dependencies, combinedValues)
+        previousValues: (0, import_editor_props4.isDependencyMet)(propType.dependencies, elementValues),
+        newValues: (0, import_editor_props4.isDependencyMet)(propType.dependencies, combinedValues)
       };
       if (!testDependencies.newValues.isMet) {
         const newValue = handleUnmetCondition({
@@ -2229,7 +2087,7 @@ function getUpdatedValues(values, dependencies, propsSchema, elementValues, elem
       }
       if (!testDependencies.previousValues.isMet) {
         const savedValue = retrievePreviousValueFromStorage({ path: dependency, elementId });
-        const currentValue = (0, import_editor_props5.extractValue)(path, combinedValues, [], {
+        const currentValue = (0, import_editor_props4.extractValue)(path, combinedValues, [], {
           unwrapOverridableLeaf: false
         });
         removePreviousValueFromStorage({ path: dependency, elementId });
@@ -2266,7 +2124,7 @@ function evaluatePropType(props) {
   const { key, index, path, elementValues, basePropKey } = props;
   switch (prop.kind) {
     case "union":
-      const value = (0, import_editor_props5.extractValue)(path.slice(0, index + 1), elementValues);
+      const value = (0, import_editor_props4.extractValue)(path.slice(0, index + 1), elementValues);
       const type = value?.$$type ?? null;
       return getPropType(
         { [basePropKey]: prop.prop_types?.[type] },
@@ -2304,9 +2162,9 @@ function cloneDescent(child) {
   if (!child) {
     return null;
   }
-  if ((0, import_editor_props5.isOverridable)(child)) {
+  if ((0, import_editor_props4.isOverridable)(child)) {
     const origin = child.value.origin_value;
-    if (!origin || !(0, import_editor_props5.isTransformable)(origin)) {
+    if (!origin || !(0, import_editor_props4.isTransformable)(origin)) {
       return null;
     }
     const descended = { ...origin.value };
@@ -2319,7 +2177,7 @@ function cloneDescent(child) {
     };
     return { replacement, descended };
   }
-  if ((0, import_editor_props5.isTransformable)(child)) {
+  if ((0, import_editor_props4.isTransformable)(child)) {
     const descended = { ...child.value };
     const replacement = { ...child, value: descended };
     return { replacement, descended };
@@ -2330,17 +2188,17 @@ function isCompatibleSavedValue(saved, current) {
   if (!saved) {
     return false;
   }
-  return (0, import_editor_props5.isOverridable)(saved) === (0, import_editor_props5.isOverridable)(current);
+  return (0, import_editor_props4.isOverridable)(saved) === (0, import_editor_props4.isOverridable)(current);
 }
 function mergeLeafValue(existing, incoming) {
   if (incoming === null) {
     return null;
   }
-  if (incoming && (0, import_editor_props5.isOverridable)(incoming)) {
+  if (incoming && (0, import_editor_props4.isOverridable)(incoming)) {
     return incoming;
   }
-  if (existing && (0, import_editor_props5.isOverridable)(existing) && incoming) {
-    return (0, import_editor_props5.rewrapOverridableValue)(existing, incoming);
+  if (existing && (0, import_editor_props4.isOverridable)(existing) && incoming) {
+    return (0, import_editor_props4.rewrapOverridableValue)(existing, incoming);
   }
   return incoming;
 }
@@ -2350,7 +2208,7 @@ function handleUnmetCondition(props) {
     (term) => "newValue" in term && !!term.newValue
   );
   const newValue = termWithNewValue?.newValue ?? null;
-  const currentValue = (0, import_editor_props5.extractValue)(dependency.split("."), elementValues, [], { unwrapOverridableLeaf: false }) ?? defaultValue;
+  const currentValue = (0, import_editor_props4.extractValue)(dependency.split("."), elementValues, [], { unwrapOverridableLeaf: false }) ?? defaultValue;
   savePreviousValueToStorage({
     path: dependency,
     elementId,
@@ -2378,6 +2236,204 @@ function removePreviousValueFromStorage({ path, elementId }) {
   (0, import_session5.removeSessionStorageItem)(key);
 }
 
+// src/components/section.tsx
+var React17 = __toESM(require("react"));
+var import_react18 = require("react");
+var import_editor_ui5 = require("@elementor/editor-ui");
+var import_ui11 = require("@elementor/ui");
+function Section({ title, children, defaultExpanded = false, titleEnd, unmountOnExit = true, action }) {
+  const [isOpen, setIsOpen] = useStateByElement(title, !!defaultExpanded);
+  const ref = (0, import_react18.useRef)(null);
+  const isDisabled = !!action;
+  const handleClick = () => {
+    if (isDisabled) {
+      action?.onClick();
+    } else {
+      setIsOpen(!isOpen);
+    }
+  };
+  const id = (0, import_react18.useId)();
+  const labelId = `label-${id}`;
+  const contentId = `content-${id}`;
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(
+    import_ui11.ListItemButton,
+    {
+      id: labelId,
+      "aria-controls": contentId,
+      "aria-label": `${title} section`,
+      onClick: handleClick,
+      sx: { "&:hover": { backgroundColor: "transparent" } }
+    },
+    /* @__PURE__ */ React17.createElement(import_ui11.Stack, { direction: "row", alignItems: "center", justifyItems: "start", flexGrow: 1, gap: 0.5 }, /* @__PURE__ */ React17.createElement(
+      import_ui11.ListItemText,
+      {
+        secondary: title,
+        secondaryTypographyProps: { color: "text.primary", variant: "caption", fontWeight: "bold" },
+        sx: { flexGrow: 0, flexShrink: 1, marginInlineEnd: 1 }
+      }
+    ), (0, import_editor_ui5.getCollapsibleValue)(titleEnd, isOpen)),
+    action?.component,
+    /* @__PURE__ */ React17.createElement(
+      import_editor_ui5.CollapseIcon,
+      {
+        open: isOpen,
+        color: "secondary",
+        fontSize: "tiny",
+        disabled: isDisabled,
+        sx: { ml: 1 }
+      }
+    )
+  ), /* @__PURE__ */ React17.createElement(
+    import_ui11.Collapse,
+    {
+      id: contentId,
+      "aria-labelledby": labelId,
+      in: isOpen,
+      timeout: "auto",
+      unmountOnExit
+    },
+    /* @__PURE__ */ React17.createElement(import_editor_ui5.SectionRefContext.Provider, { value: ref }, /* @__PURE__ */ React17.createElement(import_ui11.Stack, { ref, gap: 2.5, p: 2, "aria-label": `${title} section content` }, children))
+  ), /* @__PURE__ */ React17.createElement(import_ui11.Divider, null));
+}
+
+// src/components/settings-control.tsx
+var React22 = __toESM(require("react"));
+var import_editor_controls4 = require("@elementor/editor-controls");
+var import_ui14 = require("@elementor/ui");
+
+// src/controls-registry/control.tsx
+var React18 = __toESM(require("react"));
+
+// src/controls-registry/controls-registry.tsx
+var import_editor_controls = require("@elementor/editor-controls");
+var import_editor_props5 = require("@elementor/editor-props");
+var queryArrayPropTypeUtil = (0, import_editor_props5.createArrayPropUtils)(import_editor_props5.queryPropTypeUtil.key, import_editor_props5.queryPropTypeUtil.schema);
+var controlTypes = {
+  image: { component: import_editor_controls.ImageControl, layout: "custom", propTypeUtil: import_editor_props5.imagePropTypeUtil },
+  "svg-media": { component: import_editor_controls.SvgMediaControl, layout: "full", propTypeUtil: import_editor_props5.svgSrcPropTypeUtil },
+  text: { component: import_editor_controls.TextControl, layout: "full", propTypeUtil: import_editor_props5.stringPropTypeUtil },
+  textarea: { component: import_editor_controls.TextAreaControl, layout: "full", propTypeUtil: import_editor_props5.stringPropTypeUtil },
+  size: { component: import_editor_controls.SizeControl, layout: "two-columns", propTypeUtil: import_editor_props5.sizePropTypeUtil },
+  select: { component: import_editor_controls.SelectControlWrapper, layout: "two-columns", propTypeUtil: import_editor_props5.stringPropTypeUtil },
+  chips: { component: import_editor_controls.ChipsControl, layout: "full", propTypeUtil: import_editor_props5.stringArrayPropTypeUtil },
+  link: { component: import_editor_controls.LinkControl, layout: "custom", propTypeUtil: import_editor_props5.linkPropTypeUtil },
+  query: { component: import_editor_controls.QueryControl, layout: "full", propTypeUtil: import_editor_props5.queryPropTypeUtil },
+  "query-chips": { component: import_editor_controls.QueryChipsControl, layout: "full", propTypeUtil: queryArrayPropTypeUtil },
+  "query-filter-repeater": {
+    component: import_editor_controls.QueryFilterRepeaterControl,
+    layout: "full",
+    propTypeUtil: import_editor_props5.queryFilterArrayPropTypeUtil
+  },
+  url: { component: import_editor_controls.UrlControl, layout: "full", propTypeUtil: import_editor_props5.stringPropTypeUtil },
+  switch: { component: import_editor_controls.SwitchControl, layout: "two-columns", propTypeUtil: import_editor_props5.booleanPropTypeUtil },
+  number: { component: import_editor_controls.NumberControl, layout: "two-columns", propTypeUtil: import_editor_props5.numberPropTypeUtil },
+  repeatable: { component: import_editor_controls.RepeatableControl, layout: "full", propTypeUtil: void 0 },
+  "key-value": { component: import_editor_controls.KeyValueControl, layout: "full", propTypeUtil: import_editor_props5.keyValuePropTypeUtil },
+  "html-tag": { component: import_editor_controls.HtmlTagControl, layout: "two-columns", propTypeUtil: import_editor_props5.stringPropTypeUtil },
+  toggle: { component: import_editor_controls.ToggleControl, layout: "full", propTypeUtil: import_editor_props5.stringPropTypeUtil },
+  "date-time": { component: import_editor_controls.DateTimeControl, layout: "full", propTypeUtil: import_editor_props5.DateTimePropTypeUtil },
+  video: { component: import_editor_controls.VideoMediaControl, layout: "full", propTypeUtil: import_editor_props5.videoSrcPropTypeUtil },
+  "inline-editing": { component: import_editor_controls.InlineEditingControl, layout: "full", propTypeUtil: import_editor_props5.htmlV3PropTypeUtil },
+  email: { component: import_editor_controls.EmailFormActionControl, layout: "custom", propTypeUtil: import_editor_props5.emailsPropTypeUtil },
+  "date-range": {
+    component: import_editor_controls.DateRangeControl,
+    layout: "custom",
+    propTypeUtil: import_editor_props5.dateRangePropTypeUtil
+  },
+  "time-range": {
+    component: import_editor_controls.TimeRangeControl,
+    layout: "custom",
+    propTypeUtil: import_editor_props5.timeRangePropTypeUtil
+  },
+  "attachment-type": { component: import_editor_controls.AttachmentTypeControl, layout: "custom", propTypeUtil: import_editor_props5.stringPropTypeUtil }
+};
+var ControlsRegistry = class {
+  constructor(controlsRegistry2) {
+    this.controlsRegistry = controlsRegistry2;
+    this.controlsRegistry = controlsRegistry2;
+  }
+  get(type) {
+    return this.controlsRegistry[type]?.component;
+  }
+  getLayout(type) {
+    return this.controlsRegistry[type]?.layout;
+  }
+  getPropTypeUtil(type) {
+    return this.controlsRegistry[type]?.propTypeUtil;
+  }
+  registry() {
+    return this.controlsRegistry;
+  }
+  register(type, component, layout, propTypeUtil) {
+    if (this.controlsRegistry[type]) {
+      throw new ControlTypeAlreadyRegisteredError({ context: { controlType: type } });
+    }
+    this.controlsRegistry[type] = { component, layout, propTypeUtil };
+  }
+  unregister(type) {
+    if (!this.controlsRegistry[type]) {
+      throw new ControlTypeNotRegisteredError({ context: { controlType: type } });
+    }
+    delete this.controlsRegistry[type];
+  }
+};
+var controlsRegistry = new ControlsRegistry(controlTypes);
+
+// src/controls-registry/control.tsx
+var Control = ({ props, type }) => {
+  const ControlByType = controlsRegistry.get(type);
+  const { element } = useElement();
+  if (!ControlByType) {
+    throw new ControlTypeNotFoundError({
+      context: { controlType: type }
+    });
+  }
+  return /* @__PURE__ */ React18.createElement(ControlByType, { ...props, context: { elementId: element.id } });
+};
+
+// src/controls-registry/control-type-container.tsx
+var React19 = __toESM(require("react"));
+var import_ui12 = require("@elementor/ui");
+var ControlTypeContainer = ({ children, layout }) => {
+  if (layout === "custom") {
+    return children;
+  }
+  return /* @__PURE__ */ React19.createElement(StyledContainer, { layout }, children);
+};
+var StyledContainer = (0, import_ui12.styled)(import_ui12.Box, {
+  shouldForwardProp: (prop) => !["layout"].includes(prop)
+})(({ layout, theme }) => ({
+  display: "grid",
+  gridGap: theme.spacing(1),
+  ...getGridLayout(layout)
+}));
+var getGridLayout = (layout) => ({
+  justifyContent: "space-between",
+  ...getStyleByLayout(layout)
+});
+var getStyleByLayout = (layout) => {
+  if (layout === "full") {
+    return {
+      gridTemplateColumns: "minmax(0, 1fr)"
+    };
+  }
+  if (layout === "two-columns") {
+    return {
+      alignItems: "center",
+      gridTemplateColumns: "repeat(2, minmax(0, 1fr))"
+    };
+  }
+};
+
+// src/controls-registry/settings-field.tsx
+var React20 = __toESM(require("react"));
+var import_react19 = require("react");
+var import_editor_controls2 = require("@elementor/editor-controls");
+var import_editor_documents2 = require("@elementor/editor-documents");
+var import_editor_elements6 = require("@elementor/editor-elements");
+var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
+var import_i18n8 = require("@wordpress/i18n");
+
 // src/controls-registry/create-top-level-object-type.ts
 var createTopLevelObjectType = ({ schema }) => {
   const schemaPropType = {
@@ -2427,7 +2483,7 @@ 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));
@@ -2521,8 +2577,9 @@ function populateChildControlProps(props) {
 
 // src/components/settings-tab.tsx
 var SettingsTab = () => {
-  const { elementType, element } = useElement();
+  const { elementType, element, settings } = useElement();
   const settingsDefault = useDefaultPanelSettings();
+  const currentSettings = settings;
   const isDefaultExpanded = (sectionId) => settingsDefault.defaultSectionsExpanded.settings?.includes(sectionId);
   return /* @__PURE__ */ React23.createElement(import_session6.SessionStorageProvider, { prefix: element.id }, /* @__PURE__ */ React23.createElement(SectionsList, null, elementType.controls.map((control, index) => {
     if (isControl(control)) {
@@ -2530,6 +2587,15 @@ var SettingsTab = () => {
     }
     const { type, value } = control;
     if (type === "section") {
+      const sectionItems = renderSectionItems({
+        items: value.items,
+        element,
+        propsSchema: elementType.propsSchema,
+        settings: currentSettings
+      });
+      if (!sectionItems.length) {
+        return null;
+      }
       return /* @__PURE__ */ React23.createElement(
         Section,
         {
@@ -2537,12 +2603,7 @@ var SettingsTab = () => {
           key: type + "." + index,
           defaultExpanded: isDefaultExpanded(value.label)
         },
-        value.items?.map((item) => {
-          if (isControl(item)) {
-            return /* @__PURE__ */ React23.createElement(SettingsControl, { key: getKey(item, element), control: item });
-          }
-          return null;
-        })
+        sectionItems
       );
     }
     return null;
@@ -2557,6 +2618,26 @@ function getKey(control, element) {
 function isControl(control) {
   return control.type === "control" || control.type === "element-control";
 }
+function renderSectionItems({
+  items: items3,
+  element,
+  propsSchema,
+  settings
+}) {
+  return items3?.flatMap((item) => {
+    if (!isControl(item)) {
+      return [];
+    }
+    if (item.type === "control" && isControlHiddenByDependencies(item, propsSchema, settings)) {
+      return [];
+    }
+    return [/* @__PURE__ */ React23.createElement(SettingsControl, { key: getKey(item, element), control: item })];
+  }) ?? [];
+}
+function isControlHiddenByDependencies(control, propsSchema, settings) {
+  const { isHidden } = extractDependencyEffect(control.value.bind, propsSchema, settings);
+  return isHidden;
+}
 
 // src/components/style-tab.tsx
 var React85 = __toESM(require("react"));
@@ -3123,11 +3204,11 @@ var import_ui19 = require("@elementor/ui");
 var import_i18n11 = require("@wordpress/i18n");
 
 // src/hooks/use-direction.ts
-var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
 var import_ui17 = require("@elementor/ui");
 function useDirection() {
   const theme = (0, import_ui17.useTheme)();
-  const isUiRtl = "rtl" === theme.direction, isSiteRtl = !!(0, import_editor_v1_adapters5.getElementorFrontendConfig)()?.is_rtl;
+  const isUiRtl = "rtl" === theme.direction, isSiteRtl = !!(0, import_editor_v1_adapters6.getElementorFrontendConfig)()?.is_rtl;
   return { isSiteRtl, isUiRtl };
 }
 
@@ -3373,18 +3454,18 @@ var EffectsSection = () => {
 var React55 = __toESM(require("react"));
 var import_editor_controls30 = require("@elementor/editor-controls");
 var import_editor_elements11 = require("@elementor/editor-elements");
-var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 var import_i18n33 = require("@wordpress/i18n");
 
 // src/hooks/use-computed-style.ts
-var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 function useComputedStyle(elementId) {
-  return (0, import_editor_v1_adapters6.__privateUseListenTo)(
+  return (0, import_editor_v1_adapters7.__privateUseListenTo)(
     [
-      (0, import_editor_v1_adapters6.windowEvent)("elementor/device-mode/change"),
-      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/reset-style"),
-      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/settings"),
-      (0, import_editor_v1_adapters6.commandEndEvent)("document/elements/paste-style")
+      (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")
     ],
     () => {
       if (!elementId) {
@@ -3674,7 +3755,7 @@ var getOptions2 = (parentStyleDirection) => {
 var React44 = __toESM(require("react"));
 var import_react24 = require("react");
 var import_editor_controls19 = require("@elementor/editor-controls");
-var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 var import_i18n22 = require("@wordpress/i18n");
 var DISPLAY_LABEL = (0, import_i18n22.__)("Display", "elementor");
 var displayFieldItems = [
@@ -3717,7 +3798,7 @@ var displayFieldItems = [
 ];
 var DisplayField = () => {
   const placeholder = useDisplayPlaceholderValue();
-  const isGridActive = (0, import_editor_v1_adapters7.isExperimentActive)("e_css_grid");
+  const isGridActive = (0, import_editor_v1_adapters8.isExperimentActive)("e_css_grid");
   const items3 = (0, import_react24.useMemo)(
     () => isGridActive ? displayFieldItems : displayFieldItems.filter((item) => item.value !== "grid"),
     [isGridActive]
@@ -4347,7 +4428,7 @@ var LayoutSection = () => {
     history: { propDisplayName: DISPLAY_LABEL2 }
   });
   const displayPlaceholder = useDisplayPlaceholderValue();
-  const isGridExperimentActive = (0, import_editor_v1_adapters8.isExperimentActive)("e_css_grid");
+  const isGridExperimentActive = (0, import_editor_v1_adapters9.isExperimentActive)("e_css_grid");
   const isDisplayFlex = shouldDisplayFlexFields(display, displayPlaceholder);
   const isDisplayGrid = "grid" === (display?.value ?? displayPlaceholder?.value);
   const { element } = useElement();
@@ -5339,7 +5420,7 @@ var PanelTabContent = () => {
   const { element } = useElement();
   const editorDefaults = useDefaultPanelSettings();
   const defaultComponentTab = editorDefaults.defaultTab;
-  const isInteractionsActive = (0, import_editor_v1_adapters9.isExperimentActive)("e_interactions");
+  const isInteractionsActive = (0, import_editor_v1_adapters10.isExperimentActive)("e_interactions");
   const isPromotedElement = !!(0, import_editor_elements12.getWidgetsCache)()?.[element.type]?.meta?.is_pro_promotion;
   const [storedTab, setCurrentTab] = useStateByElement("tab", defaultComponentTab);
   const currentTab = isPromotedElement && storedTab === "settings" ? "style" : storedTab;
@@ -5384,11 +5465,11 @@ var EditingPanel = () => {
 // 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_adapters10 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 
 // src/panel.ts
 var import_editor_panels2 = require("@elementor/editor-panels");
@@ -5412,7 +5493,7 @@ var isAtomicWidgetSelected = () => {
 var useOpenEditorPanel = () => {
   const { open } = usePanelActions();
   (0, import_react39.useEffect)(() => {
-    return (0, import_editor_v1_adapters10.__privateListenTo)((0, import_editor_v1_adapters10.commandStartEvent)("panel/editor/open"), () => {
+    return (0, import_editor_v1_adapters11.__privateListenTo)((0, import_editor_v1_adapters11.commandStartEvent)("panel/editor/open"), () => {
       if (isAtomicWidgetSelected()) {
         open();
       }
@@ -5861,7 +5942,7 @@ var import_react42 = require("react");
 var import_editor_controls59 = 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_react41 = require("react");
@@ -5884,7 +5965,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;
   }
@@ -5907,7 +5988,7 @@ var filterByLicense = (tags) => {
 
 // src/dynamics/utils.ts
 var import_editor_props18 = 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_props18.createPropUtils)(
@@ -5919,7 +6000,7 @@ var dynamicPropTypeUtil = (0, import_editor_props18.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) => {
@@ -7246,7 +7327,7 @@ function init4() {
   init();
 }
 var blockV1Panel = () => {
-  (0, import_editor_v1_adapters13.blockCommand)({
+  (0, import_editor_v1_adapters14.blockCommand)({
     command: "panel/editor/open",
     condition: isAtomicWidgetSelected
   });