@elementor/editor-editing-panel 3.35.0-492 → 3.35.0

package/dist/index.d.mts

@@ -6,9 +6,9 @@ import { StyleDefinition, StyleDefinitionVariant, StyleDefinitionState, StyleDef
 import * as React$1 from 'react';
 import { FC, PropsWithChildren, ReactNode, Dispatch, ElementType as ElementType$1, ComponentType, ComponentProps } from 'react';
 import { PopoverBody as PopoverBody$1 } from '@elementor/editor-ui';
-import { Control as Control$1, ElementControl, Element, ElementType, ControlLayout } from '@elementor/editor-elements';
+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, PropTypeUtil, PropsSchema, ObjectPropType } from '@elementor/editor-props';
+import { PropKey, PropTypeUtil, PropsSchema, ObjectPropType, TransformablePropValue, PropValue } from '@elementor/editor-props';
 import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
 import { Theme, ChipProps } from '@elementor/ui';
@@ -1364,8 +1364,45 @@ declare const registerEditingPanelReplacement: ({ id, priority, ...props }: Omit
     priority?: number;
 }) => void;
 
+type V4PromotionData = {
+    title: string;
+    content: string;
+    image: string;
+    ctaUrl: string;
+};
+
 declare function doGetAppliedClasses(elementId: string, classesPropType?: string): string[];
 declare function doApplyClasses(elementId: string, classIds: StyleDefinitionID[], classesPropType?: string): void;
 declare function doUnapplyClass(elementId: string, classId: StyleDefinitionID, classesPropType?: string): boolean;
 
-export { Control as BaseControl, type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };
+type DynamicTags = Record<DynamicTag['name'], DynamicTag>;
+type DynamicTag = {
+    name: string;
+    label: string;
+    group: string;
+    categories: string[];
+    atomic_controls: ControlItem[];
+    props_schema: PropsSchema;
+};
+type DynamicPropValue = TransformablePropValue<'dynamic', {
+    name: string;
+    settings?: Record<string, unknown>;
+}>;
+type DynamicTagsManager = {
+    createTag: (id: string, name: string, settings: Record<string, unknown>) => TagInstance;
+    loadTagDataFromCache: (tag: TagInstance) => unknown;
+    refreshCacheFromServer: (callback: () => void) => void;
+};
+type TagInstance = {
+    options: {
+        id: string;
+        name: string;
+    };
+    model: {
+        toJSON: () => Record<string, unknown>;
+    };
+};
+
+declare const isDynamicPropValue: (prop: PropValue) => prop is DynamicPropValue;
+
+export { Control as BaseControl, type ControlType, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type V4PromotionData, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };

package/dist/index.d.ts

@@ -6,9 +6,9 @@ import { StyleDefinition, StyleDefinitionVariant, StyleDefinitionState, StyleDef
 import * as React$1 from 'react';
 import { FC, PropsWithChildren, ReactNode, Dispatch, ElementType as ElementType$1, ComponentType, ComponentProps } from 'react';
 import { PopoverBody as PopoverBody$1 } from '@elementor/editor-ui';
-import { Control as Control$1, ElementControl, Element, ElementType, ControlLayout } from '@elementor/editor-elements';
+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, PropTypeUtil, PropsSchema, ObjectPropType } from '@elementor/editor-props';
+import { PropKey, PropTypeUtil, PropsSchema, ObjectPropType, TransformablePropValue, PropValue } from '@elementor/editor-props';
 import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
 import { Theme, ChipProps } from '@elementor/ui';
@@ -1364,8 +1364,45 @@ declare const registerEditingPanelReplacement: ({ id, priority, ...props }: Omit
     priority?: number;
 }) => void;
 
+type V4PromotionData = {
+    title: string;
+    content: string;
+    image: string;
+    ctaUrl: string;
+};
+
 declare function doGetAppliedClasses(elementId: string, classesPropType?: string): string[];
 declare function doApplyClasses(elementId: string, classIds: StyleDefinitionID[], classesPropType?: string): void;
 declare function doUnapplyClass(elementId: string, classId: StyleDefinitionID, classesPropType?: string): boolean;
 
