@elementor/editor-editing-panel 4.2.0-914 → 4.2.0-915

package/dist/index.js

@@ -653,6 +653,7 @@ function CssClassProvider({ children, ...contextValue }) {
 
 // src/components/css-classes/css-class-menu.tsx
 var React10 = __toESM(require("react"));
+var import_editor_props3 = require("@elementor/editor-props");
 var import_editor_styles_repository8 = require("@elementor/editor-styles-repository");
 var import_editor_ui2 = require("@elementor/editor-ui");
 var import_ui6 = require("@elementor/ui");
@@ -1057,7 +1058,9 @@ function useModifiedStates(styleId) {
   const { meta } = useStyle();
   const styleDef = import_editor_styles_repository8.stylesRepository.all().find((style) => style.id === styleId);
   return Object.fromEntries(
-    styleDef?.variants.filter((variant) => meta.breakpoint === variant.meta.breakpoint).map((variant) => [variant.meta.state ?? "normal", true]) ?? []
+    styleDef?.variants.filter(
+      (variant) => meta.breakpoint === variant.meta.breakpoint && (!(0, import_editor_props3.isEmpty)(variant.props) || Boolean(variant.custom_css?.raw?.trim()))
+    ).map((variant) => [variant.meta.state ?? "normal", true]) ?? []
   );
 }
 function getMenuItemsByProvider({
@@ -1601,7 +1604,7 @@ var import_editor_styles4 = require("@elementor/editor-styles");
 // src/hooks/use-custom-css.ts
 var import_react13 = require("react");
 var import_editor_elements5 = require("@elementor/editor-elements");
-var import_editor_props3 = require("@elementor/editor-props");
+var import_editor_props4 = require("@elementor/editor-props");
 var import_editor_styles3 = require("@elementor/editor-styles");
 var import_editor_styles_repository14 = require("@elementor/editor-styles-repository");
 var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
@@ -1869,7 +1872,7 @@ function getCurrentCustomCss(style, meta) {
   return variant?.custom_css ?? null;
 }
 function sanitize(raw) {
-  return import_editor_props3.stringPropTypeUtil.schema.safeParse(import_editor_props3.stringPropTypeUtil.create(raw)).data?.value?.trim() ?? "";
+  return import_editor_props4.stringPropTypeUtil.schema.safeParse(import_editor_props4.stringPropTypeUtil.create(raw)).data?.value?.trim() ?? "";
 }
 
 // src/components/custom-css-indicator.tsx
@@ -2079,7 +2082,7 @@ var React24 = __toESM(require("react"));
 var import_session6 = require("@elementor/session");
 
 // src/utils/prop-dependency-utils.ts
-var import_editor_props4 = require("@elementor/editor-props");
+var import_editor_props5 = require("@elementor/editor-props");
 var import_session5 = require("@elementor/session");
 function getElementSettingsWithDefaults(propsSchema, elementSettings) {
   const elementSettingsWithDefaults = { ...elementSettings };
@@ -2093,12 +2096,12 @@ function getElementSettingsWithDefaults(propsSchema, elementSettings) {
 function extractDependencyEffect(bind, propsSchema, settings) {
   const settingsWithDefaults = getElementSettingsWithDefaults(propsSchema, settings);
   const propType = propsSchema[bind];
-  const depCheck = (0, import_editor_props4.isDependencyMet)(propType?.dependencies, settingsWithDefaults);
+  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_props4.isDependency)(failingTerm) && failingTerm?.effect === "hide";
+  const isHidden = !!failingTerm && !(0, import_editor_props5.isDependency)(failingTerm) && failingTerm?.effect === "hide";
   return {
     isHidden,
-    isDisabled: (prop) => !(0, import_editor_props4.isDependencyMet)(prop?.dependencies, settingsWithDefaults).isMet
+    isDisabled: (prop) => !(0, import_editor_props5.isDependencyMet)(prop?.dependencies, settingsWithDefaults).isMet
   };
 }
 function extractOrderedDependencies(dependenciesPerTargetMapping) {
@@ -2117,8 +2120,8 @@ function getUpdatedValues(values, dependencies, propsSchema, elementValues, elem
         return newValues;
       }
       const testDependencies = {
-        previousValues: (0, import_editor_props4.isDependencyMet)(propType.dependencies, elementValues),
-        newValues: (0, import_editor_props4.isDependencyMet)(propType.dependencies, combinedValues)
+        previousValues: (0, import_editor_props5.isDependencyMet)(propType.dependencies, elementValues),
+        newValues: (0, import_editor_props5.isDependencyMet)(propType.dependencies, combinedValues)
       };
       if (!testDependencies.newValues.isMet) {
         const newValue = handleUnmetCondition({
@@ -2135,7 +2138,7 @@ function getUpdatedValues(values, dependencies, propsSchema, elementValues, elem
       }
       if (!testDependencies.previousValues.isMet) {
         const savedValue = retrievePreviousValueFromStorage({ path: dependency, elementId });
-        const currentValue = (0, import_editor_props4.extractValue)(path, combinedValues, [], {
+        const currentValue = (0, import_editor_props5.extractValue)(path, combinedValues, [], {
           unwrapOverridableLeaf: false
         });
         removePreviousValueFromStorage({ path: dependency, elementId });
@@ -2172,7 +2175,7 @@ function evaluatePropType(props) {
   const { key, index, path, elementValues, basePropKey } = props;
   switch (prop.kind) {
     case "union":
-      const value = (0, import_editor_props4.extractValue)(path.slice(0, index + 1), elementValues);
+      const value = (0, import_editor_props5.extractValue)(path.slice(0, index + 1), elementValues);
       const type = value?.$$type ?? null;
       return getPropType(
         { [basePropKey]: prop.prop_types?.[type] },
@@ -2210,9 +2213,9 @@ function cloneDescent(child) {
   if (!child) {
     return null;
   }
-  if ((0, import_editor_props4.isOverridable)(child)) {
+  if ((0, import_editor_props5.isOverridable)(child)) {
     const origin = child.value.origin_value;
-    if (!origin || !(0, import_editor_props4.isTransformable)(origin)) {
+    if (!origin || !(0, import_editor_props5.isTransformable)(origin)) {
       return null;
     }
     const descended = { ...origin.value };
@@ -2225,7 +2228,7 @@ function cloneDescent(child) {
     };
     return { replacement, descended };
   }
-  if ((0, import_editor_props4.isTransformable)(child)) {
+  if ((0, import_editor_props5.isTransformable)(child)) {
     const descended = { ...child.value };
     const replacement = { ...child, value: descended };
     return { replacement, descended };
@@ -2236,17 +2239,17 @@ function isCompatibleSavedValue(saved, current) {
   if (!saved) {
     return false;
   }
-  return (0, import_editor_props4.isOverridable)(saved) === (0, import_editor_props4.isOverridable)(current);
+  return (0, import_editor_props5.isOverridable)(saved) === (0, import_editor_props5.isOverridable)(current);
 }
 function mergeLeafValue(existing, incoming) {
   if (incoming === null) {
     return null;
   }
-  if (incoming && (0, import_editor_props4.isOverridable)(incoming)) {
+  if (incoming && (0, import_editor_props5.isOverridable)(incoming)) {
     return incoming;
   }
-  if (existing && (0, import_editor_props4.isOverridable)(existing) && incoming) {
-    return (0, import_editor_props4.rewrapOverridableValue)(existing, incoming);
+  if (existing && (0, import_editor_props5.isOverridable)(existing) && incoming) {
+    return (0, import_editor_props5.rewrapOverridableValue)(existing, incoming);
   }
   return incoming;
 }
@@ -2256,7 +2259,7 @@ function handleUnmetCondition(props) {
     (term) => "newValue" in term && !!term.newValue
   );
   const newValue = termWithNewValue?.newValue ?? null;
-  const currentValue = (0, import_editor_props4.extractValue)(dependency.split("."), elementValues, [], { unwrapOverridableLeaf: false }) ?? defaultValue;
+  const currentValue = (0, import_editor_props5.extractValue)(dependency.split("."), elementValues, [], { unwrapOverridableLeaf: false }) ?? defaultValue;
   savePreviousValueToStorage({
     path: dependency,
     elementId,
@@ -2354,46 +2357,46 @@ var React20 = __toESM(require("react"));
 
 // src/controls-registry/controls-registry.tsx
 var import_editor_controls2 = 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 import_editor_props6 = require("@elementor/editor-props");
+var queryArrayPropTypeUtil = (0, import_editor_props6.createArrayPropUtils)(import_editor_props6.queryPropTypeUtil.key, import_editor_props6.queryPropTypeUtil.schema);
 var controlTypes = {
-  image: { component: import_editor_controls2.ImageControl, layout: "custom", propTypeUtil: import_editor_props5.imagePropTypeUtil },
-  "svg-media": { component: import_editor_controls2.SvgMediaControl, layout: "full", propTypeUtil: import_editor_props5.svgSrcPropTypeUtil },
-  text: { component: import_editor_controls2.TextControl, layout: "full", propTypeUtil: import_editor_props5.stringPropTypeUtil },
-  textarea: { component: import_editor_controls2.TextAreaControl, layout: "full", propTypeUtil: import_editor_props5.stringPropTypeUtil },
-  size: { component: import_editor_controls2.SizeControl, layout: "two-columns", propTypeUtil: import_editor_props5.sizePropTypeUtil },
-  select: { component: import_editor_controls2.SelectControlWrapper, layout: "two-columns", propTypeUtil: import_editor_props5.stringPropTypeUtil },
-  chips: { component: import_editor_controls2.ChipsControl, layout: "full", propTypeUtil: import_editor_props5.stringArrayPropTypeUtil },
-  link: { component: import_editor_controls2.LinkControl, layout: "custom", propTypeUtil: import_editor_props5.linkPropTypeUtil },
-  query: { component: import_editor_controls2.QueryControl, layout: "full", propTypeUtil: import_editor_props5.queryPropTypeUtil },
+  image: { component: import_editor_controls2.ImageControl, layout: "custom", propTypeUtil: import_editor_props6.imagePropTypeUtil },
+  "svg-media": { component: import_editor_controls2.SvgMediaControl, layout: "full", propTypeUtil: import_editor_props6.svgSrcPropTypeUtil },
+  text: { component: import_editor_controls2.TextControl, layout: "full", propTypeUtil: import_editor_props6.stringPropTypeUtil },
+  textarea: { component: import_editor_controls2.TextAreaControl, layout: "full", propTypeUtil: import_editor_props6.stringPropTypeUtil },
+  size: { component: import_editor_controls2.SizeControl, layout: "two-columns", propTypeUtil: import_editor_props6.sizePropTypeUtil },
+  select: { component: import_editor_controls2.SelectControlWrapper, layout: "two-columns", propTypeUtil: import_editor_props6.stringPropTypeUtil },
+  chips: { component: import_editor_controls2.ChipsControl, layout: "full", propTypeUtil: import_editor_props6.stringArrayPropTypeUtil },
+  link: { component: import_editor_controls2.LinkControl, layout: "custom", propTypeUtil: import_editor_props6.linkPropTypeUtil },
+  query: { component: import_editor_controls2.QueryControl, layout: "full", propTypeUtil: import_editor_props6.queryPropTypeUtil },
   "query-chips": { component: import_editor_controls2.QueryChipsControl, layout: "full", propTypeUtil: queryArrayPropTypeUtil },
   "query-filter-repeater": {
     component: import_editor_controls2.QueryFilterRepeaterControl,
     layout: "full",
-    propTypeUtil: import_editor_props5.queryFilterArrayPropTypeUtil
+    propTypeUtil: import_editor_props6.queryFilterArrayPropTypeUtil
   },
-  url: { component: import_editor_controls2.UrlControl, layout: "full", propTypeUtil: import_editor_props5.stringPropTypeUtil },
-  switch: { component: import_editor_controls2.SwitchControl, layout: "two-columns", propTypeUtil: import_editor_props5.booleanPropTypeUtil },
-  number: { component: import_editor_controls2.NumberControl, layout: "two-columns", propTypeUtil: import_editor_props5.numberPropTypeUtil },
+  url: { component: import_editor_controls2.UrlControl, layout: "full", propTypeUtil: import_editor_props6.stringPropTypeUtil },
+  switch: { component: import_editor_controls2.SwitchControl, layout: "two-columns", propTypeUtil: import_editor_props6.booleanPropTypeUtil },
+  number: { component: import_editor_controls2.NumberControl, layout: "two-columns", propTypeUtil: import_editor_props6.numberPropTypeUtil },
   repeatable: { component: import_editor_controls2.RepeatableControl, layout: "full", propTypeUtil: void 0 },
-  "key-value": { component: import_editor_controls2.KeyValueControl, layout: "full", propTypeUtil: import_editor_props5.keyValuePropTypeUtil },
-  "html-tag": { component: import_editor_controls2.HtmlTagControl, layout: "two-columns", propTypeUtil: import_editor_props5.stringPropTypeUtil },
-  toggle: { component: import_editor_controls2.ToggleControl, layout: "full", propTypeUtil: import_editor_props5.stringPropTypeUtil },
-  "date-time": { component: import_editor_controls2.DateTimeControl, layout: "full", propTypeUtil: import_editor_props5.DateTimePropTypeUtil },
-  video: { component: import_editor_controls2.VideoMediaControl, layout: "full", propTypeUtil: import_editor_props5.videoSrcPropTypeUtil },
-  "inline-editing": { component: import_editor_controls2.InlineEditingControl, layout: "full", propTypeUtil: import_editor_props5.htmlV3PropTypeUtil },
-  email: { component: import_editor_controls2.EmailFormActionControl, layout: "custom", propTypeUtil: import_editor_props5.emailsPropTypeUtil },
+  "key-value": { component: import_editor_controls2.KeyValueControl, layout: "full", propTypeUtil: import_editor_props6.keyValuePropTypeUtil },
+  "html-tag": { component: import_editor_controls2.HtmlTagControl, layout: "two-columns", propTypeUtil: import_editor_props6.stringPropTypeUtil },
+  toggle: { component: import_editor_controls2.ToggleControl, layout: "full", propTypeUtil: import_editor_props6.stringPropTypeUtil },
+  "date-time": { component: import_editor_controls2.DateTimeControl, layout: "full", propTypeUtil: import_editor_props6.DateTimePropTypeUtil },
+  video: { component: import_editor_controls2.VideoMediaControl, layout: "full", propTypeUtil: import_editor_props6.videoSrcPropTypeUtil },
+  "inline-editing": { component: import_editor_controls2.InlineEditingControl, layout: "full", propTypeUtil: import_editor_props6.htmlV3PropTypeUtil },
+  email: { component: import_editor_controls2.EmailFormActionControl, layout: "custom", propTypeUtil: import_editor_props6.emailsPropTypeUtil },
   "date-range": {
     component: import_editor_controls2.DateRangeControl,
     layout: "custom",
-    propTypeUtil: import_editor_props5.dateRangePropTypeUtil
+    propTypeUtil: import_editor_props6.dateRangePropTypeUtil
   },
   "time-range": {
     component: import_editor_controls2.TimeRangeControl,
     layout: "custom",
-    propTypeUtil: import_editor_props5.timeRangePropTypeUtil
+    propTypeUtil: import_editor_props6.timeRangePropTypeUtil
   },
-  "attachment-type": { component: import_editor_controls2.AttachmentTypeControl, layout: "custom", propTypeUtil: import_editor_props5.stringPropTypeUtil }
+  "attachment-type": { component: import_editor_controls2.AttachmentTypeControl, layout: "custom", propTypeUtil: import_editor_props6.stringPropTypeUtil }
 };
 var ControlsRegistry = class {
   constructor(controlsRegistry2) {
@@ -2682,7 +2685,7 @@ function isControlHiddenByDependencies(control, propsSchema, settings) {
 // src/components/style-tab.tsx
 var React88 = __toESM(require("react"));
 var import_react37 = require("react");
-var import_editor_props15 = require("@elementor/editor-props");
+var import_editor_props16 = require("@elementor/editor-props");
 var import_editor_responsive3 = require("@elementor/editor-responsive");
 var import_locations3 = require("@elementor/locations");
 var import_session8 = require("@elementor/session");
@@ -2693,16 +2696,16 @@ var import_i18n62 = require("@wordpress/i18n");
 var React25 = __toESM(require("react"));
 var import_react19 = require("react");
 var import_editor_elements7 = require("@elementor/editor-elements");
-var import_editor_props8 = require("@elementor/editor-props");
+var import_editor_props9 = require("@elementor/editor-props");
 var import_editor_responsive2 = require("@elementor/editor-responsive");
 var import_editor_styles5 = require("@elementor/editor-styles");
 var import_editor_styles_repository15 = require("@elementor/editor-styles-repository");
 
 // src/styles-inheritance/create-styles-inheritance.ts
-var import_editor_props7 = require("@elementor/editor-props");
+var import_editor_props8 = require("@elementor/editor-props");
 
 // src/styles-inheritance/create-snapshots-manager.ts
-var import_editor_props6 = require("@elementor/editor-props");
+var import_editor_props7 = require("@elementor/editor-props");
 var import_editor_variables = require("@elementor/editor-variables");
 
 // src/styles-inheritance/utils.ts
@@ -2803,7 +2806,7 @@ function buildInitialSnapshotFromStyles(styles) {
       variant: { props }
     } = styleData;
     Object.entries(props).forEach(([key, value]) => {
-      const filteredValue = (0, import_editor_props6.filterEmptyValues)(value);
+      const filteredValue = (0, import_editor_props7.filterEmptyValues)(value);
       const filteredVariableValue = filteredValue?.$$type?.includes("variable") && !(0, import_editor_variables.hasVariable)(filteredValue?.value) ? null : filteredValue;
       if (filteredVariableValue === null) {
         return;
@@ -2850,7 +2853,7 @@ function createStylesInheritance(styleDefs, breakpointsRoot) {
         inheritanceChain = inheritanceChain.map(({ value: styleValue, ...rest }) => ({
           ...rest,
           value: getValueByPath(styleValue, nextFields, filterPropType)
-        })).filter(({ value: styleValue }) => !(0, import_editor_props7.isEmpty)(styleValue));
+        })).filter(({ value: styleValue }) => !(0, import_editor_props8.isEmpty)(styleValue));
       }
       return inheritanceChain;
     }
@@ -2892,7 +2895,7 @@ function getValueByPath(value, path, filterPropType) {
     if (!currentScope) {
       return null;
     }
-    if ((0, import_editor_props7.isTransformable)(currentScope)) {
+    if ((0, import_editor_props8.isTransformable)(currentScope)) {
       return currentScope.value?.[key] ?? null;
     }
     if (typeof currentScope === "object") {
@@ -2902,7 +2905,7 @@ function getValueByPath(value, path, filterPropType) {
   }, value);
 }
 function shouldUseOriginalValue(filterPropType, value) {
-  return !!filterPropType && (0, import_editor_props7.isTransformable)(value) && filterPropType.key !== value.$$type;
+  return !!filterPropType && (0, import_editor_props8.isTransformable)(value) && filterPropType.key !== value.$$type;
 }
 var getFilterPropType = (propType, path) => {
   if (!propType || propType.kind !== "union") {
@@ -2969,7 +2972,7 @@ var useAppliedStyles = () => {
   const baseStyles = useBaseStyles();
   useStylesRerender();
   const classesProp = usePanelElementSetting(currentClassesProp);
-  const appliedStyles = import_editor_props8.classesPropTypeUtil.extract(classesProp) ?? [];
+  const appliedStyles = import_editor_props9.classesPropTypeUtil.extract(classesProp) ?? [];
   return import_editor_styles_repository15.stylesRepository.all().filter((style) => [...baseStyles, ...appliedStyles].includes(style.id));
 };
 var useBaseStyles = () => {
@@ -3018,7 +3021,7 @@ var import_i18n10 = require("@wordpress/i18n");
 // src/controls-registry/styles-field.tsx
 var React26 = __toESM(require("react"));
 var import_editor_controls6 = require("@elementor/editor-controls");
-var import_editor_props10 = require("@elementor/editor-props");
+var import_editor_props11 = require("@elementor/editor-props");
 var import_editor_styles6 = require("@elementor/editor-styles");
 
 // src/hooks/use-styles-field.ts
@@ -3034,14 +3037,14 @@ function useStylesField(propName, meta) {
 // src/controls-registry/conditional-field.tsx
 var import_react20 = require("react");
 var import_editor_controls5 = require("@elementor/editor-controls");
-var import_editor_props9 = require("@elementor/editor-props");
+var import_editor_props10 = require("@elementor/editor-props");
 var ConditionalField = ({ children }) => {
   const { propType, value, resetValue } = (0, import_editor_controls5.useBoundProp)();
   const depList = getDependencies(propType);
   const { values: depValues, setValues: setDepValues } = useStylesFields(depList);
   const inheritedValues = useInheritedValues(depList);
   const resolvedValues = resolveWithInherited(depValues, inheritedValues);
-  const isHidden = !(0, import_editor_props9.isDependencyMet)(propType?.dependencies, resolvedValues).isMet;
+  const isHidden = !(0, import_editor_props10.isDependencyMet)(propType?.dependencies, resolvedValues).isMet;
   useSyncDepsWithInherited({ isHidden, depValues, value, inheritedValues, setDepValues, resetValue });
   return isHidden ? null : children;
 };
@@ -3097,7 +3100,7 @@ function getDependencies(propType) {
   if (!propType?.dependencies?.terms.length) {
     return [];
   }
-  return propType.dependencies.terms.flatMap((term) => !(0, import_editor_props9.isDependency)(term) ? term.path : []);
+  return propType.dependencies.terms.flatMap((term) => !(0, import_editor_props10.isDependency)(term) ? term.path : []);
 }
 
 // src/controls-registry/styles-field.tsx
@@ -3108,10 +3111,10 @@ function buildResolvedPlaceholder(chain, startIndex) {
     return void 0;
   }
   const firstValue = firstEntry.value;
-  if (!import_editor_props10.dimensionsPropTypeUtil.isValid(firstValue)) {
+  if (!import_editor_props11.dimensionsPropTypeUtil.isValid(firstValue)) {
     return firstValue;
   }
-  const firstDims = import_editor_props10.dimensionsPropTypeUtil.extract(firstValue);
+  const firstDims = import_editor_props11.dimensionsPropTypeUtil.extract(firstValue);
   if (DIMENSION_SIDES.every((side) => firstDims?.[side] !== null && firstDims?.[side] !== void 0)) {
     return firstValue;
   }
@@ -3123,15 +3126,15 @@ function buildResolvedPlaceholder(chain, startIndex) {
   });
   for (let i = startIndex + 1; i < chain.length; i++) {
     const val = chain[i].value;
-    if (import_editor_props10.sizePropTypeUtil.isValid(val)) {
+    if (import_editor_props11.sizePropTypeUtil.isValid(val)) {
       DIMENSION_SIDES.forEach((side) => {
         if (merged[side] === null || merged[side] === void 0) {
           merged[side] = val;
         }
       });
       break;
-    } else if (import_editor_props10.dimensionsPropTypeUtil.isValid(val)) {
-      const dims = import_editor_props10.dimensionsPropTypeUtil.extract(val);
+    } else if (import_editor_props11.dimensionsPropTypeUtil.isValid(val)) {
+      const dims = import_editor_props11.dimensionsPropTypeUtil.extract(val);
       DIMENSION_SIDES.forEach((side) => {
         if ((merged[side] === null || merged[side] === void 0) && dims?.[side] !== null && dims?.[side] !== void 0) {
           merged[side] = dims[side];
@@ -3142,7 +3145,7 @@ function buildResolvedPlaceholder(chain, startIndex) {
       break;
     }
   }
-  return import_editor_props10.dimensionsPropTypeUtil.create({
+  return import_editor_props11.dimensionsPropTypeUtil.create({
     "block-start": merged["block-start"] ?? null,
     "block-end": merged["block-end"] ?? null,
     "inline-start": merged["inline-start"] ?? null,
@@ -3231,7 +3234,7 @@ var BorderColorField = () => /* @__PURE__ */ React30.createElement(StylesField,
 // src/components/style-sections/border-section/border-radius-field.tsx
 var React32 = __toESM(require("react"));
 var import_editor_controls9 = require("@elementor/editor-controls");
-var import_editor_props11 = require("@elementor/editor-props");
+var import_editor_props12 = require("@elementor/editor-props");
 var import_icons5 = require("@elementor/icons");
 var import_ui20 = require("@elementor/ui");
 var import_i18n12 = require("@wordpress/i18n");
@@ -3302,7 +3305,7 @@ var BorderRadiusField = () => {
       label: BORDER_RADIUS_LABEL,
       icon: /* @__PURE__ */ React32.createElement(import_icons5.BorderCornersIcon, { fontSize: "tiny" }),
       tooltipLabel: (0, import_i18n12.__)("Adjust corners", "elementor"),
-      multiSizePropTypeUtil: import_editor_props11.borderRadiusPropTypeUtil
+      multiSizePropTypeUtil: import_editor_props12.borderRadiusPropTypeUtil
     }
   )));
 };
@@ -3328,7 +3331,7 @@ var BorderStyleField = () => /* @__PURE__ */ React33.createElement(StylesField,
 // src/components/style-sections/border-section/border-width-field.tsx
 var React34 = __toESM(require("react"));
 var import_editor_controls11 = require("@elementor/editor-controls");
-var import_editor_props12 = require("@elementor/editor-props");
+var import_editor_props13 = require("@elementor/editor-props");
 var import_icons6 = require("@elementor/icons");
 var import_ui21 = require("@elementor/ui");
 var import_i18n14 = require("@wordpress/i18n");
@@ -3370,7 +3373,7 @@ var BorderWidthField = () => {
       label: BORDER_WIDTH_LABEL,
       icon: /* @__PURE__ */ React34.createElement(import_icons6.SideAllIcon, { fontSize: "tiny" }),
       tooltipLabel: (0, import_i18n14.__)("Adjust borders", "elementor"),
-      multiSizePropTypeUtil: import_editor_props12.borderWidthPropTypeUtil
+      multiSizePropTypeUtil: import_editor_props13.borderWidthPropTypeUtil
     }
   ));
 };
@@ -4084,7 +4087,7 @@ var getGroupControlValue = (order) => {
 var React50 = __toESM(require("react"));
 var import_react25 = require("react");
 var import_editor_controls22 = require("@elementor/editor-controls");
-var import_editor_props13 = require("@elementor/editor-props");
+var import_editor_props14 = require("@elementor/editor-props");
 var import_icons13 = require("@elementor/icons");
 var import_i18n27 = require("@wordpress/i18n");
 var FLEX_SIZE_LABEL = (0, import_i18n27.__)("Flex Size", "elementor");
@@ -4163,24 +4166,24 @@ var createFlexValueForGroup = (group, flexValue) => {
     return null;
   }
   if (group === "flex-grow") {
-    return import_editor_props13.flexPropTypeUtil.create({
-      flexGrow: import_editor_props13.numberPropTypeUtil.create(DEFAULT),
-      flexShrink: import_editor_props13.numberPropTypeUtil.create(0),
-      flexBasis: import_editor_props13.sizePropTypeUtil.create({ unit: "auto", size: "" })
+    return import_editor_props14.flexPropTypeUtil.create({
+      flexGrow: import_editor_props14.numberPropTypeUtil.create(DEFAULT),
+      flexShrink: import_editor_props14.numberPropTypeUtil.create(0),
+      flexBasis: import_editor_props14.sizePropTypeUtil.create({ unit: "auto", size: "" })
     });
   }
   if (group === "flex-shrink") {
-    return import_editor_props13.flexPropTypeUtil.create({
-      flexGrow: import_editor_props13.numberPropTypeUtil.create(0),
-      flexShrink: import_editor_props13.numberPropTypeUtil.create(DEFAULT),
-      flexBasis: import_editor_props13.sizePropTypeUtil.create({ unit: "auto", size: "" })
+    return import_editor_props14.flexPropTypeUtil.create({
+      flexGrow: import_editor_props14.numberPropTypeUtil.create(0),
+      flexShrink: import_editor_props14.numberPropTypeUtil.create(DEFAULT),
+      flexBasis: import_editor_props14.sizePropTypeUtil.create({ unit: "auto", size: "" })
     });
   }
   if (group === "custom") {
     if (flexValue) {
       return flexValue;
     }
-    return import_editor_props13.flexPropTypeUtil.create({
+    return import_editor_props14.flexPropTypeUtil.create({
       flexGrow: null,
       flexShrink: null,
       flexBasis: null
@@ -4190,7 +4193,7 @@ var createFlexValueForGroup = (group, flexValue) => {
 };
 var FlexCustomField = () => {
   const flexBasisRowRef = (0, import_react25.useRef)(null);
-  const context = (0, import_editor_controls22.useBoundProp)(import_editor_props13.flexPropTypeUtil);
+  const context = (0, import_editor_controls22.useBoundProp)(import_editor_props14.flexPropTypeUtil);
   return /* @__PURE__ */ React50.createElement(import_editor_controls22.PropProvider, { ...context }, /* @__PURE__ */ React50.createElement(React50.Fragment, null, /* @__PURE__ */ React50.createElement(StylesFieldLayout, { label: (0, import_i18n27.__)("Grow", "elementor") }, /* @__PURE__ */ React50.createElement(import_editor_controls22.PropKeyProvider, { bind: "flexGrow" }, /* @__PURE__ */ React50.createElement(import_editor_controls22.NumberControl, { min: 0, shouldForceInt: true }))), /* @__PURE__ */ React50.createElement(StylesFieldLayout, { label: (0, import_i18n27.__)("Shrink", "elementor") }, /* @__PURE__ */ React50.createElement(import_editor_controls22.PropKeyProvider, { bind: "flexShrink" }, /* @__PURE__ */ React50.createElement(import_editor_controls22.NumberControl, { min: 0, shouldForceInt: true }))), /* @__PURE__ */ React50.createElement(StylesFieldLayout, { label: (0, import_i18n27.__)("Basis", "elementor"), ref: flexBasisRowRef }, /* @__PURE__ */ React50.createElement(import_editor_controls22.PropKeyProvider, { bind: "flexBasis" }, /* @__PURE__ */ React50.createElement(import_editor_controls22.SizeControl, { extendedOptions: ["auto"], anchorRef: flexBasisRowRef })))));
 };
 var getActiveGroup = ({
@@ -4394,7 +4397,7 @@ var import_ui33 = require("@elementor/ui");
 var import_i18n33 = require("@wordpress/i18n");
 
 // src/components/style-sections/layout-section/utils/grid-track-value.ts
-var import_editor_props14 = require("@elementor/editor-props");
+var import_editor_props15 = require("@elementor/editor-props");
 var FR = "fr";
 var CUSTOM2 = "custom";
 var UNITS = [FR, CUSTOM2];
@@ -4426,11 +4429,11 @@ var parseValue = (value) => {
   if (!value) {
     return EMPTY;
   }
-  if (import_editor_props14.gridTrackSizePropTypeUtil.isValid(value)) {
-    return parseGridTrackSize(import_editor_props14.gridTrackSizePropTypeUtil.extract(value));
+  if (import_editor_props15.gridTrackSizePropTypeUtil.isValid(value)) {
+    return parseGridTrackSize(import_editor_props15.gridTrackSizePropTypeUtil.extract(value));
   }
-  if (import_editor_props14.stringPropTypeUtil.isValid(value)) {
-    return parseString(import_editor_props14.stringPropTypeUtil.extract(value));
+  if (import_editor_props15.stringPropTypeUtil.isValid(value)) {
+    return parseString(import_editor_props15.stringPropTypeUtil.extract(value));
   }
   return EMPTY;
 };
@@ -4449,9 +4452,9 @@ var toPropValue = (v) => {
     case "empty":
       return null;
     case "fr":
-      return import_editor_props14.gridTrackSizePropTypeUtil.create({ size: v.count, unit: FR });
+      return import_editor_props15.gridTrackSizePropTypeUtil.create({ size: v.count, unit: FR });
     case "custom":
-      return import_editor_props14.gridTrackSizePropTypeUtil.create({ size: v.raw, unit: CUSTOM2 });
+      return import_editor_props15.gridTrackSizePropTypeUtil.create({ size: v.raw, unit: CUSTOM2 });
   }
 };
 var toSizeInput = (v, fallbackUnit = FR) => {
@@ -5526,7 +5529,7 @@ function ClassesHeader({ children }) {
 function useCurrentClassesProp() {
   const { elementType } = useElement();
   const prop = Object.entries(elementType.propsSchema).find(
-    ([, propType]) => propType.kind === "plain" && propType.key === import_editor_props15.CLASSES_PROP_KEY
+    ([, propType]) => propType.kind === "plain" && propType.key === import_editor_props16.CLASSES_PROP_KEY
   );
   if (!prop) {
     return null;
@@ -5677,7 +5680,7 @@ var init = () => {
 var React92 = __toESM(require("react"));
 var import_editor_controls60 = require("@elementor/editor-controls");
 var import_editor_elements17 = require("@elementor/editor-elements");
-var import_editor_props17 = require("@elementor/editor-props");
+var import_editor_props18 = require("@elementor/editor-props");
 var import_icons28 = require("@elementor/icons");
 var import_ui45 = require("@elementor/ui");
 var import_i18n67 = require("@wordpress/i18n");
@@ -5698,12 +5701,12 @@ var getElementByType = (elementId, type) => {
 // src/controls-registry/element-controls/tabs-control/use-actions.ts
 var import_editor_controls59 = require("@elementor/editor-controls");
 var import_editor_elements16 = require("@elementor/editor-elements");
-var import_editor_props16 = require("@elementor/editor-props");
+var import_editor_props17 = require("@elementor/editor-props");
 var import_i18n66 = require("@wordpress/i18n");
 var TAB_ELEMENT_TYPE = "e-tab";
 var TAB_CONTENT_ELEMENT_TYPE = "e-tab-content";
 var useActions = () => {
-  const { value, setValue: setDefaultActiveTab } = (0, import_editor_controls59.useBoundProp)(import_editor_props16.numberPropTypeUtil);
+  const { value, setValue: setDefaultActiveTab } = (0, import_editor_controls59.useBoundProp)(import_editor_props17.numberPropTypeUtil);
   const defaultActiveTab = value ?? 0;
   const duplicateItem = ({
     items: items3,
@@ -5964,7 +5967,7 @@ var ItemLabel = ({ value, index }) => {
   return /* @__PURE__ */ React92.createElement(import_ui45.Stack, { sx: { minHeight: 20 }, direction: "row", alignItems: "center", gap: 1.5 }, /* @__PURE__ */ React92.createElement("span", null, elementTitle), /* @__PURE__ */ React92.createElement(ItemDefaultTab, { index }));
 };
 var ItemDefaultTab = ({ index }) => {
-  const { value: defaultItem } = (0, import_editor_controls60.useBoundProp)(import_editor_props17.numberPropTypeUtil);
+  const { value: defaultItem } = (0, import_editor_controls60.useBoundProp)(import_editor_props18.numberPropTypeUtil);
   const isDefault = defaultItem === index;
   if (!isDefault) {
     return null;
@@ -5978,7 +5981,7 @@ var ItemContent = ({ value, index }) => {
   return /* @__PURE__ */ React92.createElement(import_ui45.Stack, { p: 2, gap: 1.5 }, /* @__PURE__ */ React92.createElement(TabLabelControl, { elementId: value.id }), /* @__PURE__ */ React92.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: (0, import_i18n67.__)("Tabs", "elementor") }, /* @__PURE__ */ React92.createElement(DefaultTabControl, { tabIndex: index })));
 };
 var DefaultTabControl = ({ tabIndex }) => {
-  const { value, setValue } = (0, import_editor_controls60.useBoundProp)(import_editor_props17.numberPropTypeUtil);
+  const { value, setValue } = (0, import_editor_controls60.useBoundProp)(import_editor_props18.numberPropTypeUtil);
   const isDefault = value === tabIndex;
   return /* @__PURE__ */ React92.createElement(import_ui45.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2 }, /* @__PURE__ */ React92.createElement(import_editor_controls60.ControlFormLabel, null, (0, import_i18n67.__)("Set as default tab", "elementor")), /* @__PURE__ */ React92.createElement(ConditionalTooltip, { showTooltip: isDefault, placement: "right" }, /* @__PURE__ */ React92.createElement(
     import_ui45.Switch,
@@ -6058,7 +6061,7 @@ var import_menus2 = require("@elementor/menus");
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var React93 = __toESM(require("react"));
 var import_editor_controls62 = require("@elementor/editor-controls");
-var import_editor_props19 = require("@elementor/editor-props");
+var import_editor_props20 = require("@elementor/editor-props");
 var import_icons29 = require("@elementor/icons");
 
 // src/dynamics/hooks/use-dynamic-tag.ts
@@ -6114,11 +6117,11 @@ var filterByLicense = (tags) => {
 };
 
 // src/dynamics/utils.ts
-var import_editor_props18 = require("@elementor/editor-props");
+var import_editor_props19 = require("@elementor/editor-props");
 var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 var import_schema = require("@elementor/schema");
 var DYNAMIC_PROP_TYPE_KEY = "dynamic";
-var dynamicPropTypeUtil = (0, import_editor_props18.createPropUtils)(
+var dynamicPropTypeUtil = (0, import_editor_props19.createPropUtils)(
   DYNAMIC_PROP_TYPE_KEY,
   import_schema.z.strictObject({
     name: import_schema.z.string(),
@@ -6135,7 +6138,7 @@ var getDynamicPropType = (propType) => {
   return dynamicPropType && isDynamicPropType(dynamicPropType) ? dynamicPropType : null;
 };
 var isDynamicPropValue = (prop) => {
-  return (0, import_editor_props18.isTransformable)(prop) && prop.$$type === DYNAMIC_PROP_TYPE_KEY;
+  return (0, import_editor_props19.isTransformable)(prop) && prop.$$type === DYNAMIC_PROP_TYPE_KEY;
 };
 var supportsDynamic = (propType) => {
   return !!getDynamicPropType(propType);
@@ -6196,7 +6199,7 @@ var useDynamicTag = (tagName) => {
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var BackgroundControlDynamicTagIcon = () => /* @__PURE__ */ React93.createElement(import_icons29.DatabaseIcon, { fontSize: "tiny" });
 var BackgroundControlDynamicTagLabel = ({ value }) => {
-  const context = (0, import_editor_controls62.useBoundProp)(import_editor_props19.backgroundImageOverlayPropTypeUtil);
+  const context = (0, import_editor_controls62.useBoundProp)(import_editor_props20.backgroundImageOverlayPropTypeUtil);
   return /* @__PURE__ */ React93.createElement(import_editor_controls62.PropProvider, { ...context, value: value.value }, /* @__PURE__ */ React93.createElement(import_editor_controls62.PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React93.createElement(Wrapper2, { rawValue: value.value })));
 };
 var Wrapper2 = ({ rawValue }) => {
@@ -6233,7 +6236,7 @@ var import_editor_controls63 = require("@elementor/editor-controls");
 // src/dynamics/components/dynamic-conditional-control.tsx
 var React94 = __toESM(require("react"));
 var import_react44 = require("react");
-var import_editor_props20 = require("@elementor/editor-props");
+var import_editor_props21 = require("@elementor/editor-props");
 var DynamicConditionalControl = ({
   children,
   propType,
@@ -6275,7 +6278,7 @@ var DynamicConditionalControl = ({
   if (!propType?.dependencies?.terms.length) {
     return /* @__PURE__ */ React94.createElement(React94.Fragment, null, children);
   }
-  const isHidden = !(0, import_editor_props20.isDependencyMet)(propType?.dependencies, effectiveSettings).isMet;
+  const isHidden = !(0, import_editor_props21.isDependencyMet)(propType?.dependencies, effectiveSettings).isMet;
   return isHidden ? null : /* @__PURE__ */ React94.createElement(React94.Fragment, null, children);
 };
 
@@ -6653,7 +6656,7 @@ function ControlsItemsStack({ items: items3 }) {
 
 // src/dynamics/dynamic-transformer.ts
 var import_editor_canvas2 = require("@elementor/editor-canvas");
-var import_editor_props21 = require("@elementor/editor-props");
+var import_editor_props22 = require("@elementor/editor-props");
 
 // src/dynamics/errors.ts
 var import_utils9 = require("@elementor/utils");
@@ -6671,7 +6674,7 @@ var dynamicTransformer = (0, import_editor_canvas2.createTransformer)((value, {
 });
 function simpleTransform(props) {
   const transformed = Object.entries(props).map(([settingKey, settingValue]) => {
-    const value = (0, import_editor_props21.isTransformable)(settingValue) ? settingValue.value : settingValue;
+    const value = (0, import_editor_props22.isTransformable)(settingValue) ? settingValue.value : settingValue;
     return [settingKey, value];
   });
   return Object.fromEntries(transformed);
@@ -6834,7 +6837,7 @@ function useResetStyleValueProps() {
 // src/styles-inheritance/components/styles-inheritance-indicator.tsx
 var React104 = __toESM(require("react"));
 var import_editor_controls69 = require("@elementor/editor-controls");
-var import_editor_props22 = require("@elementor/editor-props");
+var import_editor_props23 = require("@elementor/editor-props");
 var import_editor_styles_repository20 = require("@elementor/editor-styles-repository");
 var import_i18n75 = require("@wordpress/i18n");
 
@@ -7186,7 +7189,7 @@ var StylesInheritanceIndicator = ({
 var Indicator = ({ inheritanceChain, path, propType, isDisabled }) => {
   const { id: currentStyleId, provider: currentStyleProvider, meta: currentStyleMeta } = useStyle();
   const currentItem = currentStyleId ? getValueFromInheritanceChain(inheritanceChain, currentStyleId, currentStyleMeta) : null;
-  const hasValue = !(0, import_editor_props22.isEmpty)(currentItem?.value);
+  const hasValue = !(0, import_editor_props23.isEmpty)(currentItem?.value);
   const [actualStyle] = inheritanceChain;
   if (actualStyle.provider === import_editor_styles_repository20.ELEMENTS_BASE_STYLES_PROVIDER_KEY) {
     return null;