@elementor/editor-controls 4.3.0-1059 → 4.3.0-1061

package/dist/index.js

@@ -5379,7 +5379,7 @@ var AspectRatioControl = createControl(({ label }) => {
 var React81 = __toESM(require("react"));
 var import_react49 = require("react");
 var import_editor_current_user = require("@elementor/editor-current-user");
-var import_editor_props34 = require("@elementor/editor-props");
+var import_editor_props35 = require("@elementor/editor-props");
 var import_icons21 = require("@elementor/icons");
 var import_ui64 = require("@elementor/ui");
 var import_wp_media2 = require("@elementor/wp-media");
@@ -5435,10 +5435,49 @@ var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @_
   isPending ? /* @__PURE__ */ React80.createElement(import_ui63.CircularProgress, { size: 24 }) : (0, import_i18n31.__)("Enable", "elementor")
 )));
 
+// src/controls/open-icon-library.ts
+var import_editor_props34 = require("@elementor/editor-props");
+var SVG_ICON_LIBRARY = "svg";
+function isSvgLibrarySelection(icon) {
+  return icon.library === SVG_ICON_LIBRARY && typeof icon.value === "object" && icon.value !== null;
+}
+function openIconLibrary({ selected, onSelect } = {}) {
+  const iconManager = window.elementor?.iconManager;
+  if (!iconManager) {
+    return;
+  }
+  iconManager.loadIconLibraries();
+  iconManager.show({
+    view: createIconManagerControlView(selected, onSelect)
+  });
+}
+function enqueueIconFonts(library) {
+  window.elementor?.helpers?.enqueueIconFonts?.(library);
+}
+function createIconManagerControlView(selected, onSelect) {
+  return {
+    model: {
+      get: () => false
+    },
+    getControlValue: () => selected ?? { value: "", library: "" },
+    setValue: (icon) => {
+      onSelect?.(icon);
+    },
+    applySavedValue: () => void 0
+  };
+}
+function createIconPropValue(icon, library) {
+  return {
+    value: import_editor_props34.stringPropTypeUtil.create(icon),
+    library: import_editor_props34.stringPropTypeUtil.create(library)
+  };
+}
+
 // src/controls/svg-media-control.tsx
 var TILE_SIZE = 8;
 var TILE_WHITE = "transparent";
 var TILE_BLACK = "#c1c1c1";