-export { Control as BaseControl, type ControlType, CustomCssIndicator, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };
+type DynamicTags = Record<DynamicTag['name'], DynamicTag>;
+type DynamicTag = {
+    name: string;
+    label: string;
+    group: string;
+    categories: string[];
+    atomic_controls: ControlItem[];
+    props_schema: PropsSchema;
+};
+type DynamicPropValue = TransformablePropValue<'dynamic', {
+    name: string;
+    settings?: Record<string, unknown>;
+}>;
+type DynamicTagsManager = {
+    createTag: (id: string, name: string, settings: Record<string, unknown>) => TagInstance;
+    loadTagDataFromCache: (tag: TagInstance) => unknown;
+    refreshCacheFromServer: (callback: () => void) => void;
+};
+type TagInstance = {
+    options: {
+        id: string;
+        name: string;
+    };
+    model: {
+        toJSON: () => Record<string, unknown>;
+    };
+};
+
+declare const isDynamicPropValue: (prop: PropValue) => prop is DynamicPropValue;
+
+export { Control as BaseControl, type ControlType, CustomCssIndicator, type DynamicTag, type DynamicTags, type DynamicTagsManager, ElementProvider, FIELD_TYPE, HISTORY_DEBOUNCE_WAIT, type PopoverActionProps, PopoverBody, SectionContent, SettingsControl, SettingsField, StyleIndicator, StyleTabSection, StylesProviderCannotUpdatePropsError, type V4PromotionData, type ValidationEvent, type ValidationResult, controlActionsMenu, controlsRegistry, createTopLevelObjectType, doApplyClasses, doGetAppliedClasses, doUnapplyClass, getControlReplacements, getFieldIndicators, getSubtitle, getTitle, init, injectIntoClassSelectorActions, injectIntoCssClassConvert, injectIntoPanelHeaderTop, injectIntoStyleTab, isDynamicPropValue, registerControlReplacement, registerEditingPanelReplacement, registerFieldIndicator, registerStyleProviderToColors, stylesInheritanceTransformersRegistry, useClassesProp, useCustomCss, useElement, useFontFamilies, usePanelActions, usePanelStatus, useSectionWidth, useStateByElement, useStyle, useStylesRerender };

package/dist/index.js

@@ -57,12 +57,13 @@ __export(index_exports, {
   injectIntoCssClassConvert: () => injectIntoCssClassConvert,
   injectIntoPanelHeaderTop: () => injectIntoPanelHeaderTop,
   injectIntoStyleTab: () => injectIntoStyleTab,
+  isDynamicPropValue: () => isDynamicPropValue,
   registerControlReplacement: () => registerControlReplacement,
   registerEditingPanelReplacement: () => registerEditingPanelReplacement,
   registerFieldIndicator: () => registerFieldIndicator,
   registerStyleProviderToColors: () => registerStyleProviderToColors,
   stylesInheritanceTransformersRegistry: () => stylesInheritanceTransformersRegistry,
-  useBoundProp: () => import_editor_controls63.useBoundProp,
+  useBoundProp: () => import_editor_controls64.useBoundProp,
   useClassesProp: () => useClassesProp,
   useCustomCss: () => useCustomCss,
   useElement: () => useElement,
@@ -75,7 +76,7 @@ __export(index_exports, {
   useStylesRerender: () => useStylesRerender
 });
 module.exports = __toCommonJS(index_exports);
-var import_editor_controls63 = require("@elementor/editor-controls");
+var import_editor_controls64 = require("@elementor/editor-controls");
 
 // src/components/css-classes/css-class-convert-local.tsx
 var React4 = __toESM(require("react"));
@@ -4936,14 +4937,16 @@ var EditingPanelHooks = () => {
   return null;
 };
 
+// src/components/promotions/init.tsx
+var import_editor_controls52 = require("@elementor/editor-controls");
+
 // src/components/promotions/custom-css.tsx
 var React86 = __toESM(require("react"));
 var import_react38 = require("react");
 var import_editor_ui8 = require("@elementor/editor-ui");
 var import_i18n58 = require("@wordpress/i18n");
 function getCustomCssPromotion() {
-  const extendedWindow2 = window;
-  return extendedWindow2.elementor?.config?.v4Promotions?.customCss;
+  return window.elementor?.config?.v4Promotions?.customCss;
 }
 var CustomCssSection = () => {
   const [showInfoTip, setShowInfoTip] = (0, import_react38.useState)(false);
@@ -4988,12 +4991,13 @@ var init = () => {
       component: CustomCssSection,
       options: { overwrite: true }
     });
+    controlsRegistry.register("display-conditions", import_editor_controls52.DisplayConditionsControl, "two-columns");
   }
 };
 
 // src/controls-registry/element-controls/tabs-control/tabs-control.tsx
 var React87 = __toESM(require("react"));
