@elementor/editor-editing-panel 4.4.0-1087 → 4.4.0-1089

package/dist/index.js

@@ -2548,9 +2548,27 @@ var import_react18 = require("react");
 var import_editor_controls3 = require("@elementor/editor-controls");
 var import_editor_documents2 = require("@elementor/editor-documents");
 var import_editor_elements6 = require("@elementor/editor-elements");
+var import_editor_props7 = require("@elementor/editor-props");
+var import_editor_responsive2 = require("@elementor/editor-responsive");
 var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var import_i18n10 = require("@wordpress/i18n");
 
+// src/utils/is-responsive-prop-type.ts
+function isResponsivePropType(propType) {
+  if (!propType) {
+    return false;
+  }
+  if ("key" in propType && propType.key === "responsive") {
+    return true;
+  }
+  if (propType.kind === "union") {
+    return Object.values(propType.prop_types).some(
+      (inner) => isResponsivePropType(inner)
+    );
+  }
+  return false;
+}
+
 // src/controls-registry/create-top-level-object-type.ts
 var createTopLevelObjectType = ({ schema }) => {
   const schemaPropType = {
@@ -2566,6 +2584,7 @@ var createTopLevelObjectType = ({ schema }) => {
 
 // src/controls-registry/settings-field.tsx
 var HISTORY_DEBOUNCE_WAIT2 = 800;
+var DESKTOP_BREAKPOINT = "desktop";
 var SettingsField = ({ bind, children, propDisplayName }) => {
   const {
     element: { id: elementId },
@@ -2593,7 +2612,24 @@ var SettingsField = ({ bind, children, propDisplayName }) => {
       (0, import_editor_elements6.updateElementSettings)({ id: elementId, props: settings, withHistory: false });
     }
   };
-  return /* @__PURE__ */ React23.createElement(import_editor_controls3.PropProvider, { propType, value, setValue, isDisabled }, /* @__PURE__ */ React23.createElement(import_editor_controls3.PropKeyProvider, { bind }, children));
+  return /* @__PURE__ */ React23.createElement(import_editor_controls3.PropProvider, { propType, value, setValue, isDisabled }, /* @__PURE__ */ React23.createElement(import_editor_controls3.PropKeyProvider, { bind }, isResponsivePropType(propsSchema[bind]) ? /* @__PURE__ */ React23.createElement(ResponsiveBinding, null, children) : children));
+};
+var ResponsiveBinding = ({ children }) => {
+  const { value, setValue, propType, disabled } = (0, import_editor_controls3.useBoundProp)(import_editor_props7.responsivePropTypeUtil);
+  const breakpoint = (0, import_editor_responsive2.useActiveBreakpoint)() ?? DESKTOP_BREAKPOINT;
+  const activeBreakpoints = ((0, import_editor_responsive2.useBreakpoints)() ?? []).map(({ id }) => id);
+  const inherited = (0, import_editor_props7.responsiveFallbackChain)(breakpoint).filter((key) => key !== breakpoint && activeBreakpoints.includes(key)).map((key) => value?.[key]).find((entry) => entry !== null && entry !== void 0);
+  return /* @__PURE__ */ React23.createElement(
+    import_editor_controls3.PropProvider,
+    {
+      propType,
+      value,
+      setValue,
+      placeholder: { [breakpoint]: inherited },
+      isDisabled: () => disabled
+    },
+    /* @__PURE__ */ React23.createElement(import_editor_controls3.PropKeyProvider, { bind: breakpoint }, children)
+  );
 };
 function useUndoableUpdateElementProp({
   elementId,
@@ -2751,8 +2787,8 @@ function isControlHiddenByDependencies(control, propsSchema, settings) {
 // src/components/style-tab.tsx
 var React90 = __toESM(require("react"));
 var import_react36 = require("react");
-var import_editor_props16 = require("@elementor/editor-props");
-var import_editor_responsive3 = require("@elementor/editor-responsive");
+var import_editor_props17 = require("@elementor/editor-props");
+var import_editor_responsive4 = require("@elementor/editor-responsive");
 var import_locations4 = require("@elementor/locations");
 var import_session8 = require("@elementor/session");
 var import_ui43 = require("@elementor/ui");
@@ -2761,8 +2797,8 @@ var import_ui43 = require("@elementor/ui");
 var React26 = __toESM(require("react"));
 var import_react19 = require("react");
 var import_editor_elements8 = require("@elementor/editor-elements");
-var import_editor_props9 = require("@elementor/editor-props");
-var import_editor_responsive2 = require("@elementor/editor-responsive");
+var import_editor_props10 = require("@elementor/editor-props");
+var import_editor_responsive3 = require("@elementor/editor-responsive");
 var import_editor_styles5 = require("@elementor/editor-styles");
 var import_editor_styles_repository15 = require("@elementor/editor-styles-repository");
 
@@ -2782,10 +2818,10 @@ function useDefaultStyleTagFromPreview(elementId) {
 }
 
 // src/styles-inheritance/create-styles-inheritance.ts
-var import_editor_props8 = require("@elementor/editor-props");
+var import_editor_props9 = require("@elementor/editor-props");
 
 // src/styles-inheritance/create-snapshots-manager.ts
-var import_editor_props7 = require("@elementor/editor-props");
+var import_editor_props8 = require("@elementor/editor-props");
 var import_editor_variables = require("@elementor/editor-variables");
 
 // src/styles-inheritance/utils.ts
@@ -2886,7 +2922,7 @@ function buildInitialSnapshotFromStyles(styles) {
       variant: { props }
     } = styleData;
     Object.entries(props).forEach(([key, value]) => {
-      const filteredValue = (0, import_editor_props7.filterEmptyValues)(value);
+      const filteredValue = (0, import_editor_props8.filterEmptyValues)(value);
       const filteredVariableValue = filteredValue?.$$type?.includes("variable") && !(0, import_editor_variables.hasVariable)(filteredValue?.value) ? null : filteredValue;
       if (filteredVariableValue === null) {
         return;
@@ -2933,7 +2969,7 @@ function createStylesInheritance(styleDefs, breakpointsRoot) {
         inheritanceChain = inheritanceChain.map(({ value: styleValue, ...rest }) => ({
           ...rest,
           value: getValueByPath(styleValue, nextFields, filterPropType)
-        })).filter(({ value: styleValue }) => !(0, import_editor_props8.isEmpty)(styleValue));
+        })).filter(({ value: styleValue }) => !(0, import_editor_props9.isEmpty)(styleValue));
       }
       return inheritanceChain;
     }
@@ -2975,7 +3011,7 @@ function getValueByPath(value, path, filterPropType) {
     if (!currentScope) {
       return null;
     }
-    if ((0, import_editor_props8.isTransformable)(currentScope)) {
+    if ((0, import_editor_props9.isTransformable)(currentScope)) {
       return currentScope.value?.[key] ?? null;
     }
     if (typeof currentScope === "object") {
@@ -2985,7 +3021,7 @@ function getValueByPath(value, path, filterPropType) {
   }, value);
 }
 function shouldUseOriginalValue(filterPropType, value) {
-  return !!filterPropType && (0, import_editor_props8.isTransformable)(value) && filterPropType.key !== value.$$type;
+  return !!filterPropType && (0, import_editor_props9.isTransformable)(value) && filterPropType.key !== value.$$type;
 }
 var getFilterPropType = (propType, path) => {
   if (!propType || propType.kind !== "union") {
@@ -3009,7 +3045,7 @@ var getFilterPropType = (propType, path) => {
 var Context4 = (0, import_react19.createContext)(null);
 function StyleInheritanceProvider({ children }) {
   const styleDefs = useAppliedStyles();
-  const breakpointsTree = (0, import_editor_responsive2.getBreakpointsTree)();
+  const breakpointsTree = (0, import_editor_responsive3.getBreakpointsTree)();
   const { getSnapshot, getInheritanceChain } = createStylesInheritance(styleDefs, breakpointsTree);
   return /* @__PURE__ */ React26.createElement(Context4.Provider, { value: { getSnapshot, getInheritanceChain } }, children);
 }
@@ -3054,7 +3090,7 @@ var useAppliedStyles = () => {
   const { id: activeStyleId } = useStyle();
   useStylesRerender();
   const classesProp = usePanelElementSetting(currentClassesProp);
-  const appliedStyles = import_editor_props9.classesPropTypeUtil.extract(classesProp) ?? [];
+  const appliedStyles = import_editor_props10.classesPropTypeUtil.extract(classesProp) ?? [];
   const applicableIds = [
     ...baseStyles,
     ...appliedStyles,
@@ -3119,7 +3155,7 @@ var import_i18n11 = require("@wordpress/i18n");
 // src/controls-registry/styles-field.tsx
 var React27 = __toESM(require("react"));
 var import_editor_controls6 = require("@elementor/editor-controls");
-var import_editor_props11 = require("@elementor/editor-props");
+var import_editor_props12 = require("@elementor/editor-props");
 var import_editor_styles6 = require("@elementor/editor-styles");
 
 // src/hooks/use-styles-field.ts
@@ -3135,14 +3171,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_props10 = require("@elementor/editor-props");
+var import_editor_props11 = 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_props10.isDependencyMet)(propType?.dependencies, resolvedValues).isMet;
+  const isHidden = !(0, import_editor_props11.isDependencyMet)(propType?.dependencies, resolvedValues).isMet;
   useSyncDepsWithInherited({ isHidden, depValues, value, inheritedValues, setDepValues, resetValue });
   return isHidden ? null : children;
 };
@@ -3198,7 +3234,7 @@ function getDependencies(propType) {
   if (!propType?.dependencies?.terms.length) {
     return [];
   }
-  return propType.dependencies.terms.flatMap((term) => !(0, import_editor_props10.isDependency)(term) ? term.path : []);
+  return propType.dependencies.terms.flatMap((term) => !(0, import_editor_props11.isDependency)(term) ? term.path : []);
 }
 
 // src/controls-registry/styles-field.tsx
@@ -3209,10 +3245,10 @@ function buildResolvedPlaceholder(chain, startIndex) {
     return void 0;
   }
   const firstValue = firstEntry.value;
-  if (!import_editor_props11.dimensionsPropTypeUtil.isValid(firstValue)) {
+  if (!import_editor_props12.dimensionsPropTypeUtil.isValid(firstValue)) {
     return firstValue;
   }
-  const firstDims = import_editor_props11.dimensionsPropTypeUtil.extract(firstValue);
+  const firstDims = import_editor_props12.dimensionsPropTypeUtil.extract(firstValue);
   if (DIMENSION_SIDES.every((side) => firstDims?.[side] !== null && firstDims?.[side] !== void 0)) {
     return firstValue;
   }
@@ -3224,15 +3260,15 @@ function buildResolvedPlaceholder(chain, startIndex) {
   });
   for (let i = startIndex + 1; i < chain.length; i++) {
     const val = chain[i].value;
-    if (import_editor_props11.sizePropTypeUtil.isValid(val)) {
+    if (import_editor_props12.sizePropTypeUtil.isValid(val)) {
       DIMENSION_SIDES.forEach((side) => {
         if (merged[side] === null || merged[side] === void 0) {
           merged[side] = val;
         }
       });
       break;
-    } else if (import_editor_props11.dimensionsPropTypeUtil.isValid(val)) {
-      const dims = import_editor_props11.dimensionsPropTypeUtil.extract(val);
+    } else if (import_editor_props12.dimensionsPropTypeUtil.isValid(val)) {
+      const dims = import_editor_props12.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];
@@ -3243,7 +3279,7 @@ function buildResolvedPlaceholder(chain, startIndex) {
       break;
     }
   }
-  return import_editor_props11.dimensionsPropTypeUtil.create({
+  return import_editor_props12.dimensionsPropTypeUtil.create({
     "block-start": merged["block-start"] ?? null,
     "block-end": merged["block-end"] ?? null,
     "inline-start": merged["inline-start"] ?? null,
@@ -3332,7 +3368,7 @@ var BorderColorField = () => /* @__PURE__ */ React31.createElement(StylesField,
 // src/components/style-sections/border-section/border-radius-field.tsx
 var React33 = __toESM(require("react"));
 var import_editor_controls9 = require("@elementor/editor-controls");
-var import_editor_props12 = require("@elementor/editor-props");
+var import_editor_props13 = require("@elementor/editor-props");
 var import_icons5 = require("@elementor/icons");
 var import_ui20 = require("@elementor/ui");
 var import_i18n13 = require("@wordpress/i18n");
@@ -3403,7 +3439,7 @@ var BorderRadiusField = () => {
       label: BORDER_RADIUS_LABEL,
       icon: /* @__PURE__ */ React33.createElement(import_icons5.BorderCornersIcon, { fontSize: "tiny" }),
       tooltipLabel: (0, import_i18n13.__)("Adjust corners", "elementor"),
-      multiSizePropTypeUtil: import_editor_props12.borderRadiusPropTypeUtil
+      multiSizePropTypeUtil: import_editor_props13.borderRadiusPropTypeUtil
     }
   )));
 };
@@ -3429,7 +3465,7 @@ var BorderStyleField = () => /* @__PURE__ */ React34.createElement(StylesField,
 // src/components/style-sections/border-section/border-width-field.tsx
 var React35 = __toESM(require("react"));
 var import_editor_controls11 = require("@elementor/editor-controls");
-var import_editor_props13 = require("@elementor/editor-props");
+var import_editor_props14 = require("@elementor/editor-props");
 var import_icons6 = require("@elementor/icons");
 var import_ui21 = require("@elementor/ui");
 var import_i18n15 = require("@wordpress/i18n");
@@ -3471,7 +3507,7 @@ var BorderWidthField = () => {
       label: BORDER_WIDTH_LABEL,
       icon: /* @__PURE__ */ React35.createElement(import_icons6.SideAllIcon, { fontSize: "tiny" }),
       tooltipLabel: (0, import_i18n15.__)("Adjust borders", "elementor"),
-      multiSizePropTypeUtil: import_editor_props13.borderWidthPropTypeUtil
+      multiSizePropTypeUtil: import_editor_props14.borderWidthPropTypeUtil
     }
   ));
 };
@@ -4178,7 +4214,7 @@ var getGroupControlValue = (order) => {
 var React51 = __toESM(require("react"));
 var import_react24 = require("react");
 var import_editor_controls22 = require("@elementor/editor-controls");
-var import_editor_props14 = require("@elementor/editor-props");
+var import_editor_props15 = require("@elementor/editor-props");
 var import_icons13 = require("@elementor/icons");
 var import_i18n28 = require("@wordpress/i18n");
 var FLEX_SIZE_LABEL = (0, import_i18n28.__)("Flex Size", "elementor");
@@ -4257,24 +4293,24 @@ var createFlexValueForGroup = (group, flexValue) => {
     return null;
   }
   if (group === "flex-grow") {
-    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: "" })
+    return import_editor_props15.flexPropTypeUtil.create({
+      flexGrow: import_editor_props15.numberPropTypeUtil.create(DEFAULT),
+      flexShrink: import_editor_props15.numberPropTypeUtil.create(0),
+      flexBasis: import_editor_props15.sizePropTypeUtil.create({ unit: "auto", size: "" })
     });
   }
   if (group === "flex-shrink") {
-    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: "" })
+    return import_editor_props15.flexPropTypeUtil.create({
+      flexGrow: import_editor_props15.numberPropTypeUtil.create(0),
+      flexShrink: import_editor_props15.numberPropTypeUtil.create(DEFAULT),
+      flexBasis: import_editor_props15.sizePropTypeUtil.create({ unit: "auto", size: "" })
     });
   }
   if (group === "custom") {
     if (flexValue) {
       return flexValue;
     }
-    return import_editor_props14.flexPropTypeUtil.create({
+    return import_editor_props15.flexPropTypeUtil.create({
       flexGrow: null,
       flexShrink: null,
       flexBasis: null
@@ -4284,7 +4320,7 @@ var createFlexValueForGroup = (group, flexValue) => {
 };
 var FlexCustomField = () => {
   const flexBasisRowRef = (0, import_react24.useRef)(null);
-  const context = (0, import_editor_controls22.useBoundProp)(import_editor_props14.flexPropTypeUtil);
+  const context = (0, import_editor_controls22.useBoundProp)(import_editor_props15.flexPropTypeUtil);
   return /* @__PURE__ */ React51.createElement(import_editor_controls22.PropProvider, { ...context }, /* @__PURE__ */ React51.createElement(React51.Fragment, null, /* @__PURE__ */ React51.createElement(StylesFieldLayout, { label: (0, import_i18n28.__)("Grow", "elementor") }, /* @__PURE__ */ React51.createElement(import_editor_controls22.PropKeyProvider, { bind: "flexGrow" }, /* @__PURE__ */ React51.createElement(import_editor_controls22.NumberControl, { min: 0, shouldForceInt: true }))), /* @__PURE__ */ React51.createElement(StylesFieldLayout, { label: (0, import_i18n28.__)("Shrink", "elementor") }, /* @__PURE__ */ React51.createElement(import_editor_controls22.PropKeyProvider, { bind: "flexShrink" }, /* @__PURE__ */ React51.createElement(import_editor_controls22.NumberControl, { min: 0, shouldForceInt: true }))), /* @__PURE__ */ React51.createElement(StylesFieldLayout, { label: (0, import_i18n28.__)("Basis", "elementor"), ref: flexBasisRowRef }, /* @__PURE__ */ React51.createElement(import_editor_controls22.PropKeyProvider, { bind: "flexBasis" }, /* @__PURE__ */ React51.createElement(import_editor_controls22.SizeControl, { extendedOptions: ["auto"], anchorRef: flexBasisRowRef })))));
 };
 var getActiveGroup = ({
@@ -4512,7 +4548,7 @@ var import_ui34 = require("@elementor/ui");
 var import_i18n34 = require("@wordpress/i18n");
 
 // src/components/style-sections/layout-section/utils/grid-track-value.ts
-var import_editor_props15 = require("@elementor/editor-props");
+var import_editor_props16 = require("@elementor/editor-props");
 var FR = "fr";
 var CUSTOM2 = "custom";
 var UNITS = [FR, CUSTOM2];
@@ -4544,11 +4580,11 @@ var parseValue = (value) => {
   if (!value) {
     return EMPTY;
   }
-  if (import_editor_props15.gridTrackSizePropTypeUtil.isValid(value)) {
-    return parseGridTrackSize(import_editor_props15.gridTrackSizePropTypeUtil.extract(value));
+  if (import_editor_props16.gridTrackSizePropTypeUtil.isValid(value)) {
+    return parseGridTrackSize(import_editor_props16.gridTrackSizePropTypeUtil.extract(value));
   }
-  if (import_editor_props15.stringPropTypeUtil.isValid(value)) {
-    return parseString(import_editor_props15.stringPropTypeUtil.extract(value));
+  if (import_editor_props16.stringPropTypeUtil.isValid(value)) {
+    return parseString(import_editor_props16.stringPropTypeUtil.extract(value));
   }
   return EMPTY;
 };
@@ -4567,9 +4603,9 @@ var toPropValue = (v) => {
     case "empty":
       return null;
     case "fr":
-      return import_editor_props15.gridTrackSizePropTypeUtil.create({ size: v.count, unit: FR });
+      return import_editor_props16.gridTrackSizePropTypeUtil.create({ size: v.count, unit: FR });
     case "custom":
-      return import_editor_props15.gridTrackSizePropTypeUtil.create({ size: v.raw, unit: CUSTOM2 });
+      return import_editor_props16.gridTrackSizePropTypeUtil.create({ size: v.raw, unit: CUSTOM2 });
   }
 };
 var toSizeInput = (v, fallbackUnit = FR) => {
@@ -5611,7 +5647,7 @@ var StyleTab = () => {
   const currentClassesProp = useCurrentClassesProp();
   const [activeStyleDefId, setActiveStyleDefId] = useActiveStyleDefId(currentClassesProp ?? "");
   const [activeStyleState, setActiveStyleState] = (0, import_react36.useState)(null);
-  const breakpoint = (0, import_editor_responsive3.useActiveBreakpoint)();
+  const breakpoint = (0, import_editor_responsive4.useActiveBreakpoint)();
   if (!currentClassesProp) {
     return null;
   }
@@ -5645,7 +5681,7 @@ function ClassesHeader({ children }) {
 function useCurrentClassesProp() {
   const { elementType } = useElement();
   const prop = Object.entries(elementType.propsSchema).find(
-    ([, propType]) => propType.kind === "plain" && propType.key === import_editor_props16.CLASSES_PROP_KEY
+    ([, propType]) => propType.kind === "plain" && propType.key === import_editor_props17.CLASSES_PROP_KEY
   );
   if (!prop) {
     return null;
@@ -5827,13 +5863,13 @@ var init = () => {
 var React95 = __toESM(require("react"));
 var import_editor_controls58 = require("@elementor/editor-controls");
 var import_editor_elements19 = require("@elementor/editor-elements");
-var import_editor_props19 = require("@elementor/editor-props");
+var import_editor_props20 = require("@elementor/editor-props");
 var import_ui47 = require("@elementor/ui");
 var import_i18n70 = require("@wordpress/i18n");
 
 // src/controls-registry/element-controls/accordion-items-control/use-actions.ts
 var import_editor_elements17 = require("@elementor/editor-elements");
-var import_editor_props17 = require("@elementor/editor-props");
+var import_editor_props18 = require("@elementor/editor-props");
 var import_i18n68 = require("@wordpress/i18n");
 var ACCORDION_ELEMENT_TYPE = "e-accordion";
 var ACCORDION_ITEM_ELEMENT_TYPE = "e-accordion-item";
@@ -5875,7 +5911,7 @@ var buildItemModel = (position, showIcon) => {
         // has already turned Show Icon off, a newly added item must start with its icon hidden
         // too, not re-show one just because the item itself is brand new. See the comment on
         // the mirrored prop in `Atomic_Accordion_Item_Header` for why this duplication exists.
-        settings: { show_icon: import_editor_props17.booleanPropTypeUtil.create(showIcon) },
+        settings: { show_icon: import_editor_props18.booleanPropTypeUtil.create(showIcon) },
         elements: [
           {
             elType: ACCORDION_ITEM_TITLE_ELEMENT_TYPE,
@@ -5891,7 +5927,7 @@ var buildItemModel = (position, showIcon) => {
                 // subtree (`deselectRecursive()` on delete) calls `.forEach()` on it unguarded.
                 elements: [],
                 settings: {
-                  paragraph: import_editor_props17.escapedHtmlPropTypeUtil.create(numberedTitle),
+                  paragraph: import_editor_props18.escapedHtmlPropTypeUtil.create(numberedTitle),
                   tag: { $$type: "string", value: "span" }
                 }
               }
@@ -5994,7 +6030,7 @@ var useActions = () => {
 // src/controls-registry/element-controls/accordion-items-control/use-show-icon-write-through.ts
 var import_react40 = require("react");
 var import_editor_elements18 = require("@elementor/editor-elements");
-var import_editor_props18 = require("@elementor/editor-props");
+var import_editor_props19 = require("@elementor/editor-props");
 var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 var import_i18n69 = require("@wordpress/i18n");
 var ACCORDION_ITEM_HEADER_ELEMENT_TYPE2 = "e-accordion-item-header";
@@ -6015,7 +6051,7 @@ var cascadeShowIconToHeaders = (0, import_editor_v1_adapters9.undoable)(
       headerIds.forEach((headerId) => {
         (0, import_editor_elements18.updateElementSettings)({
           id: headerId,
-          props: { show_icon: import_editor_props18.booleanPropTypeUtil.create(showIcon) },
+          props: { show_icon: import_editor_props19.booleanPropTypeUtil.create(showIcon) },
           withHistory: false
         });
       });
@@ -6079,7 +6115,7 @@ var AccordionItemsControl = ({ label }) => {
     { [ACCORDION_ELEMENT_TYPE]: ACCORDION_ITEM_ELEMENT_TYPE },
     { includeSelfAsParent: true }
   );
-  const showIcon = import_editor_props19.booleanPropTypeUtil.extract(settings.show_icon) ?? true;
+  const showIcon = import_editor_props20.booleanPropTypeUtil.extract(settings.show_icon) ?? true;
   useShowIconWriteThrough(element.id, showIcon);
   const repeaterValues = items3.map((item, index) => {
     return {
@@ -6164,13 +6200,13 @@ var ItemNameControl = ({ elementId }) => {
 var React96 = __toESM(require("react"));
 var import_editor_controls59 = require("@elementor/editor-controls");
 var import_editor_elements22 = require("@elementor/editor-elements");
-var import_editor_props22 = require("@elementor/editor-props");
+var import_editor_props23 = require("@elementor/editor-props");
 var import_ui48 = require("@elementor/ui");
 var import_i18n73 = require("@wordpress/i18n");
 
 // src/controls-registry/element-controls/list-items-control/list-actions.ts
 var import_editor_elements20 = require("@elementor/editor-elements");
-var import_editor_props20 = require("@elementor/editor-props");
+var import_editor_props21 = require("@elementor/editor-props");
 var import_i18n71 = require("@wordpress/i18n");
 var LIST_ITEM_ELEMENT_TYPE = "e-list-item";
 var LIST_ITEM_MARKER_ELEMENT_TYPE = "e-list-item-marker";
@@ -6197,7 +6233,7 @@ var buildItemModel2 = (position, showMarkers) => {
     elType: LIST_ITEM_ELEMENT_TYPE,
     id: (0, import_editor_elements20.generateElementId)(),
     settings: {
-      show_markers: import_editor_props20.booleanPropTypeUtil.create(showMarkers)
+      show_markers: import_editor_props21.booleanPropTypeUtil.create(showMarkers)
     },
     editor_settings: {
       title: itemTitle,
@@ -6218,7 +6254,7 @@ var buildItemModel2 = (position, showMarkers) => {
             elements: [],
             settings: {
               tag: { $$type: "string", value: "span" },
-              paragraph: import_editor_props20.escapedHtmlPropTypeUtil.create("&bull;")
+              paragraph: import_editor_props21.escapedHtmlPropTypeUtil.create("&bull;")
             }
           }
         ]
@@ -6236,7 +6272,7 @@ var buildItemModel2 = (position, showMarkers) => {
             id: (0, import_editor_elements20.generateElementId)(),
             elements: [],
             settings: {
-              paragraph: import_editor_props20.escapedHtmlPropTypeUtil.create(itemTitle)
+              paragraph: import_editor_props21.escapedHtmlPropTypeUtil.create(itemTitle)
             }
           }
         ]
@@ -6307,7 +6343,7 @@ var addItem = ({
 // src/controls-registry/element-controls/list-items-control/use-show-markers-write-through.ts
 var import_react41 = require("react");
 var import_editor_elements21 = require("@elementor/editor-elements");
-var import_editor_props21 = require("@elementor/editor-props");
+var import_editor_props22 = require("@elementor/editor-props");
 var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_i18n72 = require("@wordpress/i18n");
 var cascadeShowMarkersToItems = (0, import_editor_v1_adapters10.undoable)(
@@ -6327,7 +6363,7 @@ var cascadeShowMarkersToItems = (0, import_editor_v1_adapters10.undoable)(
       itemIds.forEach((itemId) => {
         (0, import_editor_elements21.updateElementSettings)({
           id: itemId,
-          props: { show_markers: import_editor_props21.booleanPropTypeUtil.create(showMarkers) },
+          props: { show_markers: import_editor_props22.booleanPropTypeUtil.create(showMarkers) },
           withHistory: false
         });
       });
@@ -6386,7 +6422,7 @@ var ListItemsControlContent = ({ label }) => {
     { [LIST_ELEMENT_TYPE]: LIST_ITEM_ELEMENT_TYPE },
     { includeSelfAsParent: true }
   );
-  const showMarkers = import_editor_props22.booleanPropTypeUtil.extract(settings.show_markers) ?? true;
+  const showMarkers = import_editor_props23.booleanPropTypeUtil.extract(settings.show_markers) ?? true;
   useShowMarkersWriteThrough(element.id, showMarkers);
   const repeaterValues = listItems.map((item, index) => ({
     id: item.id,
@@ -6473,7 +6509,7 @@ var ListItemLabelControl = ({ elementId, fallbackLabel }) => {
 var React97 = __toESM(require("react"));
 var import_editor_controls61 = require("@elementor/editor-controls");
 var import_editor_elements25 = require("@elementor/editor-elements");
-var import_editor_props24 = require("@elementor/editor-props");
+var import_editor_props25 = require("@elementor/editor-props");
 var import_icons28 = require("@elementor/icons");
 var import_ui49 = require("@elementor/ui");
 var import_i18n75 = require("@wordpress/i18n");
@@ -6494,12 +6530,12 @@ var getElementByType = (elementId, type) => {
 // src/controls-registry/element-controls/tabs-control/use-actions.ts
 var import_editor_controls60 = require("@elementor/editor-controls");
 var import_editor_elements24 = require("@elementor/editor-elements");
-var import_editor_props23 = require("@elementor/editor-props");
+var import_editor_props24 = require("@elementor/editor-props");
 var import_i18n74 = require("@wordpress/i18n");
 var TAB_ELEMENT_TYPE = "e-tab";
 var TAB_CONTENT_ELEMENT_TYPE = "e-tab-content";
 var useActions2 = () => {
-  const { value, setValue: setDefaultActiveTab } = (0, import_editor_controls60.useBoundProp)(import_editor_props23.numberPropTypeUtil);
+  const { value, setValue: setDefaultActiveTab } = (0, import_editor_controls60.useBoundProp)(import_editor_props24.numberPropTypeUtil);
   const defaultActiveTab = value ?? 0;
   const duplicateItem2 = ({
     items: items3,
@@ -6760,7 +6796,7 @@ var ItemLabel3 = ({ value, index }) => {
   return /* @__PURE__ */ React97.createElement(import_ui49.Stack, { sx: { minHeight: 20 }, direction: "row", alignItems: "center", gap: 1.5 }, /* @__PURE__ */ React97.createElement("span", null, elementTitle), /* @__PURE__ */ React97.createElement(ItemDefaultTab, { index }));
 };
 var ItemDefaultTab = ({ index }) => {
-  const { value: defaultItem } = (0, import_editor_controls61.useBoundProp)(import_editor_props24.numberPropTypeUtil);
+  const { value: defaultItem } = (0, import_editor_controls61.useBoundProp)(import_editor_props25.numberPropTypeUtil);
   const isDefault = defaultItem === index;
   if (!isDefault) {
     return null;
@@ -6774,7 +6810,7 @@ var ItemContent3 = ({ value, index }) => {
   return /* @__PURE__ */ React97.createElement(import_ui49.Stack, { p: 2, gap: 1.5 }, /* @__PURE__ */ React97.createElement(TabLabelControl, { elementId: value.id }), /* @__PURE__ */ React97.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: (0, import_i18n75.__)("Tabs", "elementor") }, /* @__PURE__ */ React97.createElement(DefaultTabControl, { tabIndex: index })));
 };
 var DefaultTabControl = ({ tabIndex }) => {
-  const { value, setValue } = (0, import_editor_controls61.useBoundProp)(import_editor_props24.numberPropTypeUtil);
+  const { value, setValue } = (0, import_editor_controls61.useBoundProp)(import_editor_props25.numberPropTypeUtil);
   const isDefault = value === tabIndex;
   return /* @__PURE__ */ React97.createElement(import_ui49.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2 }, /* @__PURE__ */ React97.createElement(import_editor_controls61.ControlFormLabel, null, (0, import_i18n75.__)("Set as default tab", "elementor")), /* @__PURE__ */ React97.createElement(ConditionalTooltip, { showTooltip: isDefault, placement: "right" }, /* @__PURE__ */ React97.createElement(
     import_ui49.Switch,
@@ -6856,7 +6892,7 @@ var import_menus2 = require("@elementor/menus");
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var React98 = __toESM(require("react"));
 var import_editor_controls63 = require("@elementor/editor-controls");
-var import_editor_props26 = require("@elementor/editor-props");
+var import_editor_props27 = require("@elementor/editor-props");
 var import_icons29 = require("@elementor/icons");
 
 // src/dynamics/hooks/use-dynamic-tag.ts
@@ -6912,11 +6948,11 @@ var filterByLicense = (tags) => {
 };
 
 // src/dynamics/utils.ts
-var import_editor_props25 = require("@elementor/editor-props");
+var import_editor_props26 = 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_props25.createPropUtils)(
+var dynamicPropTypeUtil = (0, import_editor_props26.createPropUtils)(
   DYNAMIC_PROP_TYPE_KEY,
   import_schema.z.strictObject({
     name: import_schema.z.string(),
@@ -6933,7 +6969,7 @@ var getDynamicPropType = (propType) => {
   return dynamicPropType && isDynamicPropType(dynamicPropType) ? dynamicPropType : null;
 };
 var isDynamicPropValue = (prop) => {
-  return (0, import_editor_props25.isTransformable)(prop) && prop.$$type === DYNAMIC_PROP_TYPE_KEY;
+  return (0, import_editor_props26.isTransformable)(prop) && prop.$$type === DYNAMIC_PROP_TYPE_KEY;
 };
 var supportsDynamic = (propType) => {
   return !!getDynamicPropType(propType);
@@ -6994,7 +7030,7 @@ var useDynamicTag = (tagName) => {
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var BackgroundControlDynamicTagIcon = () => /* @__PURE__ */ React98.createElement(import_icons29.DatabaseIcon, { fontSize: "tiny" });
 var BackgroundControlDynamicTagLabel = ({ value }) => {
-  const context = (0, import_editor_controls63.useBoundProp)(import_editor_props26.backgroundImageOverlayPropTypeUtil);
+  const context = (0, import_editor_controls63.useBoundProp)(import_editor_props27.backgroundImageOverlayPropTypeUtil);
   return /* @__PURE__ */ React98.createElement(import_editor_controls63.PropProvider, { ...context, value: value.value }, /* @__PURE__ */ React98.createElement(import_editor_controls63.PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React98.createElement(Wrapper2, { rawValue: value.value })));
 };
 var Wrapper2 = ({ rawValue }) => {
@@ -7031,7 +7067,7 @@ var import_editor_controls64 = require("@elementor/editor-controls");
 // src/dynamics/components/dynamic-conditional-control.tsx
 var React99 = __toESM(require("react"));
 var import_react45 = require("react");
-var import_editor_props27 = require("@elementor/editor-props");
+var import_editor_props28 = require("@elementor/editor-props");
 var DynamicConditionalControl = ({
   children,
   propType,
@@ -7073,7 +7109,7 @@ var DynamicConditionalControl = ({
   if (!propType?.dependencies?.terms.length) {
     return /* @__PURE__ */ React99.createElement(React99.Fragment, null, children);
   }
-  const isHidden = !(0, import_editor_props27.isDependencyMet)(propType?.dependencies, effectiveSettings).isMet;
+  const isHidden = !(0, import_editor_props28.isDependencyMet)(propType?.dependencies, effectiveSettings).isMet;
   return isHidden ? null : /* @__PURE__ */ React99.createElement(React99.Fragment, null, children);
 };
 
@@ -7451,7 +7487,7 @@ function ControlsItemsStack({ items: items3 }) {
 
 // src/dynamics/dynamic-transformer.ts
 var import_editor_canvas2 = require("@elementor/editor-canvas");
-var import_editor_props28 = require("@elementor/editor-props");
+var import_editor_props29 = require("@elementor/editor-props");
 
 // src/dynamics/errors.ts
 var import_utils9 = require("@elementor/utils");
@@ -7470,7 +7506,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_props28.isTransformable)(settingValue) ? settingValue.value : settingValue;
+    const value = (0, import_editor_props29.isTransformable)(settingValue) ? settingValue.value : settingValue;
     return [settingKey, value];
   });
   return Object.fromEntries(transformed);
@@ -7633,7 +7669,7 @@ function useResetStyleValueProps() {
 // src/styles-inheritance/components/styles-inheritance-indicator.tsx
 var React109 = __toESM(require("react"));
 var import_editor_controls70 = require("@elementor/editor-controls");
-var import_editor_props29 = require("@elementor/editor-props");
+var import_editor_props30 = require("@elementor/editor-props");
 var import_editor_styles_repository20 = require("@elementor/editor-styles-repository");
 var import_i18n83 = require("@wordpress/i18n");
 
@@ -7719,7 +7755,7 @@ var getTransformedValue = async (item, bind, resolve) => {
 
 // src/styles-inheritance/components/infotip/breakpoint-icon.tsx
 var React104 = __toESM(require("react"));
-var import_editor_responsive4 = require("@elementor/editor-responsive");
+var import_editor_responsive5 = require("@elementor/editor-responsive");
 var import_icons34 = require("@elementor/icons");
 var import_ui52 = require("@elementor/ui");
 var SIZE4 = "tiny";
@@ -7734,7 +7770,7 @@ var breakpointIconMap = {
   mobile: import_icons34.MobilePortraitIcon
 };
 var BreakpointIcon = ({ breakpoint }) => {
-  const breakpoints = (0, import_editor_responsive4.useBreakpoints)();
+  const breakpoints = (0, import_editor_responsive5.useBreakpoints)();
   const currentBreakpoint = breakpoint || DEFAULT_BREAKPOINT3;
   const IconComponent = breakpointIconMap[currentBreakpoint];
   if (!IconComponent) {
@@ -7985,7 +8021,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_props29.isEmpty)(currentItem?.value);
+  const hasValue = !(0, import_editor_props30.isEmpty)(currentItem?.value);
   const [actualStyle] = inheritanceChain;
   if (actualStyle.provider === import_editor_styles_repository20.ELEMENTS_BASE_STYLES_PROVIDER_KEY) {
     return null;