@elementor/editor-editing-panel 4.1.0-747 → 4.1.0-749

package/dist/index.d.mts

@@ -4,7 +4,7 @@ import * as react from 'react';
 import { FC, PropsWithChildren, ReactNode, Dispatch, ComponentProps, ComponentType } from 'react';
 import { Control as Control$1, ElementControl, Element, ElementType, ControlLayout, ControlItem } from '@elementor/editor-elements';
 import * as _elementor_editor_props from '@elementor/editor-props';
-import { PropKey, AnyTransformable, PropTypeUtil, PropsSchema, ObjectPropType, TransformablePropValue, PropValue } from '@elementor/editor-props';
+import { PropKey, AnyTransformable, PropTypeUtil, PropsSchema, ObjectPropType, TransformablePropValue, PropValue, PropType, Props as Props$2 } from '@elementor/editor-props';
 import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
 import { Theme, ChipProps } from '@elementor/ui';
@@ -1159,7 +1159,7 @@ declare const controlTypes: {
         };
     };
     readonly 'html-tag': {
-        readonly component: ControlComponent<({ options, onChange, fallbackLabels }: {
+        readonly component: ControlComponent<(props: {
             options: {
                 label: string;
                 value: _elementor_editor_props.StringPropValue["value"];
@@ -1167,6 +1167,10 @@ declare const controlTypes: {
             }[];
             onChange?: (newValue: string | null, previousValue: string | null | undefined) => void;
             fallbackLabels?: Record<string, string>;
+        } & {
+            context: {
+                elementId: string;
+            };
         }) => react.JSX.Element>;
         readonly layout: "two-columns";
         readonly propTypeUtil: {
@@ -1855,4 +1859,15 @@ type TagInstance = {
 
 declare const isDynamicPropValue: (prop: PropValue) => prop is DynamicPropValue;
 
-export { Control as BaseControl, type ControlType, ControlTypeContainer, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, useClassesProp, useCustomCss, useElement, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };
+type Value = TransformablePropValue<string> | null;
+type Values = Record<string, Value>;
+type DependencyEffect = {
+    isHidden: boolean;
+    isDisabled: (propType: PropType) => boolean;
+};
+declare function getElementSettingsWithDefaults(propsSchema: PropsSchema, elementSettings?: Props$2): Values;
+declare function extractDependencyEffect(bind: string, propsSchema: PropsSchema, settings: Props$2): DependencyEffect;
+declare function extractOrderedDependencies(dependenciesPerTargetMapping: Record<string, string[]>): string[];
+declare function getUpdatedValues(values: Values, dependencies: string[], propsSchema: PropsSchema, elementValues: Values, elementId: string): Values;
+
+export { Control as BaseControl, type ControlType, ControlTypeContainer, CustomCssIndicator, type DependencyEffect, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, extractDependencyEffect, extractOrderedDependencies, getElementSettingsWithDefaults, getFieldIndicators, getSubtitle, getTitle, getUpdatedValues, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, useClassesProp, useCustomCss, useElement, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import * as react from 'react';
 import { FC, PropsWithChildren, ReactNode, Dispatch, ComponentProps, ComponentType } from 'react';
 import { Control as Control$1, ElementControl, Element, ElementType, ControlLayout, ControlItem } from '@elementor/editor-elements';
 import * as _elementor_editor_props from '@elementor/editor-props';
-import { PropKey, AnyTransformable, PropTypeUtil, PropsSchema, ObjectPropType, TransformablePropValue, PropValue } from '@elementor/editor-props';
+import { PropKey, AnyTransformable, PropTypeUtil, PropsSchema, ObjectPropType, TransformablePropValue, PropValue, PropType, Props as Props$2 } from '@elementor/editor-props';
 import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
 import { Theme, ChipProps } from '@elementor/ui';
@@ -1159,7 +1159,7 @@ declare const controlTypes: {
         };
     };
     readonly 'html-tag': {
-        readonly component: ControlComponent<({ options, onChange, fallbackLabels }: {
+        readonly component: ControlComponent<(props: {
             options: {
                 label: string;
                 value: _elementor_editor_props.StringPropValue["value"];
@@ -1167,6 +1167,10 @@ declare const controlTypes: {
             }[];
             onChange?: (newValue: string | null, previousValue: string | null | undefined) => void;
             fallbackLabels?: Record<string, string>;
+        } & {
+            context: {
+                elementId: string;
+            };
         }) => react.JSX.Element>;
         readonly layout: "two-columns";
         readonly propTypeUtil: {
@@ -1855,4 +1859,15 @@ type TagInstance = {
 
 declare const isDynamicPropValue: (prop: PropValue) => prop is DynamicPropValue;
 
-export { Control as BaseControl, type ControlType, ControlTypeContainer, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, useClassesProp, useCustomCss, useElement, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };
+type Value = TransformablePropValue<string> | null;
+type Values = Record<string, Value>;
+type DependencyEffect = {
+    isHidden: boolean;
+    isDisabled: (propType: PropType) => boolean;
+};
+declare function getElementSettingsWithDefaults(propsSchema: PropsSchema, elementSettings?: Props$2): Values;
+declare function extractDependencyEffect(bind: string, propsSchema: PropsSchema, settings: Props$2): DependencyEffect;
+declare function extractOrderedDependencies(dependenciesPerTargetMapping: Record<string, string[]>): string[];
+declare function getUpdatedValues(values: Values, dependencies: string[], propsSchema: PropsSchema, elementValues: Values, elementId: string): Values;
+
+export { Control as BaseControl, type ControlType, ControlTypeContainer, CustomCssIndicator, type DependencyEffect, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, extractDependencyEffect, extractOrderedDependencies, getElementSettingsWithDefaults, getFieldIndicators, getSubtitle, getTitle, getUpdatedValues, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, setLicenseConfig, useClassesProp, useCustomCss, useElement, usePanelActions, usePanelStatus, useStateByElement, useStyle, useStylesRerender };

package/dist/index.js

@@ -47,9 +47,13 @@ __export(index_exports, {
   doApplyClasses: () => doApplyClasses,
   doGetAppliedClasses: () => doGetAppliedClasses,
   doUnapplyClass: () => doUnapplyClass,
+  extractDependencyEffect: () => extractDependencyEffect,
+  extractOrderedDependencies: () => extractOrderedDependencies,
+  getElementSettingsWithDefaults: () => getElementSettingsWithDefaults,
   getFieldIndicators: () => getFieldIndicators,
   getSubtitle: () => getSubtitle,
   getTitle: () => getTitle,
+  getUpdatedValues: () => getUpdatedValues,
   init: () => init4,
   injectIntoClassSelectorActions: () => injectIntoClassSelectorActions,
   injectIntoCssClassConvert: () => injectIntoCssClassConvert,
@@ -2062,7 +2066,6 @@ 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_props6 = require("@elementor/editor-props");
 var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var import_i18n7 = require("@wordpress/i18n");
 
@@ -2078,6 +2081,17 @@ function getElementSettingsWithDefaults(propsSchema, elementSettings) {
   });
   return elementSettingsWithDefaults;
 }
+function extractDependencyEffect(bind, propsSchema, settings) {
+  const settingsWithDefaults = getElementSettingsWithDefaults(propsSchema, settings);
+  const propType = propsSchema[bind];
+  const depCheck = (0, import_editor_props5.isDependencyMet)(propType?.dependencies, settingsWithDefaults);
+  const failingTerm = !depCheck.isMet ? depCheck.failingDependencies[0] : void 0;
+  const isHidden = !!failingTerm && !(0, import_editor_props5.isDependency)(failingTerm) && failingTerm?.effect === "hide";
+  return {
+    isHidden,
+    isDisabled: (prop) => !(0, import_editor_props5.isDependencyMet)(prop?.dependencies, settingsWithDefaults).isMet
+  };
+}
 function extractOrderedDependencies(dependenciesPerTargetMapping) {
   return Object.values(dependenciesPerTargetMapping).flat().filter((dependent, index, self) => self.indexOf(dependent) === index);
 }
@@ -2223,20 +2237,6 @@ var createTopLevelObjectType = ({ schema }) => {
 
 // src/controls-registry/settings-field.tsx
 var HISTORY_DEBOUNCE_WAIT2 = 800;
-var extractDependencyEffect = (bind, propsSchema, currentElementSettings) => {
-  const elementSettingsForDepCheck = getElementSettingsWithDefaults(propsSchema, currentElementSettings);
-  const propType = propsSchema[bind];
-  const depCheck = (0, import_editor_props6.isDependencyMet)(propType?.dependencies, elementSettingsForDepCheck);
-  const isHidden = !depCheck.isMet && !(0, import_editor_props6.isDependency)(depCheck.failingDependencies[0]) && depCheck.failingDependencies[0]?.effect === "hide";
-  return {
-    isDisabled: (prop) => {
-      const result = !(0, import_editor_props6.isDependencyMet)(prop?.dependencies, elementSettingsForDepCheck).isMet;
-      return result;
-    },
-    isHidden,
-    settingsWithDefaults: elementSettingsForDepCheck
-  };
-};
 var SettingsField = ({ bind, children, propDisplayName }) => {
   const {
     element: { id: elementId },
@@ -2249,17 +2249,14 @@ var SettingsField = ({ bind, children, propDisplayName }) => {
     elementId,
     propDisplayName
   });
-  const { isDisabled, isHidden, settingsWithDefaults } = extractDependencyEffect(
-    bind,
-    propsSchema,
-    currentElementSettings
-  );
+  const { isDisabled, isHidden } = extractDependencyEffect(bind, propsSchema, currentElementSettings);
   if (isHidden) {
     return null;
   }
   const setValue = (newValue, _ = {}, meta) => {
     const { withHistory = true } = meta ?? {};
     const dependents = extractOrderedDependencies(dependenciesPerTargetMapping);
+    const settingsWithDefaults = getElementSettingsWithDefaults(propsSchema, currentElementSettings);
     const settings = getUpdatedValues(newValue, dependents, propsSchema, settingsWithDefaults, elementId);
     if (withHistory) {
       undoableUpdateElementProp(settings);
@@ -2408,7 +2405,7 @@ function isControl(control) {
 // src/components/style-tab.tsx
 var React79 = __toESM(require("react"));
 var import_react34 = require("react");
-var import_editor_props15 = require("@elementor/editor-props");
+var import_editor_props14 = require("@elementor/editor-props");
 var import_editor_responsive3 = require("@elementor/editor-responsive");
 var import_locations3 = require("@elementor/locations");
 var import_session7 = require("@elementor/session");
@@ -2419,16 +2416,16 @@ var import_i18n53 = require("@wordpress/i18n");
 var React23 = __toESM(require("react"));
 var import_react20 = require("react");
 var import_editor_elements7 = require("@elementor/editor-elements");
-var import_editor_props9 = require("@elementor/editor-props");
+var import_editor_props8 = require("@elementor/editor-props");
 var import_editor_responsive2 = require("@elementor/editor-responsive");
 var import_editor_styles5 = require("@elementor/editor-styles");
 var import_editor_styles_repository12 = require("@elementor/editor-styles-repository");
 
 // src/styles-inheritance/create-styles-inheritance.ts
-var import_editor_props8 = require("@elementor/editor-props");
+var import_editor_props7 = require("@elementor/editor-props");
 
 // src/styles-inheritance/create-snapshots-manager.ts
-var import_editor_props7 = require("@elementor/editor-props");
+var import_editor_props6 = require("@elementor/editor-props");
 var import_editor_variables = require("@elementor/editor-variables");
 
 // src/styles-inheritance/utils.ts
@@ -2529,7 +2526,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_props6.filterEmptyValues)(value);
       const filteredVariableValue = filteredValue?.$$type?.includes("variable") && !(0, import_editor_variables.hasVariable)(filteredValue?.value) ? null : filteredValue;
       if (filteredVariableValue === null) {
         return;
@@ -2576,7 +2573,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_props7.isEmpty)(styleValue));
       }
       return inheritanceChain;
     }
@@ -2618,7 +2615,7 @@ function getValueByPath(value, path, filterPropType) {
     if (!currentScope) {
       return null;
     }
-    if ((0, import_editor_props8.isTransformable)(currentScope)) {
+    if ((0, import_editor_props7.isTransformable)(currentScope)) {
       return currentScope.value?.[key] ?? null;
     }
     if (typeof currentScope === "object") {
@@ -2628,7 +2625,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_props7.isTransformable)(value) && filterPropType.key !== value.$$type;
 }
 var getFilterPropType = (propType, path) => {
   if (!propType || propType.kind !== "union") {
@@ -2685,7 +2682,7 @@ var useAppliedStyles = () => {
   const baseStyles = useBaseStyles();
   useStylesRerender();
   const classesProp = usePanelElementSetting(currentClassesProp);
-  const appliedStyles = import_editor_props9.classesPropTypeUtil.extract(classesProp) ?? [];
+  const appliedStyles = import_editor_props8.classesPropTypeUtil.extract(classesProp) ?? [];
   return import_editor_styles_repository12.stylesRepository.all().filter((style) => [...baseStyles, ...appliedStyles].includes(style.id));
 };
 var useBaseStyles = () => {
@@ -2725,7 +2722,7 @@ var import_i18n8 = require("@wordpress/i18n");
 // src/controls-registry/styles-field.tsx
 var React24 = __toESM(require("react"));
 var import_editor_controls6 = require("@elementor/editor-controls");
-var import_editor_props11 = require("@elementor/editor-props");
+var import_editor_props10 = require("@elementor/editor-props");
 var import_editor_styles6 = require("@elementor/editor-styles");
 
 // src/hooks/use-styles-field.ts
@@ -2740,19 +2737,19 @@ function useStylesField(propName, meta) {
 
 // src/controls-registry/conditional-field.tsx
 var import_editor_controls5 = require("@elementor/editor-controls");
-var import_editor_props10 = require("@elementor/editor-props");
+var import_editor_props9 = require("@elementor/editor-props");
 var ConditionalField = ({ children }) => {
   const { propType } = (0, import_editor_controls5.useBoundProp)();
   const depList = getDependencies(propType);
   const { values: depValues } = useStylesFields(depList);
-  const isHidden = !(0, import_editor_props10.isDependencyMet)(propType?.dependencies, depValues).isMet;
+  const isHidden = !(0, import_editor_props9.isDependencyMet)(propType?.dependencies, depValues).isMet;
   return isHidden ? null : children;
 };
 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_props9.isDependency)(term) ? term.path : []);
 }
 
 // src/controls-registry/styles-field.tsx
@@ -2763,10 +2760,10 @@ function buildResolvedPlaceholder(chain, startIndex) {
     return void 0;
   }
   const firstValue = firstEntry.value;
-  if (!import_editor_props11.dimensionsPropTypeUtil.isValid(firstValue)) {
+  if (!import_editor_props10.dimensionsPropTypeUtil.isValid(firstValue)) {
     return firstValue;
   }
-  const firstDims = import_editor_props11.dimensionsPropTypeUtil.extract(firstValue);
+  const firstDims = import_editor_props10.dimensionsPropTypeUtil.extract(firstValue);
   if (DIMENSION_SIDES.every((side) => firstDims?.[side] !== null && firstDims?.[side] !== void 0)) {
     return firstValue;
   }
@@ -2778,15 +2775,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_props10.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_props10.dimensionsPropTypeUtil.isValid(val)) {
+      const dims = import_editor_props10.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];
@@ -2797,7 +2794,7 @@ function buildResolvedPlaceholder(chain, startIndex) {
       break;
     }
   }
-  return import_editor_props11.dimensionsPropTypeUtil.create({
+  return import_editor_props10.dimensionsPropTypeUtil.create({
     "block-start": merged["block-start"] ?? null,
     "block-end": merged["block-end"] ?? null,
     "inline-start": merged["inline-start"] ?? null,
@@ -2896,7 +2893,7 @@ var BorderColorField = () => /* @__PURE__ */ React28.createElement(StylesField,
 // src/components/style-sections/border-section/border-radius-field.tsx
 var React30 = __toESM(require("react"));
 var import_editor_controls9 = require("@elementor/editor-controls");
-var import_editor_props12 = require("@elementor/editor-props");
+var import_editor_props11 = require("@elementor/editor-props");
 var import_icons3 = require("@elementor/icons");
 var import_ui19 = require("@elementor/ui");
 var import_i18n10 = require("@wordpress/i18n");
@@ -2967,7 +2964,7 @@ var BorderRadiusField = () => {
       label: BORDER_RADIUS_LABEL,
       icon: /* @__PURE__ */ React30.createElement(import_icons3.BorderCornersIcon, { fontSize: "tiny" }),
       tooltipLabel: (0, import_i18n10.__)("Adjust corners", "elementor"),
-      multiSizePropTypeUtil: import_editor_props12.borderRadiusPropTypeUtil
+      multiSizePropTypeUtil: import_editor_props11.borderRadiusPropTypeUtil
     }
   )));
 };
@@ -2993,7 +2990,7 @@ var BorderStyleField = () => /* @__PURE__ */ React31.createElement(StylesField,
 // src/components/style-sections/border-section/border-width-field.tsx
 var React32 = __toESM(require("react"));
 var import_editor_controls11 = require("@elementor/editor-controls");
-var import_editor_props13 = require("@elementor/editor-props");
+var import_editor_props12 = require("@elementor/editor-props");
 var import_icons4 = require("@elementor/icons");
 var import_ui20 = require("@elementor/ui");
 var import_i18n12 = require("@wordpress/i18n");
@@ -3035,7 +3032,7 @@ var BorderWidthField = () => {
       label: BORDER_WIDTH_LABEL,
       icon: /* @__PURE__ */ React32.createElement(import_icons4.SideAllIcon, { fontSize: "tiny" }),
       tooltipLabel: (0, import_i18n12.__)("Adjust borders", "elementor"),
-      multiSizePropTypeUtil: import_editor_props13.borderWidthPropTypeUtil
+      multiSizePropTypeUtil: import_editor_props12.borderWidthPropTypeUtil
     }
   ));
 };
@@ -3608,7 +3605,7 @@ var getGroupControlValue = (order) => {
 var React45 = __toESM(require("react"));
 var import_react24 = require("react");
 var import_editor_controls21 = require("@elementor/editor-controls");
-var import_editor_props14 = require("@elementor/editor-props");
+var import_editor_props13 = require("@elementor/editor-props");
 var import_icons10 = require("@elementor/icons");
 var import_i18n23 = require("@wordpress/i18n");
 var FLEX_SIZE_LABEL = (0, import_i18n23.__)("Flex Size", "elementor");
@@ -3687,24 +3684,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_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: "" })
     });
   }
   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_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: "" })
     });
   }
   if (group === "custom") {
     if (flexValue) {
       return flexValue;
     }
-    return import_editor_props14.flexPropTypeUtil.create({
+    return import_editor_props13.flexPropTypeUtil.create({
       flexGrow: null,
       flexShrink: null,
       flexBasis: null
@@ -3714,7 +3711,7 @@ var createFlexValueForGroup = (group, flexValue) => {
 };
 var FlexCustomField = () => {
   const flexBasisRowRef = (0, import_react24.useRef)(null);
-  const context = (0, import_editor_controls21.useBoundProp)(import_editor_props14.flexPropTypeUtil);
+  const context = (0, import_editor_controls21.useBoundProp)(import_editor_props13.flexPropTypeUtil);
   return /* @__PURE__ */ React45.createElement(import_editor_controls21.PropProvider, { ...context }, /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(StylesFieldLayout, { label: (0, import_i18n23.__)("Grow", "elementor") }, /* @__PURE__ */ React45.createElement(import_editor_controls21.PropKeyProvider, { bind: "flexGrow" }, /* @__PURE__ */ React45.createElement(import_editor_controls21.NumberControl, { min: 0, shouldForceInt: true }))), /* @__PURE__ */ React45.createElement(StylesFieldLayout, { label: (0, import_i18n23.__)("Shrink", "elementor") }, /* @__PURE__ */ React45.createElement(import_editor_controls21.PropKeyProvider, { bind: "flexShrink" }, /* @__PURE__ */ React45.createElement(import_editor_controls21.NumberControl, { min: 0, shouldForceInt: true }))), /* @__PURE__ */ React45.createElement(StylesFieldLayout, { label: (0, import_i18n23.__)("Basis", "elementor"), ref: flexBasisRowRef }, /* @__PURE__ */ React45.createElement(import_editor_controls21.PropKeyProvider, { bind: "flexBasis" }, /* @__PURE__ */ React45.createElement(import_editor_controls21.SizeControl, { extendedOptions: ["auto"], anchorRef: flexBasisRowRef })))));
 };
 var getActiveGroup = ({
@@ -4769,7 +4766,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_props14.CLASSES_PROP_KEY
   );
   if (!prop) {
     return null;
@@ -4920,7 +4917,7 @@ var init = () => {
 var React83 = __toESM(require("react"));
 var import_editor_controls53 = require("@elementor/editor-controls");
 var import_editor_elements17 = require("@elementor/editor-elements");
-var import_editor_props17 = require("@elementor/editor-props");
+var import_editor_props16 = require("@elementor/editor-props");
 var import_icons22 = require("@elementor/icons");
 var import_ui37 = require("@elementor/ui");
 var import_i18n58 = require("@wordpress/i18n");
@@ -4941,12 +4938,12 @@ var getElementByType = (elementId, type) => {
 // src/controls-registry/element-controls/tabs-control/use-actions.ts
 var import_editor_controls52 = require("@elementor/editor-controls");
 var import_editor_elements16 = require("@elementor/editor-elements");
-var import_editor_props16 = require("@elementor/editor-props");
+var import_editor_props15 = require("@elementor/editor-props");
 var import_i18n57 = 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_controls52.useBoundProp)(import_editor_props16.numberPropTypeUtil);
+  const { value, setValue: setDefaultActiveTab } = (0, import_editor_controls52.useBoundProp)(import_editor_props15.numberPropTypeUtil);
   const defaultActiveTab = value ?? 0;
   const duplicateItem = ({
     items: items3,
@@ -5207,7 +5204,7 @@ var ItemLabel = ({ value, index }) => {
   return /* @__PURE__ */ React83.createElement(import_ui37.Stack, { sx: { minHeight: 20 }, direction: "row", alignItems: "center", gap: 1.5 }, /* @__PURE__ */ React83.createElement("span", null, elementTitle), /* @__PURE__ */ React83.createElement(ItemDefaultTab, { index }));
 };
 var ItemDefaultTab = ({ index }) => {
-  const { value: defaultItem } = (0, import_editor_controls53.useBoundProp)(import_editor_props17.numberPropTypeUtil);
+  const { value: defaultItem } = (0, import_editor_controls53.useBoundProp)(import_editor_props16.numberPropTypeUtil);
   const isDefault = defaultItem === index;
   if (!isDefault) {
     return null;
@@ -5221,7 +5218,7 @@ var ItemContent = ({ value, index }) => {
   return /* @__PURE__ */ React83.createElement(import_ui37.Stack, { p: 2, gap: 1.5 }, /* @__PURE__ */ React83.createElement(TabLabelControl, { elementId: value.id }), /* @__PURE__ */ React83.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: (0, import_i18n58.__)("Tabs", "elementor") }, /* @__PURE__ */ React83.createElement(DefaultTabControl, { tabIndex: index })));
 };
 var DefaultTabControl = ({ tabIndex }) => {
-  const { value, setValue } = (0, import_editor_controls53.useBoundProp)(import_editor_props17.numberPropTypeUtil);
+  const { value, setValue } = (0, import_editor_controls53.useBoundProp)(import_editor_props16.numberPropTypeUtil);
   const isDefault = value === tabIndex;
   return /* @__PURE__ */ React83.createElement(import_ui37.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2 }, /* @__PURE__ */ React83.createElement(import_editor_controls53.ControlFormLabel, null, (0, import_i18n58.__)("Set as default tab", "elementor")), /* @__PURE__ */ React83.createElement(ConditionalTooltip, { showTooltip: isDefault, placement: "right" }, /* @__PURE__ */ React83.createElement(
     import_ui37.Switch,
@@ -5301,7 +5298,7 @@ var import_menus2 = require("@elementor/menus");
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var React84 = __toESM(require("react"));
 var import_editor_controls55 = require("@elementor/editor-controls");
-var import_editor_props19 = require("@elementor/editor-props");
+var import_editor_props18 = require("@elementor/editor-props");
 var import_icons23 = require("@elementor/icons");
 
 // src/dynamics/hooks/use-dynamic-tag.ts
@@ -5357,11 +5354,11 @@ var filterByLicense = (tags) => {
 };
 
 // src/dynamics/utils.ts
-var import_editor_props18 = require("@elementor/editor-props");
+var import_editor_props17 = require("@elementor/editor-props");
 var import_editor_v1_adapters10 = 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_props17.createPropUtils)(
   DYNAMIC_PROP_TYPE_KEY,
   import_schema.z.strictObject({
     name: import_schema.z.string(),
@@ -5378,7 +5375,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_props17.isTransformable)(prop) && prop.$$type === DYNAMIC_PROP_TYPE_KEY;
 };
 var supportsDynamic = (propType) => {
   return !!getDynamicPropType(propType);
@@ -5439,7 +5436,7 @@ var useDynamicTag = (tagName) => {
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var BackgroundControlDynamicTagIcon = () => /* @__PURE__ */ React84.createElement(import_icons23.DatabaseIcon, { fontSize: "tiny" });
 var BackgroundControlDynamicTagLabel = ({ value }) => {
-  const context = (0, import_editor_controls55.useBoundProp)(import_editor_props19.backgroundImageOverlayPropTypeUtil);
+  const context = (0, import_editor_controls55.useBoundProp)(import_editor_props18.backgroundImageOverlayPropTypeUtil);
   return /* @__PURE__ */ React84.createElement(import_editor_controls55.PropProvider, { ...context, value: value.value }, /* @__PURE__ */ React84.createElement(import_editor_controls55.PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React84.createElement(Wrapper2, { rawValue: value.value })));
 };
 var Wrapper2 = ({ rawValue }) => {
@@ -5476,7 +5473,7 @@ var import_editor_controls56 = require("@elementor/editor-controls");
 // src/dynamics/components/dynamic-conditional-control.tsx
 var React85 = __toESM(require("react"));
 var import_react41 = require("react");
-var import_editor_props20 = require("@elementor/editor-props");
+var import_editor_props19 = require("@elementor/editor-props");
 var DynamicConditionalControl = ({
   children,
   propType,
@@ -5518,7 +5515,7 @@ var DynamicConditionalControl = ({
   if (!propType?.dependencies?.terms.length) {
     return /* @__PURE__ */ React85.createElement(React85.Fragment, null, children);
   }
-  const isHidden = !(0, import_editor_props20.isDependencyMet)(propType?.dependencies, effectiveSettings).isMet;
+  const isHidden = !(0, import_editor_props19.isDependencyMet)(propType?.dependencies, effectiveSettings).isMet;
   return isHidden ? null : /* @__PURE__ */ React85.createElement(React85.Fragment, null, children);
 };
 
@@ -5896,7 +5893,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_props20 = require("@elementor/editor-props");
 
 // src/dynamics/errors.ts
 var import_utils9 = require("@elementor/utils");
@@ -5914,7 +5911,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_props20.isTransformable)(settingValue) ? settingValue.value : settingValue;
     return [settingKey, value];
   });
   return Object.fromEntries(transformed);
@@ -6074,7 +6071,7 @@ function useResetStyleValueProps() {
 // src/styles-inheritance/components/styles-inheritance-indicator.tsx
 var React95 = __toESM(require("react"));
 var import_editor_controls62 = require("@elementor/editor-controls");
-var import_editor_props22 = require("@elementor/editor-props");
+var import_editor_props21 = require("@elementor/editor-props");
 var import_editor_styles_repository16 = require("@elementor/editor-styles-repository");
 var import_i18n66 = require("@wordpress/i18n");
 
@@ -6426,7 +6423,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_props21.isEmpty)(currentItem?.value);
   const [actualStyle] = inheritanceChain;
   if (actualStyle.provider === import_editor_styles_repository16.ELEMENTS_BASE_STYLES_PROVIDER_KEY) {
     return null;
@@ -6721,9 +6718,13 @@ var blockV1Panel = () => {
   doApplyClasses,
   doGetAppliedClasses,
   doUnapplyClass,
+  extractDependencyEffect,
+  extractOrderedDependencies,
+  getElementSettingsWithDefaults,
   getFieldIndicators,
   getSubtitle,
   getTitle,
+  getUpdatedValues,
   init,
   injectIntoClassSelectorActions,
   injectIntoCssClassConvert,