-var import_editor_controls53 = require("@elementor/editor-controls");
+var import_editor_controls54 = require("@elementor/editor-controls");
 var import_editor_elements17 = require("@elementor/editor-elements");
 var import_editor_props16 = require("@elementor/editor-props");
 var import_icons22 = require("@elementor/icons");
@@ -5018,14 +5022,14 @@ 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_controls53 = require("@elementor/editor-controls");
 var import_editor_elements16 = require("@elementor/editor-elements");
 var import_editor_props15 = require("@elementor/editor-props");
 var import_i18n59 = 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_props15.numberPropTypeUtil);
+  const { value, setValue: setDefaultActiveTab } = (0, import_editor_controls53.useBoundProp)(import_editor_props15.numberPropTypeUtil);
   const defaultActiveTab = value ?? 0;
   const duplicateItem = ({
     items: items3,
@@ -5255,7 +5259,7 @@ var TabsControlContent = ({ label }) => {
     }
   };
   return /* @__PURE__ */ React87.createElement(
-    import_editor_controls53.Repeater,
+    import_editor_controls54.Repeater,
     {
       showToggle: false,
       values: repeaterValues,
@@ -5279,7 +5283,7 @@ var ItemLabel = ({ value, index }) => {
   return /* @__PURE__ */ React87.createElement(import_ui40.Stack, { sx: { minHeight: 20 }, direction: "row", alignItems: "center", gap: 1.5 }, /* @__PURE__ */ React87.createElement("span", null, elementTitle), /* @__PURE__ */ React87.createElement(ItemDefaultTab, { index }));
 };
 var ItemDefaultTab = ({ index }) => {
-  const { value: defaultItem } = (0, import_editor_controls53.useBoundProp)(import_editor_props16.numberPropTypeUtil);
+  const { value: defaultItem } = (0, import_editor_controls54.useBoundProp)(import_editor_props16.numberPropTypeUtil);
   const isDefault = defaultItem === index;
   if (!isDefault) {
     return null;
@@ -5293,9 +5297,9 @@ var ItemContent = ({ value, index }) => {
   return /* @__PURE__ */ React87.createElement(import_ui40.Stack, { p: 2, gap: 1.5 }, /* @__PURE__ */ React87.createElement(TabLabelControl, { elementId: value.id }), /* @__PURE__ */ React87.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: (0, import_i18n60.__)("Tabs", "elementor") }, /* @__PURE__ */ React87.createElement(DefaultTabControl, { tabIndex: index })));
 };
 var DefaultTabControl = ({ tabIndex }) => {
-  const { value, setValue } = (0, import_editor_controls53.useBoundProp)(import_editor_props16.numberPropTypeUtil);
+  const { value, setValue } = (0, import_editor_controls54.useBoundProp)(import_editor_props16.numberPropTypeUtil);
   const isDefault = value === tabIndex;
-  return /* @__PURE__ */ React87.createElement(import_ui40.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2 }, /* @__PURE__ */ React87.createElement(import_editor_controls53.ControlFormLabel, null, (0, import_i18n60.__)("Set as default tab", "elementor")), /* @__PURE__ */ React87.createElement(ConditionalTooltip, { showTooltip: isDefault, placement: "right" }, /* @__PURE__ */ React87.createElement(
+  return /* @__PURE__ */ React87.createElement(import_ui40.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2 }, /* @__PURE__ */ React87.createElement(import_editor_controls54.ControlFormLabel, null, (0, import_i18n60.__)("Set as default tab", "elementor")), /* @__PURE__ */ React87.createElement(ConditionalTooltip, { showTooltip: isDefault, placement: "right" }, /* @__PURE__ */ React87.createElement(
     import_ui40.Switch,
     {
       size: "small",
@@ -5313,7 +5317,7 @@ var DefaultTabControl = ({ tabIndex }) => {
 var TabLabelControl = ({ elementId }) => {
   const editorSettings = (0, import_editor_elements17.useElementEditorSettings)(elementId);
   const label = editorSettings?.title ?? "";
-  return /* @__PURE__ */ React87.createElement(import_ui40.Stack, { gap: 1 }, /* @__PURE__ */ React87.createElement(import_editor_controls53.ControlFormLabel, null, (0, import_i18n60.__)("Tab name", "elementor")), /* @__PURE__ */ React87.createElement(
+  return /* @__PURE__ */ React87.createElement(import_ui40.Stack, { gap: 1 }, /* @__PURE__ */ React87.createElement(import_editor_controls54.ControlFormLabel, null, (0, import_i18n60.__)("Tab name", "elementor")), /* @__PURE__ */ React87.createElement(
     import_ui40.TextField,
     {
       size: "tiny",
@@ -5367,11 +5371,11 @@ var registerElementControls = () => {
 
 // src/dynamics/init.ts
 var import_editor_canvas3 = require("@elementor/editor-canvas");
-var import_editor_controls60 = require("@elementor/editor-controls");
+var import_editor_controls61 = require("@elementor/editor-controls");
 
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var React88 = __toESM(require("react"));
-var import_editor_controls55 = require("@elementor/editor-controls");
+var import_editor_controls56 = require("@elementor/editor-controls");
 var import_editor_props18 = require("@elementor/editor-props");
 var import_icons23 = require("@elementor/icons");
 
@@ -5380,7 +5384,7 @@ var import_react40 = require("react");
 
 // src/dynamics/hooks/use-prop-dynamic-tags.ts
 var import_react39 = require("react");
-var import_editor_controls54 = require("@elementor/editor-controls");
+var import_editor_controls55 = require("@elementor/editor-controls");
 
 // src/dynamics/sync/get-atomic-dynamic-tags.ts
 var getAtomicDynamicTags = () => {
@@ -5424,7 +5428,7 @@ var supportsDynamic = (propType) => {
 // src/dynamics/hooks/use-prop-dynamic-tags.ts
 var usePropDynamicTags = () => {
   let categories = [];
-  const { propType } = (0, import_editor_controls54.useBoundProp)();
+  const { propType } = (0, import_editor_controls55.useBoundProp)();
   if (propType) {
     const propDynamicType = getDynamicPropType(propType);
     categories = propDynamicType?.settings.categories || [];
@@ -5465,13 +5469,13 @@ var useDynamicTag = (tagName) => {
 // src/dynamics/components/background-control-dynamic-tag.tsx
 var BackgroundControlDynamicTagIcon = () => /* @__PURE__ */ React88.createElement(import_icons23.DatabaseIcon, { fontSize: "tiny" });
 var BackgroundControlDynamicTagLabel = ({ value }) => {
-  const context = (0, import_editor_controls55.useBoundProp)(import_editor_props18.backgroundImageOverlayPropTypeUtil);
-  return /* @__PURE__ */ React88.createElement(import_editor_controls55.PropProvider, { ...context, value: value.value }, /* @__PURE__ */ React88.createElement(import_editor_controls55.PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React88.createElement(Wrapper2, { rawValue: value.value })));
+  const context = (0, import_editor_controls56.useBoundProp)(import_editor_props18.backgroundImageOverlayPropTypeUtil);
+  return /* @__PURE__ */ React88.createElement(import_editor_controls56.PropProvider, { ...context, value: value.value }, /* @__PURE__ */ React88.createElement(import_editor_controls56.PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React88.createElement(Wrapper2, { rawValue: value.value })));
 };
 var Wrapper2 = ({ rawValue }) => {
-  const { propType } = (0, import_editor_controls55.useBoundProp)();
+  const { propType } = (0, import_editor_controls56.useBoundProp)();
   const imageOverlayPropType = propType.prop_types["background-image-overlay"];
-  return /* @__PURE__ */ React88.createElement(import_editor_controls55.PropProvider, { propType: imageOverlayPropType.shape.image, value: rawValue, setValue: () => void 0 }, /* @__PURE__ */ React88.createElement(import_editor_controls55.PropKeyProvider, { bind: "src" }, /* @__PURE__ */ React88.createElement(Content, { rawValue: rawValue.image })));
+  return /* @__PURE__ */ React88.createElement(import_editor_controls56.PropProvider, { propType: imageOverlayPropType.shape.image, value: rawValue, setValue: () => void 0 }, /* @__PURE__ */ React88.createElement(import_editor_controls56.PropKeyProvider, { bind: "src" }, /* @__PURE__ */ React88.createElement(Content, { rawValue: rawValue.image })));
 };
 var Content = ({ rawValue }) => {
   const src = rawValue.value.src;
@@ -5481,7 +5485,7 @@ var Content = ({ rawValue }) => {
 
 // src/dynamics/components/dynamic-selection-control.tsx
 var React92 = __toESM(require("react"));
-var import_editor_controls58 = require("@elementor/editor-controls");
+var import_editor_controls59 = require("@elementor/editor-controls");
 var import_editor_ui10 = require("@elementor/editor-ui");
 var import_icons25 = require("@elementor/icons");
 var import_ui42 = require("@elementor/ui");
@@ -5497,7 +5501,7 @@ var usePersistDynamicValue = (propKey) => {
 
 // src/dynamics/dynamic-control.tsx
 var React90 = __toESM(require("react"));
-var import_editor_controls56 = require("@elementor/editor-controls");
+var import_editor_controls57 = require("@elementor/editor-controls");
 
 // src/dynamics/components/dynamic-conditional-control.tsx
 var React89 = __toESM(require("react"));
@@ -5549,7 +5553,7 @@ var DynamicConditionalControl = ({
 
 // src/dynamics/dynamic-control.tsx
 var DynamicControl = ({ bind, children }) => {
-  const { value, setValue } = (0, import_editor_controls56.useBoundProp)(dynamicPropTypeUtil);
+  const { value, setValue } = (0, import_editor_controls57.useBoundProp)(dynamicPropTypeUtil);
   const { name = "", group = "", settings } = value ?? {};
   const dynamicTag = useDynamicTag(name);
   if (!dynamicTag) {
@@ -5569,7 +5573,7 @@ var DynamicControl = ({ bind, children }) => {
     });
   };
   const propType = createTopLevelObjectType({ schema: dynamicTag.props_schema });
-  return /* @__PURE__ */ React90.createElement(import_editor_controls56.PropProvider, { propType, setValue: setDynamicValue, value: { [bind]: dynamicValue } }, /* @__PURE__ */ React90.createElement(import_editor_controls56.PropKeyProvider, { bind }, /* @__PURE__ */ React90.createElement(
+  return /* @__PURE__ */ React90.createElement(import_editor_controls57.PropProvider, { propType, setValue: setDynamicValue, value: { [bind]: dynamicValue } }, /* @__PURE__ */ React90.createElement(import_editor_controls57.PropKeyProvider, { bind }, /* @__PURE__ */ React90.createElement(
     DynamicConditionalControl,
     {
       propType: dynamicPropType,
@@ -5583,7 +5587,7 @@ var DynamicControl = ({ bind, children }) => {
 // src/dynamics/components/dynamic-selection.tsx
 var import_react41 = require("react");
 var React91 = __toESM(require("react"));
-var import_editor_controls57 = require("@elementor/editor-controls");
+var import_editor_controls58 = require("@elementor/editor-controls");
 var import_editor_ui9 = require("@elementor/editor-ui");
 var import_icons24 = require("@elementor/icons");
 var import_ui41 = require("@elementor/ui");
@@ -5595,8 +5599,8 @@ var DynamicSelection = ({ close: closePopover }) => {
   const [searchValue, setSearchValue] = (0, import_react41.useState)("");
   const { groups: dynamicGroups } = getAtomicDynamicTags() || {};
   const theme = (0, import_ui41.useTheme)();
-  const { value: anyValue } = (0, import_editor_controls57.useBoundProp)();
-  const { bind, value: dynamicValue, setValue } = (0, import_editor_controls57.useBoundProp)(dynamicPropTypeUtil);
+  const { value: anyValue } = (0, import_editor_controls58.useBoundProp)();
+  const { bind, value: dynamicValue, setValue } = (0, import_editor_controls58.useBoundProp)(dynamicPropTypeUtil);
   const [, updatePropValueHistory] = usePersistDynamicValue(bind);
   const isCurrentValueDynamic = !!dynamicValue;
   const options12 = useFilteredOptions(searchValue);
@@ -5701,8 +5705,8 @@ var useFilteredOptions = (searchValue) => {
 var SIZE5 = "tiny";
 var tagsWithoutTabs = ["popup"];
 var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
-  const { setValue: setAnyValue, propType } = (0, import_editor_controls58.useBoundProp)();
-  const { bind, value } = (0, import_editor_controls58.useBoundProp)(dynamicPropTypeUtil);
+  const { setValue: setAnyValue, propType } = (0, import_editor_controls59.useBoundProp)();
+  const { bind, value } = (0, import_editor_controls59.useBoundProp)(dynamicPropTypeUtil);
   const originalPropType = createTopLevelObjectType({
     schema: {
       [bind]: propType
@@ -5713,7 +5717,7 @@ var DynamicSelectionControl = ({ OriginalControl, ...props }) => {
   const { name: tagName = "" } = value;
   const dynamicTag = useDynamicTag(tagName);
   if (!isDynamicTagSupported(tagName) && OriginalControl) {
-    return /* @__PURE__ */ React92.createElement(import_editor_controls58.PropProvider, { propType: originalPropType, value: { [bind]: null }, setValue: setAnyValue }, /* @__PURE__ */ React92.createElement(import_editor_controls58.PropKeyProvider, { bind }, /* @__PURE__ */ React92.createElement(OriginalControl, { ...props })));
+    return /* @__PURE__ */ React92.createElement(import_editor_controls59.PropProvider, { propType: originalPropType, value: { [bind]: null }, setValue: setAnyValue }, /* @__PURE__ */ React92.createElement(import_editor_controls59.PropKeyProvider, { bind }, /* @__PURE__ */ React92.createElement(OriginalControl, { ...props })));
   }
   const removeDynamicTag = () => {
     setAnyValue(propValueFromHistory ?? null);
@@ -5858,7 +5862,7 @@ var Control2 = ({ control }) => {
     display: "grid",
     gridTemplateColumns: isSwitchControl ? "minmax(0, 1fr) max-content" : "1fr 1fr"
   } : {};
-  return /* @__PURE__ */ React92.createElement(DynamicControl, { bind: control.bind }, /* @__PURE__ */ React92.createElement(import_ui42.Grid, { container: true, gap: 0.75, sx: layoutStyleProps }, control.label ? /* @__PURE__ */ React92.createElement(import_ui42.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React92.createElement(import_editor_controls58.ControlFormLabel, null, control.label)) : null, /* @__PURE__ */ React92.createElement(import_ui42.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React92.createElement(Control, { type: control.type, props: controlProps }))));
+  return /* @__PURE__ */ React92.createElement(DynamicControl, { bind: control.bind }, /* @__PURE__ */ React92.createElement(import_ui42.Grid, { container: true, gap: 0.75, sx: layoutStyleProps }, control.label ? /* @__PURE__ */ React92.createElement(import_ui42.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React92.createElement(import_editor_controls59.ControlFormLabel, null, control.label)) : null, /* @__PURE__ */ React92.createElement(import_ui42.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React92.createElement(Control, { type: control.type, props: controlProps }))));
 };
 function ControlsItemsStack({ items: items3 }) {
   return /* @__PURE__ */ React92.createElement(import_ui42.Stack, { p: 2, gap: 2, sx: { overflowY: "auto" } }, items3.map(
@@ -5917,11 +5921,11 @@ function getDynamicValue(name, settings) {
 
 // src/dynamics/hooks/use-prop-dynamic-action.tsx
 var React93 = __toESM(require("react"));
-var import_editor_controls59 = require("@elementor/editor-controls");
+var import_editor_controls60 = require("@elementor/editor-controls");
 var import_icons26 = require("@elementor/icons");
 var import_i18n63 = require("@wordpress/i18n");
 var usePropDynamicAction = () => {
-  const { propType } = (0, import_editor_controls59.useBoundProp)();
+  const { propType } = (0, import_editor_controls60.useBoundProp)();
   const visible = !!propType && supportsDynamic(propType);
   return {
     visible,
@@ -5938,12 +5942,12 @@ var init2 = () => {
     component: DynamicSelectionControl,
     condition: ({ value }) => isDynamicPropValue(value)
   });
-  (0, import_editor_controls60.injectIntoRepeaterItemLabel)({
+  (0, import_editor_controls61.injectIntoRepeaterItemLabel)({
     id: "dynamic-background-image",
     condition: ({ value }) => isDynamicPropValue(value.value?.image?.value?.src),
     component: BackgroundControlDynamicTagLabel
   });
-  (0, import_editor_controls60.injectIntoRepeaterItemIcon)({
+  (0, import_editor_controls61.injectIntoRepeaterItemIcon)({
     id: "dynamic-background-image",
     condition: ({ value }) => isDynamicPropValue(value.value?.image?.value?.src),
     component: BackgroundControlDynamicTagIcon
@@ -5957,7 +5961,7 @@ var init2 = () => {
 };
 
 // src/reset-style-props.tsx
-var import_editor_controls61 = require("@elementor/editor-controls");
+var import_editor_controls62 = require("@elementor/editor-controls");
 var import_icons27 = require("@elementor/icons");
 var import_i18n64 = require("@wordpress/i18n");
 
@@ -6014,7 +6018,7 @@ function initResetStyleProps() {
 }
 function useResetStyleValueProps() {
   const isStyle = useIsStyle();
-  const { value, resetValue, propType } = (0, import_editor_controls61.useBoundProp)();
+  const { value, resetValue, propType } = (0, import_editor_controls62.useBoundProp)();
   const hasValue = value !== null && value !== void 0;
   const hasInitial = propType.initial_value !== void 0 && propType.initial_value !== null;
   const isRequired = !!propType.settings?.required;
@@ -6039,7 +6043,7 @@ function useResetStyleValueProps() {
 
 // src/styles-inheritance/components/styles-inheritance-indicator.tsx
 var React99 = __toESM(require("react"));
-var import_editor_controls62 = require("@elementor/editor-controls");
+var import_editor_controls63 = require("@elementor/editor-controls");
 var import_editor_props21 = require("@elementor/editor-props");
 var import_editor_styles_repository16 = require("@elementor/editor-styles-repository");
 var import_i18n68 = require("@wordpress/i18n");
@@ -6415,7 +6419,7 @@ function TooltipOrInfotip({
 var StylesInheritanceIndicator = ({
   customContext
 }) => {
-  const context = (0, import_editor_controls62.useBoundProp)();
+  const context = (0, import_editor_controls63.useBoundProp)();
   const { path, propType } = customContext || context;
   const inheritanceChain = useStylesInheritanceChain(path);
   if (!path || !inheritanceChain.length) {
@@ -6735,6 +6739,7 @@ var blockV1Panel = () => {
   injectIntoCssClassConvert,
   injectIntoPanelHeaderTop,
   injectIntoStyleTab,
+  isDynamicPropValue,
   registerControlReplacement,
   registerEditingPanelReplacement,
   registerFieldIndicator,