+var ICON_PREVIEW_FONT_SIZE = 50;
 var TILES_GRADIENT_FORMULA = `linear-gradient(45deg, ${TILE_BLACK} 25%, ${TILE_WHITE} 0, ${TILE_WHITE} 75%, ${TILE_BLACK} 0, ${TILE_BLACK})`;
 var StyledCard = (0, import_ui64.styled)(import_ui64.Card)`
 	background-color: white;
@@ -5460,26 +5499,29 @@ var StyledCardMediaContainer = (0, import_ui64.styled)(import_ui64.Stack)`
 `;
 var MODE_BROWSE = { mode: "browse" };
 var MODE_UPLOAD = { mode: "upload" };
-var SvgMediaControl = createControl(() => {
-  const { value, setValue } = useBoundProp(import_editor_props34.svgSrcPropTypeUtil);
-  const id = value?.id;
-  const url = value?.url;
+var SvgMediaControl = createControl(({ showIconLibrary = false }) => {
+  const { value: svgValue, setValue: setSvgValue } = useBoundProp(import_editor_props35.svgSrcPropTypeUtil);
+  const { value: iconValue, setValue: setIconValue } = useBoundProp(import_editor_props35.iconPropTypeUtil);
+  const id = svgValue?.id;
+  const url = svgValue?.url;
   const { data: attachment, isFetching } = (0, import_wp_media2.useWpMediaAttachment)(id?.value || null);
   const src = attachment?.url ?? url?.value ?? null;
   const { data: allowSvgUpload } = useUnfilteredFilesUpload();
   const [unfilteredModalOpenState, setUnfilteredModalOpenState] = (0, import_react49.useState)(false);
   const { isAdmin } = (0, import_editor_current_user.useCurrentUserCapabilities)();
+  const selectedIconClass = showIconLibrary && typeof iconValue?.value?.value === "string" ? iconValue.value.value : null;
+  const selectedIconLibrary = showIconLibrary && typeof iconValue?.library?.value === "string" ? iconValue.library.value : null;
   const { open } = (0, import_wp_media2.useWpMediaFrame)({
     mediaTypes: ["svg"],
     multiple: false,
     selected: id?.value || null,
     onSelect: (selectedAttachment) => {
-      setValue({
+      setSvgValue({
         id: {
           $$type: "image-attachment-id",
           value: selectedAttachment.id
         },
-        url: import_editor_props34.urlPropTypeUtil.create(selectedAttachment.url)
+        url: import_editor_props35.urlPropTypeUtil.create(selectedAttachment.url)
       });
     }
   });
@@ -5496,18 +5538,36 @@ var SvgMediaControl = createControl(() => {
       open(openOptions);
     }
   };
+  const handleIconLibrarySelect = (icon) => {
+    if (!showIconLibrary) {
+      return;
+    }
+    if (isSvgLibrarySelection(icon)) {
+      setSvgValue({
+        id: icon.value.id ? {
+          $$type: "image-attachment-id",
+          value: icon.value.id
+        } : null,
+        url: icon.value.url ? import_editor_props35.urlPropTypeUtil.create(icon.value.url) : null
+      });
+      return;
+    }
+    if (typeof icon.value === "string") {
+      setIconValue(createIconPropValue(icon.value, icon.library));
+    }
+  };
   const infotipProps = {
     title: (0, import_i18n32.__)("Sorry, you can't upload that file yet.", "elementor"),
     description: /* @__PURE__ */ React81.createElement(React81.Fragment, null, (0, import_i18n32.__)("To upload them anyway, ask the site administrator to enable unfiltered", "elementor"), /* @__PURE__ */ React81.createElement("br", null), (0, import_i18n32.__)("file uploads.", "elementor")),
     isEnabled: !isAdmin
   };
-  return /* @__PURE__ */ React81.createElement(import_ui64.Stack, { gap: 1, "aria-label": "SVG Control" }, /* @__PURE__ */ React81.createElement(EnableUnfilteredModal, { open: unfilteredModalOpenState, onClose: onCloseUnfilteredModal }), /* @__PURE__ */ React81.createElement(ControlActions, null, /* @__PURE__ */ React81.createElement(StyledCard, { variant: "outlined" }, /* @__PURE__ */ React81.createElement(StyledCardMediaContainer, null, isFetching ? /* @__PURE__ */ React81.createElement(import_ui64.CircularProgress, { role: "progressbar" }) : /* @__PURE__ */ React81.createElement(
-    import_ui64.CardMedia,
+  return /* @__PURE__ */ React81.createElement(import_ui64.Stack, { gap: 1, "aria-label": "SVG Control" }, /* @__PURE__ */ React81.createElement(EnableUnfilteredModal, { open: unfilteredModalOpenState, onClose: onCloseUnfilteredModal }), /* @__PURE__ */ React81.createElement(ControlActions, null, /* @__PURE__ */ React81.createElement(StyledCard, { variant: "outlined" }, /* @__PURE__ */ React81.createElement(StyledCardMediaContainer, null, /* @__PURE__ */ React81.createElement(
+    SvgMediaPreview,
     {
-      component: "img",
-      image: src,
-      alt: (0, import_i18n32.__)("Preview SVG", "elementor"),
-      sx: { maxHeight: "140px", width: "50px" }
+      isFetching,
+      src,
+      iconClassName: selectedIconClass,
+      iconLibrary: selectedIconLibrary
     }
   )), /* @__PURE__ */ React81.createElement(
     import_ui64.CardOverlay,
@@ -5528,7 +5588,20 @@ var SvgMediaControl = createControl(() => {
         "aria-label": "Select SVG"
       },
       (0, import_i18n32.__)("Select SVG", "elementor")
-    ), /* @__PURE__ */ React81.createElement(ConditionalControlInfotip, { ...infotipProps }, /* @__PURE__ */ React81.createElement("span", null, /* @__PURE__ */ React81.createElement(import_ui64.ThemeProvider, { colorScheme: isAdmin ? "light" : "dark" }, /* @__PURE__ */ React81.createElement(
+    ), showIconLibrary ? /* @__PURE__ */ React81.createElement(
+      import_ui64.Button,
+      {
+        size: "tiny",
+        variant: "text",
+        color: "inherit",
+        onClick: () => openIconLibrary({
+          selected: selectedIconClass && selectedIconLibrary ? { value: selectedIconClass, library: selectedIconLibrary } : void 0,
+          onSelect: handleIconLibrarySelect
+        }),
+        "aria-label": (0, import_i18n32.__)("Icon library", "elementor")
+      },
+      (0, import_i18n32.__)("Icon library", "elementor")
+    ) : null, /* @__PURE__ */ React81.createElement(ConditionalControlInfotip, { ...infotipProps }, /* @__PURE__ */ React81.createElement("span", null, /* @__PURE__ */ React81.createElement(import_ui64.ThemeProvider, { colorScheme: isAdmin ? "light" : "dark" }, /* @__PURE__ */ React81.createElement(
       import_ui64.Button,
       {
         size: "tiny",
@@ -5543,21 +5616,56 @@ var SvgMediaControl = createControl(() => {
     )))))
   ))));
 });
+function SvgMediaPreview({
+  isFetching,
+  src,
+  iconClassName,
+  iconLibrary
+}) {
+  (0, import_react49.useEffect)(() => {
+    if (iconLibrary) {
+      enqueueIconFonts(iconLibrary);
+    }
+  }, [iconLibrary]);
+  if (isFetching) {
+    return /* @__PURE__ */ React81.createElement(import_ui64.CircularProgress, { role: "progressbar" });
+  }
+  if (iconClassName) {
+    return /* @__PURE__ */ React81.createElement(
+      import_ui64.Box,
+      {
+        component: "i",
+        className: iconClassName,
+        "aria-label": (0, import_i18n32.__)("Preview icon", "elementor"),
+        sx: { fontSize: ICON_PREVIEW_FONT_SIZE }
+      }
+    );
+  }
+  return /* @__PURE__ */ React81.createElement(
+    import_ui64.CardMedia,
+    {
+      component: "img",
+      image: src,
+      alt: (0, import_i18n32.__)("Preview SVG", "elementor"),
+      sx: { maxHeight: "140px", width: `${ICON_PREVIEW_FONT_SIZE}px` }
+    }
+  );
+}
 
 // src/controls/video-media-control.tsx
 var React82 = __toESM(require("react"));
-var import_editor_props35 = require("@elementor/editor-props");
+var import_editor_props36 = require("@elementor/editor-props");
 var import_icons22 = require("@elementor/icons");
 var import_ui65 = require("@elementor/ui");
 var import_wp_media3 = require("@elementor/wp-media");
 var import_i18n33 = require("@wordpress/i18n");
 var PLACEHOLDER_IMAGE = window.elementorCommon?.config?.urls?.assets + "/shapes/play-triangle.svg";
 var VideoMediaControl = createControl(() => {
-  const { value, setValue, propType } = useBoundProp(import_editor_props35.videoSrcPropTypeUtil);
+  const { value, setValue, propType } = useBoundProp(import_editor_props36.videoSrcPropTypeUtil);
   const { id, url } = value ?? {};
   const { data: attachment, isFetching } = (0, import_wp_media3.useWpMediaAttachment)(id?.value || null);
   const videoUrl = attachment?.url ?? url?.value ?? null;
-  const defaultUrl = import_editor_props35.videoSrcPropTypeUtil.extract(propType.default ?? null)?.url?.value;
+  const defaultUrl = import_editor_props36.videoSrcPropTypeUtil.extract(propType.default ?? null)?.url?.value;
   const currentUrlForModal = url?.value && url.value !== defaultUrl ? url.value : void 0;
   const { open } = (0, import_wp_media3.useWpMediaFrame)({
     mediaTypes: ["video"],
@@ -5576,7 +5684,7 @@ var VideoMediaControl = createControl(() => {
     onSelectUrl: (selectedUrl) => {
       setValue({
         id: null,
-        url: import_editor_props35.urlPropTypeUtil.create(selectedUrl)
+        url: import_editor_props36.urlPropTypeUtil.create(selectedUrl)
       });
     }
   });
@@ -5652,13 +5760,13 @@ var VideoPreview = ({ isFetching = false, videoUrl }) => {
 
 // src/controls/background-control/background-control.tsx
 var React89 = __toESM(require("react"));
-var import_editor_props41 = require("@elementor/editor-props");
+var import_editor_props42 = require("@elementor/editor-props");
 var import_ui73 = require("@elementor/ui");
 var import_i18n39 = require("@wordpress/i18n");
 
 // src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx
 var React88 = __toESM(require("react"));
-var import_editor_props40 = require("@elementor/editor-props");
+var import_editor_props41 = require("@elementor/editor-props");
 var import_ui72 = require("@elementor/ui");
 var import_wp_media4 = require("@elementor/wp-media");
 var import_i18n38 = require("@wordpress/i18n");
@@ -5669,26 +5777,26 @@ var { env } = (0, import_env.parseEnv)("@elementor/editor-controls");
 
 // src/controls/background-control/background-gradient-color-control.tsx
 var React83 = __toESM(require("react"));
-var import_editor_props36 = require("@elementor/editor-props");
+var import_editor_props37 = require("@elementor/editor-props");
 var import_ui66 = require("@elementor/ui");
 var BackgroundGradientColorControl = createControl(() => {
-  const { value, setValue } = useBoundProp(import_editor_props36.backgroundGradientOverlayPropTypeUtil);
+  const { value, setValue } = useBoundProp(import_editor_props37.backgroundGradientOverlayPropTypeUtil);
   const handleChange = (newValue) => {
     const transformedValue = createTransformableValue(newValue);
     if (transformedValue.positions) {
-      transformedValue.positions = import_editor_props36.stringPropTypeUtil.create(newValue.positions.join(" "));
+      transformedValue.positions = import_editor_props37.stringPropTypeUtil.create(newValue.positions.join(" "));
     }
     setValue(transformedValue);
   };
   const createTransformableValue = (newValue) => ({
     ...newValue,
-    type: import_editor_props36.stringPropTypeUtil.create(newValue.type),
-    angle: import_editor_props36.numberPropTypeUtil.create(newValue.angle),
-    stops: import_editor_props36.gradientColorStopPropTypeUtil.create(
+    type: import_editor_props37.stringPropTypeUtil.create(newValue.type),
+    angle: import_editor_props37.numberPropTypeUtil.create(newValue.angle),
+    stops: import_editor_props37.gradientColorStopPropTypeUtil.create(
       newValue.stops.map(
-        ({ color, offset }) => import_editor_props36.colorStopPropTypeUtil.create({
-          color: import_editor_props36.colorPropTypeUtil.create(color),
-          offset: import_editor_props36.numberPropTypeUtil.create(offset)
+        ({ color, offset }) => import_editor_props37.colorStopPropTypeUtil.create({
+          color: import_editor_props37.colorPropTypeUtil.create(color),
+          offset: import_editor_props37.numberPropTypeUtil.create(offset)
         })
       )
     )
@@ -5717,17 +5825,17 @@ var BackgroundGradientColorControl = createControl(() => {
     }
   );
 });
-var initialBackgroundGradientOverlay = import_editor_props36.backgroundGradientOverlayPropTypeUtil.create({
-  type: import_editor_props36.stringPropTypeUtil.create("linear"),
-  angle: import_editor_props36.numberPropTypeUtil.create(180),
-  stops: import_editor_props36.gradientColorStopPropTypeUtil.create([
-    import_editor_props36.colorStopPropTypeUtil.create({
-      color: import_editor_props36.colorPropTypeUtil.create("rgb(0,0,0)"),
-      offset: import_editor_props36.numberPropTypeUtil.create(0)
+var initialBackgroundGradientOverlay = import_editor_props37.backgroundGradientOverlayPropTypeUtil.create({
+  type: import_editor_props37.stringPropTypeUtil.create("linear"),
+  angle: import_editor_props37.numberPropTypeUtil.create(180),
+  stops: import_editor_props37.gradientColorStopPropTypeUtil.create([
+    import_editor_props37.colorStopPropTypeUtil.create({
+      color: import_editor_props37.colorPropTypeUtil.create("rgb(0,0,0)"),
+      offset: import_editor_props37.numberPropTypeUtil.create(0)
     }),
-    import_editor_props36.colorStopPropTypeUtil.create({
-      color: import_editor_props36.colorPropTypeUtil.create("rgb(255,255,255)"),
-      offset: import_editor_props36.numberPropTypeUtil.create(100)
+    import_editor_props37.colorStopPropTypeUtil.create({
+      color: import_editor_props37.colorPropTypeUtil.create("rgb(255,255,255)"),
+      offset: import_editor_props37.numberPropTypeUtil.create(100)
     })
   ])
 });
@@ -5758,7 +5866,7 @@ var BackgroundImageOverlayAttachment = () => {
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-position.tsx
 var React85 = __toESM(require("react"));
 var import_react50 = require("react");
-var import_editor_props37 = require("@elementor/editor-props");
+var import_editor_props38 = require("@elementor/editor-props");
 var import_editor_ui11 = require("@elementor/editor-ui");
 var import_icons24 = require("@elementor/icons");
 var import_ui68 = require("@elementor/ui");
@@ -5776,8 +5884,8 @@ var backgroundPositionOptions = [
   { label: (0, import_i18n35.__)("Custom", "elementor"), value: "custom" }
 ];
 var BackgroundImageOverlayPosition = () => {
-  const backgroundImageOffsetContext = useBoundProp(import_editor_props37.backgroundImagePositionOffsetPropTypeUtil);
-  const stringPropContext = useBoundProp(import_editor_props37.stringPropTypeUtil);
+  const backgroundImageOffsetContext = useBoundProp(import_editor_props38.backgroundImagePositionOffsetPropTypeUtil);
+  const stringPropContext = useBoundProp(import_editor_props38.stringPropTypeUtil);
   const isCustom = !!backgroundImageOffsetContext.value;
   const rowRef = (0, import_react50.useRef)(null);
   const handlePositionChange = (event) => {
@@ -5853,7 +5961,7 @@ var BackgroundImageOverlayRepeat = () => {
 // src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-size.tsx
 var React87 = __toESM(require("react"));
 var import_react51 = require("react");
-var import_editor_props38 = require("@elementor/editor-props");
+var import_editor_props39 = require("@elementor/editor-props");
 var import_icons26 = require("@elementor/icons");
 var import_ui70 = require("@elementor/ui");
 var import_i18n37 = require("@wordpress/i18n");
@@ -5884,8 +5992,8 @@ var sizeControlOptions = [
   }
 ];
 var BackgroundImageOverlaySize = () => {
-  const backgroundImageScaleContext = useBoundProp(import_editor_props38.backgroundImageSizeScalePropTypeUtil);
-  const stringPropContext = useBoundProp(import_editor_props38.stringPropTypeUtil);
+  const backgroundImageScaleContext = useBoundProp(import_editor_props39.backgroundImageSizeScalePropTypeUtil);
+  const stringPropContext = useBoundProp(import_editor_props39.stringPropTypeUtil);
   const isCustom = !!backgroundImageScaleContext.value;
   const rowRef = (0, import_react51.useRef)(null);
   const handleSizeChange = (size) => {
@@ -5923,16 +6031,16 @@ var BackgroundImageOverlaySize = () => {
 
 // src/controls/background-control/background-overlay/use-background-tabs-history.ts
 var import_react52 = require("react");
-var import_editor_props39 = require("@elementor/editor-props");
+var import_editor_props40 = require("@elementor/editor-props");
 var import_ui71 = require("@elementor/ui");
 var useBackgroundTabsHistory = ({
   color: initialBackgroundColorOverlay2,
   image: initialBackgroundImageOverlay,
   gradient: initialBackgroundGradientOverlay2
 }) => {
-  const { value: imageValue, setValue: setImageValue } = useBoundProp(import_editor_props39.backgroundImageOverlayPropTypeUtil);
-  const { value: colorValue, setValue: setColorValue } = useBoundProp(import_editor_props39.backgroundColorOverlayPropTypeUtil);
-  const { value: gradientValue, setValue: setGradientValue } = useBoundProp(import_editor_props39.backgroundGradientOverlayPropTypeUtil);
+  const { value: imageValue, setValue: setImageValue } = useBoundProp(import_editor_props40.backgroundImageOverlayPropTypeUtil);
+  const { value: colorValue, setValue: setColorValue } = useBoundProp(import_editor_props40.backgroundColorOverlayPropTypeUtil);
+  const { value: gradientValue, setValue: setGradientValue } = useBoundProp(import_editor_props40.backgroundGradientOverlayPropTypeUtil);
   const getCurrentOverlayType = () => {
     if (colorValue) {
       return "color";
@@ -5981,9 +6089,9 @@ var useBackgroundTabsHistory = ({
 
 // src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx
 var DEFAULT_BACKGROUND_COLOR_OVERLAY_COLOR = "#00000033";
-var initialBackgroundColorOverlay = import_editor_props40.backgroundColorOverlayPropTypeUtil.create(
+var initialBackgroundColorOverlay = import_editor_props41.backgroundColorOverlayPropTypeUtil.create(
   {
-    color: import_editor_props40.colorPropTypeUtil.create(DEFAULT_BACKGROUND_COLOR_OVERLAY_COLOR)
+    color: import_editor_props41.colorPropTypeUtil.create(DEFAULT_BACKGROUND_COLOR_OVERLAY_COLOR)
   }
 );
 var getInitialBackgroundOverlay = () => ({
@@ -6017,12 +6125,12 @@ var backgroundResolutionOptions = [
   { label: (0, import_i18n38.__)("Full", "elementor"), value: "full" }
 ];
 var BackgroundOverlayRepeaterControl = createControl(() => {
-  const { propType, value: overlayValues, setValue } = useBoundProp(import_editor_props40.backgroundOverlayPropTypeUtil);
+  const { propType, value: overlayValues, setValue } = useBoundProp(import_editor_props41.backgroundOverlayPropTypeUtil);
   return /* @__PURE__ */ React88.createElement(PropProvider, { propType, value: overlayValues, setValue }, /* @__PURE__ */ React88.createElement(
     ControlRepeater,
     {
       initial: getInitialBackgroundOverlay(),
-      propTypeUtil: import_editor_props40.backgroundOverlayPropTypeUtil
+      propTypeUtil: import_editor_props41.backgroundOverlayPropTypeUtil
     },
     /* @__PURE__ */ React88.createElement(RepeaterHeader, { label: (0, import_i18n38.__)("Overlay", "elementor") }, /* @__PURE__ */ React88.createElement(TooltipAddItemAction, { newItemIndex: 0 })),
     /* @__PURE__ */ React88.createElement(ItemsContainer, null, /* @__PURE__ */ React88.createElement(
@@ -6124,11 +6232,11 @@ var ItemLabelGradient = ({ value }) => {
   return /* @__PURE__ */ React88.createElement("span", null, (0, import_i18n38.__)("Radial Gradient", "elementor"));
 };
 var ColorOverlayContent = ({ anchorEl }) => {
-  const propContext = useBoundProp(import_editor_props40.backgroundColorOverlayPropTypeUtil);
+  const propContext = useBoundProp(import_editor_props41.backgroundColorOverlayPropTypeUtil);
   return /* @__PURE__ */ React88.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React88.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React88.createElement(ColorControl, { anchorEl })));
 };
 var ImageOverlayContent = () => {
-  const propContext = useBoundProp(import_editor_props40.backgroundImageOverlayPropTypeUtil);
+  const propContext = useBoundProp(import_editor_props41.backgroundImageOverlayPropTypeUtil);
   return /* @__PURE__ */ React88.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React88.createElement(PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React88.createElement(ImageControl, { sizes: backgroundResolutionOptions })), /* @__PURE__ */ React88.createElement(PropKeyProvider, { bind: "position" }, /* @__PURE__ */ React88.createElement(BackgroundImageOverlayPosition, null)), /* @__PURE__ */ React88.createElement(PropKeyProvider, { bind: "repeat" }, /* @__PURE__ */ React88.createElement(BackgroundImageOverlayRepeat, null)), /* @__PURE__ */ React88.createElement(PropKeyProvider, { bind: "size" }, /* @__PURE__ */ React88.createElement(BackgroundImageOverlaySize, null)), /* @__PURE__ */ React88.createElement(PropKeyProvider, { bind: "attachment" }, /* @__PURE__ */ React88.createElement(BackgroundImageOverlayAttachment, null)));
 };
 var StyledUnstableColorIndicator3 = (0, import_ui72.styled)(import_ui72.UnstableColorIndicator)(({ theme }) => ({
@@ -6178,7 +6286,7 @@ var clipOptions = [
 var colorLabel = (0, import_i18n39.__)("Color", "elementor");
 var clipLabel = (0, import_i18n39.__)("Clipping", "elementor");
 var BackgroundControl = createControl(() => {
-  const propContext = useBoundProp(import_editor_props41.backgroundPropTypeUtil);
+  const propContext = useBoundProp(import_editor_props42.backgroundPropTypeUtil);
   return /* @__PURE__ */ React89.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React89.createElement(PropKeyProvider, { bind: "background-overlay" }, /* @__PURE__ */ React89.createElement(BackgroundOverlayRepeaterControl, null)), /* @__PURE__ */ React89.createElement(BackgroundColorField, null), /* @__PURE__ */ React89.createElement(BackgroundClipField, null));
 });
 var BackgroundColorField = () => {
@@ -6191,7 +6299,7 @@ var BackgroundClipField = () => {
 // src/controls/repeatable-control.tsx
 var React90 = __toESM(require("react"));
 var import_react53 = require("react");
-var import_editor_props42 = require("@elementor/editor-props");
+var import_editor_props43 = require("@elementor/editor-props");
 var import_ui74 = require("@elementor/ui");
 var PLACEHOLDER_REGEX = /\$\{([^}]+)\}/g;
 var RepeatableControl = createControl(
@@ -6212,7 +6320,7 @@ var RepeatableControl = createControl(
       return null;
     }
     const childArrayPropTypeUtil2 = (0, import_react53.useMemo)(
-      () => (0, import_editor_props42.createArrayPropUtils)(childPropTypeUtil.key, childPropTypeUtil.schema, propKey),
+      () => (0, import_editor_props43.createArrayPropUtils)(childPropTypeUtil.key, childPropTypeUtil.schema, propKey),
       [childPropTypeUtil.key, childPropTypeUtil.schema, propKey]
     );
     const contextValue = (0, import_react53.useMemo)(
@@ -6348,7 +6456,7 @@ var getAllProperties = (pattern) => {
 // src/controls/key-value-control.tsx
 var React91 = __toESM(require("react"));
 var import_react54 = require("react");
-var import_editor_props43 = require("@elementor/editor-props");
+var import_editor_props44 = require("@elementor/editor-props");
 var import_ui75 = require("@elementor/ui");
 var import_i18n40 = require("@wordpress/i18n");
 
@@ -6373,7 +6481,7 @@ var getInitialFieldValue = (fieldValue) => {
   return transformableValue.value || "";
 };
 var KeyValueControl = createControl((props = {}) => {
-  const { value, setValue, ...propContext } = useBoundProp(import_editor_props43.keyValuePropTypeUtil);
+  const { value, setValue, ...propContext } = useBoundProp(import_editor_props44.keyValuePropTypeUtil);
   const [keyError, setKeyError] = (0, import_react54.useState)("");
   const [valueError, setValueError] = (0, import_react54.useState)("");
   const [sessionState, setSessionState] = (0, import_react54.useState)({
@@ -6412,14 +6520,14 @@ var KeyValueControl = createControl((props = {}) => {
       return;
     }
     const newChangedValue = newValue[fieldType];
-    if ((0, import_editor_props43.isTransformable)(newChangedValue) && newChangedValue.$$type === "dynamic") {
+    if ((0, import_editor_props44.isTransformable)(newChangedValue) && newChangedValue.$$type === "dynamic") {
       setValue({
         ...value,
         [fieldType]: newChangedValue
       });
       return;
     }
-    const extractedValue = import_editor_props43.stringPropTypeUtil.extract(newChangedValue);
+    const extractedValue = import_editor_props44.stringPropTypeUtil.extract(newChangedValue);
     setSessionState((prev) => ({
       ...prev,
       [fieldType]: extractedValue
@@ -6459,7 +6567,7 @@ var KeyValueControl = createControl((props = {}) => {
 
 // src/controls/position-control.tsx
 var React92 = __toESM(require("react"));
-var import_editor_props44 = require("@elementor/editor-props");
+var import_editor_props45 = require("@elementor/editor-props");
 var import_editor_ui12 = require("@elementor/editor-ui");
 var import_icons27 = require("@elementor/icons");
 var import_ui76 = require("@elementor/ui");
@@ -6477,8 +6585,8 @@ var positionOptions = [
   { label: (0, import_i18n41.__)("Custom", "elementor"), value: "custom" }
 ];
 var PositionControl = () => {
-  const positionContext = useBoundProp(import_editor_props44.positionPropTypeUtil);
-  const stringPropContext = useBoundProp(import_editor_props44.stringPropTypeUtil);
+  const positionContext = useBoundProp(import_editor_props45.positionPropTypeUtil);
+  const stringPropContext = useBoundProp(import_editor_props45.stringPropTypeUtil);
   const isCustom = !!positionContext.value;
   const placeholder = positionContext.placeholder ? "custom" : stringPropContext.placeholder ?? null;
   const handlePositionChange = (event) => {
@@ -6519,13 +6627,13 @@ var PositionControl = () => {
 // src/controls/transform-control/transform-repeater-control.tsx
 var React105 = __toESM(require("react"));
 var import_react62 = require("react");
-var import_editor_props53 = require("@elementor/editor-props");
+var import_editor_props54 = require("@elementor/editor-props");
 var import_icons34 = require("@elementor/icons");
 var import_ui89 = require("@elementor/ui");
 var import_i18n51 = require("@wordpress/i18n");
 
 // src/controls/transform-control/initial-values.ts
-var import_editor_props45 = require("@elementor/editor-props");
+var import_editor_props46 = require("@elementor/editor-props");
 var TransformFunctionKeys = {
   move: "transform-move",
   scale: "transform-scale",
@@ -6555,17 +6663,17 @@ var initialTransformValue = {
     z: { $$type: "size", value: { size: defaultValues.move.size, unit: defaultValues.move.unit } }
   }
 };
-var initialScaleValue = import_editor_props45.scaleTransformPropTypeUtil.create({
-  x: import_editor_props45.numberPropTypeUtil.create(defaultValues.scale),
-  y: import_editor_props45.numberPropTypeUtil.create(defaultValues.scale),
-  z: import_editor_props45.numberPropTypeUtil.create(defaultValues.scale)
+var initialScaleValue = import_editor_props46.scaleTransformPropTypeUtil.create({
+  x: import_editor_props46.numberPropTypeUtil.create(defaultValues.scale),
+  y: import_editor_props46.numberPropTypeUtil.create(defaultValues.scale),
+  z: import_editor_props46.numberPropTypeUtil.create(defaultValues.scale)
 });
-var initialRotateValue = import_editor_props45.rotateTransformPropTypeUtil.create({
+var initialRotateValue = import_editor_props46.rotateTransformPropTypeUtil.create({
   x: { $$type: "size", value: { size: defaultValues.rotate.size, unit: defaultValues.rotate.unit } },
   y: { $$type: "size", value: { size: defaultValues.rotate.size, unit: defaultValues.rotate.unit } },
   z: { $$type: "size", value: { size: defaultValues.rotate.size, unit: defaultValues.rotate.unit } }
 });
-var initialSkewValue = import_editor_props45.skewTransformPropTypeUtil.create({
+var initialSkewValue = import_editor_props46.skewTransformPropTypeUtil.create({
   x: { $$type: "size", value: { size: defaultValues.skew.size, unit: defaultValues.skew.unit } },
   y: { $$type: "size", value: { size: defaultValues.skew.size, unit: defaultValues.skew.unit } }
 });
@@ -6578,7 +6686,7 @@ var import_i18n46 = require("@wordpress/i18n");
 // src/controls/transform-control/functions/move.tsx
 var React94 = __toESM(require("react"));
 var import_react55 = require("react");
-var import_editor_props46 = require("@elementor/editor-props");
+var import_editor_props47 = require("@elementor/editor-props");
 var import_icons28 = require("@elementor/icons");
 var import_ui78 = require("@elementor/ui");
 var import_i18n42 = require("@wordpress/i18n");
@@ -6623,7 +6731,7 @@ var moveAxisControls = [
   }
 ];
 var Move = () => {
-  const context = useBoundProp(import_editor_props46.moveTransformPropTypeUtil);
+  const context = useBoundProp(import_editor_props47.moveTransformPropTypeUtil);
   const rowRefs = [(0, import_react55.useRef)(null), (0, import_react55.useRef)(null), (0, import_react55.useRef)(null)];
   return /* @__PURE__ */ React94.createElement(import_ui78.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React94.createElement(PropProvider, { ...context }, /* @__PURE__ */ React94.createElement(PropKeyProvider, { bind: TransformFunctionKeys.move }, moveAxisControls.map((control, index) => /* @__PURE__ */ React94.createElement(
     AxisRow,
@@ -6640,7 +6748,7 @@ var Move = () => {
 // src/controls/transform-control/functions/rotate.tsx
 var React95 = __toESM(require("react"));
 var import_react56 = require("react");
-var import_editor_props47 = require("@elementor/editor-props");
+var import_editor_props48 = require("@elementor/editor-props");
 var import_icons29 = require("@elementor/icons");
 var import_ui79 = require("@elementor/ui");
 var import_i18n43 = require("@wordpress/i18n");
@@ -6663,7 +6771,7 @@ var rotateAxisControls = [
 ];
 var rotateUnits = ["deg", "rad", "grad", "turn"];
 var Rotate = () => {
-  const context = useBoundProp(import_editor_props47.rotateTransformPropTypeUtil);
+  const context = useBoundProp(import_editor_props48.rotateTransformPropTypeUtil);
   const rowRefs = [(0, import_react56.useRef)(null), (0, import_react56.useRef)(null), (0, import_react56.useRef)(null)];
   return /* @__PURE__ */ React95.createElement(import_ui79.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React95.createElement(PropProvider, { ...context }, /* @__PURE__ */ React95.createElement(PropKeyProvider, { bind: TransformFunctionKeys.rotate }, rotateAxisControls.map((control, index) => /* @__PURE__ */ React95.createElement(
     AxisRow,
@@ -6679,7 +6787,7 @@ var Rotate = () => {
 // src/controls/transform-control/functions/scale.tsx
 var React97 = __toESM(require("react"));
 var import_react57 = require("react");
-var import_editor_props48 = require("@elementor/editor-props");
+var import_editor_props49 = require("@elementor/editor-props");
 var import_icons30 = require("@elementor/icons");
 var import_ui81 = require("@elementor/ui");
 var import_i18n44 = require("@wordpress/i18n");
@@ -6710,7 +6818,7 @@ var scaleAxisControls = [
   }
 ];
 var Scale = () => {
-  const context = useBoundProp(import_editor_props48.scaleTransformPropTypeUtil);
+  const context = useBoundProp(import_editor_props49.scaleTransformPropTypeUtil);
   const rowRefs = [(0, import_react57.useRef)(null), (0, import_react57.useRef)(null), (0, import_react57.useRef)(null)];
   return /* @__PURE__ */ React97.createElement(import_ui81.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React97.createElement(PropProvider, { ...context }, /* @__PURE__ */ React97.createElement(PropKeyProvider, { bind: TransformFunctionKeys.scale }, scaleAxisControls.map((control, index) => /* @__PURE__ */ React97.createElement(ScaleAxisRow, { key: control.bind, ...control, anchorRef: rowRefs[index] })))));
 };
@@ -6718,7 +6826,7 @@ var Scale = () => {
 // src/controls/transform-control/functions/skew.tsx
 var React98 = __toESM(require("react"));
 var import_react58 = require("react");
-var import_editor_props49 = require("@elementor/editor-props");
+var import_editor_props50 = require("@elementor/editor-props");
 var import_icons31 = require("@elementor/icons");
 var import_ui82 = require("@elementor/ui");
 var import_i18n45 = require("@wordpress/i18n");
@@ -6736,7 +6844,7 @@ var skewAxisControls = [
 ];
 var skewUnits = ["deg", "rad", "grad", "turn"];
 var Skew = () => {
-  const context = useBoundProp(import_editor_props49.skewTransformPropTypeUtil);
+  const context = useBoundProp(import_editor_props50.skewTransformPropTypeUtil);
   const rowRefs = [(0, import_react58.useRef)(null), (0, import_react58.useRef)(null), (0, import_react58.useRef)(null)];
   return /* @__PURE__ */ React98.createElement(import_ui82.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React98.createElement(PropProvider, { ...context }, /* @__PURE__ */ React98.createElement(PropKeyProvider, { bind: TransformFunctionKeys.skew }, skewAxisControls.map((control, index) => /* @__PURE__ */ React98.createElement(
     AxisRow,
@@ -6751,7 +6859,7 @@ var Skew = () => {
 
 // src/controls/transform-control/use-transform-tabs-history.tsx
 var import_react59 = require("react");
-var import_editor_props50 = require("@elementor/editor-props");
+var import_editor_props51 = require("@elementor/editor-props");
 var import_ui83 = require("@elementor/ui");
 var useTransformTabsHistory = ({
   move: initialMove,
@@ -6759,10 +6867,10 @@ var useTransformTabsHistory = ({
   rotate: initialRotate,
   skew: initialSkew
 }) => {
-  const { value: moveValue, setValue: setMoveValue } = useBoundProp(import_editor_props50.moveTransformPropTypeUtil);
-  const { value: scaleValue, setValue: setScaleValue } = useBoundProp(import_editor_props50.scaleTransformPropTypeUtil);
-  const { value: rotateValue, setValue: setRotateValue } = useBoundProp(import_editor_props50.rotateTransformPropTypeUtil);
-  const { value: skewValue, setValue: setSkewValue } = useBoundProp(import_editor_props50.skewTransformPropTypeUtil);
+  const { value: moveValue, setValue: setMoveValue } = useBoundProp(import_editor_props51.moveTransformPropTypeUtil);
+  const { value: scaleValue, setValue: setScaleValue } = useBoundProp(import_editor_props51.scaleTransformPropTypeUtil);
+  const { value: rotateValue, setValue: setRotateValue } = useBoundProp(import_editor_props51.rotateTransformPropTypeUtil);
+  const { value: skewValue, setValue: setSkewValue } = useBoundProp(import_editor_props51.skewTransformPropTypeUtil);
   const { openItemIndex, items: items2 } = useRepeaterContext();
   const getCurrentTransformType = () => {
     switch (true) {
@@ -6922,7 +7030,7 @@ var import_i18n50 = require("@wordpress/i18n");
 // src/controls/transform-control/transform-base-controls/children-perspective-control.tsx
 var React102 = __toESM(require("react"));
 var import_react60 = require("react");
-var import_editor_props51 = require("@elementor/editor-props");
+var import_editor_props52 = require("@elementor/editor-props");
 var import_ui86 = require("@elementor/ui");
 var import_i18n48 = require("@wordpress/i18n");
 var ORIGIN_UNITS = ["px", "%", "em", "rem"];
@@ -6949,7 +7057,7 @@ var ChildrenPerspectiveControl = () => {
 var PerspectiveControl = () => /* @__PURE__ */ React102.createElement(PropKeyProvider, { bind: "perspective" }, /* @__PURE__ */ React102.createElement(ControlFields, { control: PERSPECTIVE_CONTROL_FIELD, key: PERSPECTIVE_CONTROL_FIELD.bind }));
 var PerspectiveOriginControl = () => /* @__PURE__ */ React102.createElement(PropKeyProvider, { bind: "perspective-origin" }, /* @__PURE__ */ React102.createElement(PerspectiveOriginControlProvider, null));
 var PerspectiveOriginControlProvider = () => {
-  const context = useBoundProp(import_editor_props51.perspectiveOriginPropTypeUtil);
+  const context = useBoundProp(import_editor_props52.perspectiveOriginPropTypeUtil);
   return /* @__PURE__ */ React102.createElement(PropProvider, { ...context }, CHILDREN_PERSPECTIVE_FIELDS.map((control) => /* @__PURE__ */ React102.createElement(PropKeyProvider, { bind: control.bind, key: control.bind }, /* @__PURE__ */ React102.createElement(ControlFields, { control }))));
 };
 var ControlFields = ({ control }) => {
@@ -6960,7 +7068,7 @@ var ControlFields = ({ control }) => {
 // src/controls/transform-control/transform-base-controls/transform-origin-control.tsx
 var React103 = __toESM(require("react"));
 var import_react61 = require("react");
-var import_editor_props52 = require("@elementor/editor-props");
+var import_editor_props53 = require("@elementor/editor-props");
 var import_ui87 = require("@elementor/ui");
 var import_i18n49 = require("@wordpress/i18n");
 var TRANSFORM_ORIGIN_UNITS = ["px", "%", "em", "rem"];
@@ -6986,7 +7094,7 @@ var TransformOriginControl = () => {
   return /* @__PURE__ */ React103.createElement(import_ui87.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React103.createElement(ControlFormLabel, null, (0, import_i18n49.__)("Transform", "elementor")), TRANSFORM_ORIGIN_FIELDS.map((control) => /* @__PURE__ */ React103.createElement(ControlFields2, { control, key: control.bind })));
 };
 var ControlFields2 = ({ control }) => {
-  const context = useBoundProp(import_editor_props52.transformOriginPropTypeUtil);
+  const context = useBoundProp(import_editor_props53.transformOriginPropTypeUtil);
   const rowRef = (0, import_react61.useRef)(null);
   return /* @__PURE__ */ React103.createElement(PropProvider, { ...context }, /* @__PURE__ */ React103.createElement(PropKeyProvider, { bind: control.bind }, /* @__PURE__ */ React103.createElement(PopoverGridContainer, { ref: rowRef }, /* @__PURE__ */ React103.createElement(import_ui87.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React103.createElement(ControlFormLabel, null, control.label)), /* @__PURE__ */ React103.createElement(import_ui87.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React103.createElement(SizeControl, { variant: "length", units: control.units, anchorRef: rowRef })))));
 };
@@ -7034,7 +7142,7 @@ var TransformSettingsControl = ({
 var SIZE11 = "tiny";
 var TransformRepeaterControl = createControl(
   ({ showChildrenPerspective }) => {
-    const context = useBoundProp(import_editor_props53.transformPropTypeUtil);
+    const context = useBoundProp(import_editor_props54.transformPropTypeUtil);
     const headerRef = (0, import_react62.useRef)(null);
     const popupState = (0, import_ui89.usePopupState)({ variant: "popover" });
     return /* @__PURE__ */ React105.createElement(PropProvider, { ...context }, /* @__PURE__ */ React105.createElement(
@@ -7062,7 +7170,7 @@ var Repeater2 = ({
   propType,
   popupState
 }) => {
-  const transformFunctionsContext = useBoundProp(import_editor_props53.transformFunctionsPropTypeUtil);
+  const transformFunctionsContext = useBoundProp(import_editor_props54.transformFunctionsPropTypeUtil);
   const availableValues = [initialTransformValue, initialScaleValue, initialRotateValue, initialSkewValue];
   const { value: transformValues, bind } = transformFunctionsContext;
   const getInitialValue2 = () => {
@@ -7073,7 +7181,7 @@ var Repeater2 = ({
     ControlRepeater,
     {
       initial: getInitialValue2() ?? initialTransformValue,
-      propTypeUtil: import_editor_props53.transformFunctionsPropTypeUtil
+      propTypeUtil: import_editor_props54.transformFunctionsPropTypeUtil
     },
     /* @__PURE__ */ React105.createElement(
       RepeaterHeader,
@@ -7116,7 +7224,7 @@ var TransformBasePopoverTrigger = ({
 // src/controls/transition-control/transition-repeater-control.tsx
 var React108 = __toESM(require("react"));
 var import_react65 = require("react");
-var import_editor_props56 = require("@elementor/editor-props");
+var import_editor_props57 = require("@elementor/editor-props");
 var import_icons36 = require("@elementor/icons");
 var import_ui92 = require("@elementor/ui");
 var import_utils7 = require("@elementor/utils");
@@ -7125,11 +7233,11 @@ var import_i18n54 = require("@wordpress/i18n");
 // src/controls/selection-size-control.tsx
 var React106 = __toESM(require("react"));
 var import_react63 = require("react");
-var import_editor_props54 = require("@elementor/editor-props");
+var import_editor_props55 = require("@elementor/editor-props");
 var import_ui90 = require("@elementor/ui");
 var SelectionSizeControl = createControl(
   ({ selectionLabel, sizeLabel, selectionConfig, sizeConfigMap }) => {
-    const { value, setValue, propType } = useBoundProp(import_editor_props54.selectionSizePropTypeUtil);
+    const { value, setValue, propType } = useBoundProp(import_editor_props55.selectionSizePropTypeUtil);
     const rowRef = (0, import_react63.useRef)(null);
     const sizeFieldId = sizeLabel.replace(/\s+/g, "-").toLowerCase();
     const currentSizeConfig = (0, import_react63.useMemo)(() => {
@@ -7346,7 +7454,7 @@ function subscribeToTransitionEvent() {
 // src/controls/transition-control/transition-selector.tsx
 var React107 = __toESM(require("react"));
 var import_react64 = require("react");
-var import_editor_props55 = require("@elementor/editor-props");
+var import_editor_props56 = require("@elementor/editor-props");
 var import_editor_ui14 = require("@elementor/editor-ui");
 var import_icons35 = require("@elementor/icons");
 var import_ui91 = require("@elementor/ui");
@@ -7427,7 +7535,7 @@ var TransitionSelector = ({
   disabledItems = [],
   showPromotion = false
 }) => {
-  const { value, setValue } = useBoundProp(import_editor_props55.keyValuePropTypeUtil);
+  const { value, setValue } = useBoundProp(import_editor_props56.keyValuePropTypeUtil);
   const {
     key: { value: transitionLabel }
   } = value;
@@ -7546,9 +7654,9 @@ var DURATION_CONFIG = {
   units: ["s", "ms"],
   defaultUnit: "ms"
 };
-var childArrayPropTypeUtil = (0, import_editor_props56.createArrayPropUtils)(
-  import_editor_props56.selectionSizePropTypeUtil.key,
-  import_editor_props56.selectionSizePropTypeUtil.schema,
+var childArrayPropTypeUtil = (0, import_editor_props57.createArrayPropUtils)(
+  import_editor_props57.selectionSizePropTypeUtil.key,
+  import_editor_props57.selectionSizePropTypeUtil.schema,
   "transition"
 );
 subscribeToTransitionEvent();
@@ -7592,7 +7700,7 @@ var isItemDisabled = (item) => {
 };
 var getChildControlConfig = (recentlyUsedList, disabledItems, showPromotion) => {
   return {
-    propTypeUtil: import_editor_props56.selectionSizePropTypeUtil,
+    propTypeUtil: import_editor_props57.selectionSizePropTypeUtil,
     component: SelectionSizeControl,
     props: getSelectionSizeProps(recentlyUsedList, disabledItems, showPromotion),
     isItemDisabled
@@ -7723,17 +7831,17 @@ var TransitionRepeaterControl = createControl(
 // src/controls/date-time-control.tsx
 var React109 = __toESM(require("react"));
 var dayjs = __toESM(require("dayjs"));
-var import_editor_props57 = require("@elementor/editor-props");
 var import_editor_props58 = require("@elementor/editor-props");
+var import_editor_props59 = require("@elementor/editor-props");
 var import_ui93 = require("@elementor/ui");
 var DATE_FORMAT = "YYYY-MM-DD";
 var TIME_FORMAT = "HH:mm";
 var DateTimeControl = createControl(({ inputDisabled }) => {
-  const { value, setValue, ...propContext } = useBoundProp(import_editor_props58.DateTimePropTypeUtil);
+  const { value, setValue, ...propContext } = useBoundProp(import_editor_props59.DateTimePropTypeUtil);
   const handleChange = (newValue, meta) => {
     const field = meta.bind;
     const fieldValue = newValue[field];
-    if ((0, import_editor_props57.isTransformable)(fieldValue)) {
+    if ((0, import_editor_props58.isTransformable)(fieldValue)) {
       return setValue({ ...value, [field]: fieldValue });
     }
     let formattedValue = "";
@@ -7772,7 +7880,7 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
   return /* @__PURE__ */ React109.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React109.createElement(ControlActions, null, /* @__PURE__ */ React109.createElement(import_ui93.LocalizationProvider, null, /* @__PURE__ */ React109.createElement(import_ui93.Box, { display: "flex", gap: 1, alignItems: "center" }, /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "date" }, /* @__PURE__ */ React109.createElement(
     import_ui93.DatePicker,
     {
-      value: parseDateValue(import_editor_props57.stringPropTypeUtil.extract(value?.date)),
+      value: parseDateValue(import_editor_props58.stringPropTypeUtil.extract(value?.date)),
       onChange: (v) => handleChange({ date: v }, { bind: "date" }),
       disabled: inputDisabled,
       slotProps: {
@@ -7784,7 +7892,7 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
   )), /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "time" }, /* @__PURE__ */ React109.createElement(
     import_ui93.TimePicker,
     {
-      value: parseTimeValue(import_editor_props57.stringPropTypeUtil.extract(value?.time)),
+      value: parseTimeValue(import_editor_props58.stringPropTypeUtil.extract(value?.time)),
       onChange: (v) => handleChange({ time: v }, { bind: "time" }),
       disabled: inputDisabled,
       slotProps: {
@@ -7798,13 +7906,13 @@ var DateTimeControl = createControl(({ inputDisabled }) => {
 
 // src/controls/date-range-control.tsx
 var React111 = __toESM(require("react"));
-var import_editor_props60 = require("@elementor/editor-props");
+var import_editor_props61 = require("@elementor/editor-props");
 var import_ui95 = require("@elementor/ui");
 var import_i18n55 = require("@wordpress/i18n");
 
 // src/controls/date-string-control.tsx
 var React110 = __toESM(require("react"));
-var import_editor_props59 = require("@elementor/editor-props");
+var import_editor_props60 = require("@elementor/editor-props");
 var import_ui94 = require("@elementor/ui");
 
 // src/utils/date-time.ts
@@ -7839,7 +7947,7 @@ function parseTimeString(raw) {
 // src/controls/date-string-control.tsx
 var DateStringControl = createControl(
   ({ inputDisabled, ariaLabel, error, coerceInvalidToNull = false }) => {
-    const { value, setValue, disabled } = useBoundProp(import_editor_props59.dateStringPropTypeUtil);
+    const { value, setValue, disabled } = useBoundProp(import_editor_props60.dateStringPropTypeUtil);
     const isDisabled = inputDisabled ?? disabled;
     const slotProps = {
       textField: {
@@ -7887,9 +7995,9 @@ var isMaxBeforeMin = (minIso, maxIso) => {
 };
 var RANGE_ERROR_MESSAGE = (0, import_i18n55.__)("Max date must be on or after Min date", "elementor");
 var DateRangeControl = createControl(() => {
-  const { value, setValue, ...propContext } = useBoundProp(import_editor_props60.dateRangePropTypeUtil);
-  const minString = import_editor_props60.dateStringPropTypeUtil.extract(value?.min);
-  const maxString = import_editor_props60.dateStringPropTypeUtil.extract(value?.max);
+  const { value, setValue, ...propContext } = useBoundProp(import_editor_props61.dateRangePropTypeUtil);
+  const minString = import_editor_props61.dateStringPropTypeUtil.extract(value?.min);
+  const maxString = import_editor_props61.dateStringPropTypeUtil.extract(value?.max);
   const hasInvalidRange = isMaxBeforeMin(minString, maxString);
   return /* @__PURE__ */ React111.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React111.createElement(import_ui95.Stack, { gap: 0.75 }, /* @__PURE__ */ React111.createElement(import_ui95.Stack, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React111.createElement(import_ui95.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React111.createElement(import_ui95.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React111.createElement(ControlFormLabel, null, RANGE_LABELS.min)), /* @__PURE__ */ React111.createElement(import_ui95.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React111.createElement(
     BoundDateStringControl,
@@ -7917,11 +8025,11 @@ var BoundDateStringControl = ({
 
 // src/controls/time-string-control.tsx
 var React112 = __toESM(require("react"));
-var import_editor_props61 = require("@elementor/editor-props");
+var import_editor_props62 = require("@elementor/editor-props");
 var import_ui96 = require("@elementor/ui");
 var TimeStringControl = createControl(
   ({ inputDisabled, ariaLabel, error, coerceInvalidToNull = false }) => {
-    const { value, setValue, disabled } = useBoundProp(import_editor_props61.timeStringPropTypeUtil);
+    const { value, setValue, disabled } = useBoundProp(import_editor_props62.timeStringPropTypeUtil);
     const isDisabled = inputDisabled ?? disabled;
     const slotProps = {
       textField: {
@@ -7958,7 +8066,7 @@ var TimeStringControl = createControl(
 
 // src/controls/time-range-control.tsx
 var React113 = __toESM(require("react"));
-var import_editor_props62 = require("@elementor/editor-props");
+var import_editor_props63 = require("@elementor/editor-props");
 var import_ui97 = require("@elementor/ui");
 var import_i18n56 = require("@wordpress/i18n");
 var RANGE_LABELS2 = {
@@ -7966,7 +8074,7 @@ var RANGE_LABELS2 = {
   max: (0, import_i18n56.__)("End time", "elementor")
 };
 var TimeRangeControl = createControl(() => {
-  const { value, setValue, ...propContext } = useBoundProp(import_editor_props62.timeRangePropTypeUtil);
+  const { value, setValue, ...propContext } = useBoundProp(import_editor_props63.timeRangePropTypeUtil);
   return /* @__PURE__ */ React113.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React113.createElement(import_ui97.Stack, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React113.createElement(import_ui97.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React113.createElement(import_ui97.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React113.createElement(ControlFormLabel, null, RANGE_LABELS2.min)), /* @__PURE__ */ React113.createElement(import_ui97.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React113.createElement(BoundTimeStringControl, { bind: "min", ariaLabel: RANGE_LABELS2.min }))), /* @__PURE__ */ React113.createElement(import_ui97.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React113.createElement(import_ui97.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React113.createElement(ControlFormLabel, null, RANGE_LABELS2.max)), /* @__PURE__ */ React113.createElement(import_ui97.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React113.createElement(BoundTimeStringControl, { bind: "max", ariaLabel: RANGE_LABELS2.max })))));
 });
 var BoundTimeStringControl = ({ bind, ariaLabel }) => {
@@ -7976,7 +8084,7 @@ var BoundTimeStringControl = ({ bind, ariaLabel }) => {
 // src/controls/inline-editing-control.tsx
 var React117 = __toESM(require("react"));
 var import_react71 = require("react");
-var import_editor_props64 = require("@elementor/editor-props");
+var import_editor_props65 = require("@elementor/editor-props");
 var import_ui101 = require("@elementor/ui");
 
 // src/components/inline-editor.tsx
@@ -7998,7 +8106,7 @@ var import_extension_underline = __toESM(require("@tiptap/extension-underline"))
 var import_react67 = require("@tiptap/react");
 
 // src/utils/inline-editing.ts
-var import_editor_props63 = require("@elementor/editor-props");
+var import_editor_props64 = require("@elementor/editor-props");
 function isEmpty(value = "") {
   if (!value) {
     return true;
@@ -8016,11 +8124,11 @@ function htmlToPlainText(html) {
   return doc.body.textContent ?? "";
 }
 function extractInlineHtmlContent(propValue) {
-  if (import_editor_props63.escapedHtmlPropTypeUtil.isValid(propValue)) {
-    return import_editor_props63.escapedHtmlPropTypeUtil.extract(propValue) ?? "";
+  if (import_editor_props64.escapedHtmlPropTypeUtil.isValid(propValue)) {
+    return import_editor_props64.escapedHtmlPropTypeUtil.extract(propValue) ?? "";
   }
-  const htmlV3 = import_editor_props63.htmlV3PropTypeUtil.extract(propValue);
-  return import_editor_props63.stringPropTypeUtil.extract(htmlV3?.content ?? null) ?? "";
+  const htmlV3 = import_editor_props64.htmlV3PropTypeUtil.extract(propValue);
+  return import_editor_props64.stringPropTypeUtil.extract(htmlV3?.content ?? null) ?? "";
 }
 
 // src/components/inline-editor.tsx
@@ -8455,7 +8563,7 @@ var possibleFormats = Object.keys(formatButtons);
 
 // src/controls/inline-editing-control.tsx
 var InlineEditingControl = createControl(({ sx, attributes, props, context: { elementId } }) => {
-  const { setValue, placeholder, value } = useBoundProp(import_editor_props64.escapedHtmlPropTypeUtil);
+  const { setValue, placeholder, value } = useBoundProp(import_editor_props65.escapedHtmlPropTypeUtil);
   const { value: rawValue } = usePropKeyContext();
   const content = value ?? extractInlineHtmlContent(rawValue);
   const [editor, setEditor] = (0, import_react71.useState)(null);
@@ -8542,7 +8650,7 @@ var InlineEditingControl = createControl(({ sx, attributes, props, context: { el
 
 // src/controls/email-form-action-control/index.tsx
 var React121 = __toESM(require("react"));
-var import_editor_props67 = require("@elementor/editor-props");
+var import_editor_props68 = require("@elementor/editor-props");
 var import_editor_ui16 = require("@elementor/editor-ui");
 var import_ui105 = require("@elementor/ui");
 var import_i18n60 = require("@wordpress/i18n");
@@ -8555,7 +8663,7 @@ var import_i18n59 = require("@wordpress/i18n");
 
 // src/hooks/use-form-field-suggestions.ts
 var import_editor_elements8 = require("@elementor/editor-elements");
-var import_editor_props65 = require("@elementor/editor-props");
+var import_editor_props66 = require("@elementor/editor-props");
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var FORM_FIELD_WIDGET_TYPES = [
   "e-form-input",
@@ -8572,7 +8680,7 @@ function isFormFieldWidgetType(widgetType) {
   return FORM_FIELD_WIDGET_TYPES.includes(widgetType);
 }
 function extractStringPropValue(value) {
-  return import_editor_props65.stringPropTypeUtil.extract(value);
+  return import_editor_props66.stringPropTypeUtil.extract(value);
 }
 function getSettingWithDefault(child, widgetType, key) {
   const fromGet = child.settings.get(key);
@@ -8642,7 +8750,7 @@ function useFormFieldSuggestions(options) {
 // src/controls/email-form-action-control/email-chips-field.tsx
 var React118 = __toESM(require("react"));
 var import_react72 = require("react");
-var import_editor_props66 = require("@elementor/editor-props");
+var import_editor_props67 = require("@elementor/editor-props");
 var import_ui102 = require("@elementor/ui");
 
 // src/controls/email-form-action-control/utils.ts
@@ -8678,10 +8786,10 @@ function resolveMention(raw, suggestions) {
   return match ? `[${match.value}]` : raw;
 }
 var EmailChipsControl = createControl(({ placeholder, suggestions = [] }) => {
-  const { value, setValue, disabled } = useBoundProp(import_editor_props66.stringArrayPropTypeUtil);
+  const { value, setValue, disabled } = useBoundProp(import_editor_props67.stringArrayPropTypeUtil);
   const [inputValue, setInputValue] = (0, import_react72.useState)("");
   const items2 = value || [];
-  const selectedValues = items2.map((item) => import_editor_props66.stringPropTypeUtil.extract(item)).filter((val) => val !== null);
+  const selectedValues = items2.map((item) => import_editor_props67.stringPropTypeUtil.extract(item)).filter((val) => val !== null);
   const suggestionOptions = (0, import_react72.useMemo)(
     () => suggestions.map((suggestion) => `[${suggestion.value}]`),
     [suggestions]
@@ -8691,7 +8799,7 @@ var EmailChipsControl = createControl(({ placeholder, suggestions = [] }) => {
     if (!address || selectedValues.includes(address) || !isValidRecipient(address)) {
       return;
     }
-    setValue([...items2, import_editor_props66.stringPropTypeUtil.create(address)]);
+    setValue([...items2, import_editor_props67.stringPropTypeUtil.create(address)]);
     setInputValue("");
   };
   const handleChange = (_, newValue) => {
@@ -8701,7 +8809,7 @@ var EmailChipsControl = createControl(({ placeholder, suggestions = [] }) => {
       if (!address || !isValidRecipient(address)) {
         continue;
       }
-      updated.push(import_editor_props66.stringPropTypeUtil.create(address));
+      updated.push(import_editor_props67.stringPropTypeUtil.create(address));
     }
     setValue(updated);
     setInputValue("");
@@ -8842,7 +8950,7 @@ var SendAsField = () => /* @__PURE__ */ React120.createElement(PropKeyProvider,
 // src/controls/email-form-action-control/index.tsx
 var EmailFormActionControl = createControl(
   ({ toPlaceholder, label }) => {
-    const { value, setValue, ...propContext } = useBoundProp(import_editor_props67.emailsPropTypeUtil);
+    const { value, setValue, ...propContext } = useBoundProp(import_editor_props68.emailsPropTypeUtil);
     return /* @__PURE__ */ React121.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React121.createElement(import_ui105.Stack, { gap: 2 }, /* @__PURE__ */ React121.createElement(ControlLabel, null, label ? label + " " + (0, import_i18n60.__)("settings", "elementor") : (0, import_i18n60.__)("Email settings", "elementor")), /* @__PURE__ */ React121.createElement(SendToField, { placeholder: toPlaceholder }), /* @__PURE__ */ React121.createElement(SubjectField, null), /* @__PURE__ */ React121.createElement(MessageField, null), /* @__PURE__ */ React121.createElement(FromEmailField, null), /* @__PURE__ */ React121.createElement(AdvancedSettings, null)));
   }
 );
@@ -8862,7 +8970,7 @@ var AttachmentTypeControl = createControl(({ label, options }) => {
 
 // src/controls/grid-span-control.tsx
 var React123 = __toESM(require("react"));
-var import_editor_props68 = require("@elementor/editor-props");
+var import_editor_props69 = require("@elementor/editor-props");
 var import_ui107 = require("@elementor/ui");
 var GridSpanControl = createControl(
   ({
@@ -8874,7 +8982,7 @@ var GridSpanControl = createControl(
     sx,
     ariaLabel
   }) => {
-    const { value, setValue, disabled, placeholder: boundPlaceholder } = useBoundProp(import_editor_props68.spanPropTypeUtil);
+    const { value, setValue, disabled, placeholder: boundPlaceholder } = useBoundProp(import_editor_props69.spanPropTypeUtil);
     const handleChange = (event) => {
       const next = event.target.value;
       setValue(next === "" ? null : next);