@elementor/editor-controls 3.35.0 → 3.35.2

package/dist/index.mjs

@@ -274,7 +274,6 @@ var createControlReplacementsRegistry = () => {
 };
 
 // src/create-control.tsx
-var brandSymbol = Symbol("control");
 function createControl(Control5) {
   return ((props) => {
     const { ControlToRender, OriginalControl, isReplaced } = useControlReplacement(Control5);
@@ -5783,7 +5782,7 @@ var transitionsItemsList = transitionProperties.map((category) => ({
 
 // src/controls/transition-control/trainsition-events.ts
 import { getSelectedElements } from "@elementor/editor-elements";
-import { trackEvent } from "@elementor/mixpanel";
+import { trackEvent } from "@elementor/events";
 var transitionRepeaterMixpanelEvent = {
   eventName: "click_added_transition",
   location: "V4 Style Tab",
@@ -6459,20 +6458,59 @@ var InlineEditingControl = createControl(
 );
 
 // src/components/promotions/display-conditions-control.tsx
-import * as React101 from "react";
-import { useState as useState18 } from "react";
-import { PromotionChip as PromotionChip2, PromotionInfotip } from "@elementor/editor-ui";
+import * as React102 from "react";
+import { useRef as useRef25 } from "react";
 import { SitemapIcon } from "@elementor/icons";
-import { Box as Box24, IconButton as IconButton8, Stack as Stack16, Tooltip as Tooltip9 } from "@elementor/ui";
+import { IconButton as IconButton8, Stack as Stack16, Tooltip as Tooltip9 } from "@elementor/ui";
 import { __ as __50 } from "@wordpress/i18n";
-var ARIA_LABEL = __50("Display Conditions", "elementor");
-function getDisplayConditionPromotion() {
-  return window.elementor?.config?.v4Promotions?.displayConditions;
+
+// src/components/promotions/promotion-trigger.tsx
+import * as React101 from "react";
+import { forwardRef as forwardRef11, useImperativeHandle, useState as useState18 } from "react";
+import { PromotionChip as PromotionChip2, PromotionInfotip } from "@elementor/editor-ui";
+import { Box as Box24 } from "@elementor/ui";
+function getV4Promotion(key) {
+  return window.elementor?.config?.v4Promotions?.[key];
 }
+var PromotionTrigger = forwardRef11(
+  ({ promotionKey, children }, ref) => {
+    const [isOpen, setIsOpen] = useState18(false);
+    const promotion = getV4Promotion(promotionKey);
+    const toggle = () => setIsOpen((prev) => !prev);
+    useImperativeHandle(ref, () => ({ toggle }), []);
+    return /* @__PURE__ */ React101.createElement(React101.Fragment, null, promotion && /* @__PURE__ */ React101.createElement(
+      PromotionInfotip,
+      {
+        title: promotion.title,
+        content: promotion.content,
+        assetUrl: promotion.image,
+        ctaUrl: promotion.ctaUrl,
+        open: isOpen,
+        onClose: (e) => {
+          e.stopPropagation();
+          setIsOpen(false);
+        }
+      },
+      /* @__PURE__ */ React101.createElement(
+        Box24,
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            toggle();
+          },
+          sx: { cursor: "pointer", display: "inline-flex" }
+        },
+        children ?? /* @__PURE__ */ React101.createElement(PromotionChip2, null)
+      )
+    ));
+  }
+);
+
+// src/components/promotions/display-conditions-control.tsx
+var ARIA_LABEL = __50("Display Conditions", "elementor");
 var DisplayConditionsControl = createControl(() => {
-  const [isInfotipOpen, setIsInfotipOpen] = useState18(false);
-  const promotion = getDisplayConditionPromotion();
-  return /* @__PURE__ */ React101.createElement(
+  const triggerRef = useRef25(null);
+  return /* @__PURE__ */ React102.createElement(
     Stack16,
     {
       direction: "row",
@@ -6482,67 +6520,82 @@ var DisplayConditionsControl = createControl(() => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React101.createElement(
-      PromotionInfotip,
-      {
-        title: promotion?.title ?? "",
-        content: promotion?.content ?? "",
-        assetUrl: promotion?.image ?? "",
-        ctaUrl: promotion?.ctaUrl ?? "",
-        open: isInfotipOpen,
-        onClose: () => setIsInfotipOpen(false)
-      },
-      /* @__PURE__ */ React101.createElement(
-        Box24,
-        {
-          onClick: () => setIsInfotipOpen((prev) => !prev),
-          sx: { cursor: "pointer", display: "inline-flex" }
-        },
-        /* @__PURE__ */ React101.createElement(PromotionChip2, null)
-      )
-    ),
-    /* @__PURE__ */ React101.createElement(Tooltip9, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React101.createElement(
+    /* @__PURE__ */ React102.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "displayConditions" }),
+    /* @__PURE__ */ React102.createElement(Tooltip9, { title: ARIA_LABEL, placement: "top" }, /* @__PURE__ */ React102.createElement(
       IconButton8,
       {
         size: "tiny",
         "aria-label": ARIA_LABEL,
         "data-behavior": "display-conditions",
-        onClick: () => setIsInfotipOpen((prev) => !prev),
+        onClick: () => triggerRef.current?.toggle(),
         sx: {
           border: "1px solid",
           borderColor: "divider",
           borderRadius: 1
         }
       },
-      /* @__PURE__ */ React101.createElement(SitemapIcon, { fontSize: "tiny", color: "disabled" })
+      /* @__PURE__ */ React102.createElement(SitemapIcon, { fontSize: "tiny", color: "disabled" })
+    ))
+  );
+});
+
+// src/components/promotions/attributes-control.tsx
+import * as React103 from "react";
+import { useRef as useRef26 } from "react";
+import { PlusIcon as PlusIcon3 } from "@elementor/icons";
+import { Stack as Stack17, Tooltip as Tooltip10 } from "@elementor/ui";
+import { __ as __51 } from "@wordpress/i18n";
+var ARIA_LABEL2 = __51("Attributes", "elementor");
+var AttributesControl = createControl(() => {
+  const triggerRef = useRef26(null);
+  return /* @__PURE__ */ React103.createElement(
+    Stack17,
+    {
+      direction: "row",
+      spacing: 2,
+      sx: {
+        justifyContent: "flex-end",
+        alignItems: "center"
+      }
+    },
+    /* @__PURE__ */ React103.createElement(PromotionTrigger, { ref: triggerRef, promotionKey: "attributes" }),
+    /* @__PURE__ */ React103.createElement(Tooltip10, { title: ARIA_LABEL2, placement: "top" }, /* @__PURE__ */ React103.createElement(
+      PlusIcon3,
+      {
+        "aria-label": ARIA_LABEL2,
+        fontSize: "tiny",
+        color: "disabled",
+        onClick: () => triggerRef.current?.toggle(),
+        sx: { cursor: "pointer" }
+      }
     ))
   );
 });
 
 // src/components/icon-buttons/clear-icon-button.tsx
-import * as React102 from "react";
+import * as React104 from "react";
 import { BrushBigIcon } from "@elementor/icons";
-import { IconButton as IconButton9, styled as styled10, Tooltip as Tooltip10 } from "@elementor/ui";
+import { IconButton as IconButton9, styled as styled10, Tooltip as Tooltip11 } from "@elementor/ui";
 var CustomIconButton = styled10(IconButton9)(({ theme }) => ({
   width: theme.spacing(2.5),
   height: theme.spacing(2.5)
 }));
-var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React102.createElement(Tooltip10, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React102.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React102.createElement(BrushBigIcon, { fontSize: size })));
+var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React104.createElement(Tooltip11, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React104.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React104.createElement(BrushBigIcon, { fontSize: size })));
 
 // src/components/repeater/repeater.tsx
-import * as React103 from "react";
+import * as React105 from "react";
 import { useEffect as useEffect12, useState as useState19 } from "react";
-import { CopyIcon as CopyIcon2, EyeIcon as EyeIcon2, EyeOffIcon as EyeOffIcon2, PlusIcon as PlusIcon3, XIcon as XIcon4 } from "@elementor/icons";
+import { CopyIcon as CopyIcon2, EyeIcon as EyeIcon2, EyeOffIcon as EyeOffIcon2, PlusIcon as PlusIcon4, XIcon as XIcon4 } from "@elementor/icons";
 import {
   bindPopover as bindPopover7,
   bindTrigger as bindTrigger6,
   Box as Box25,
   IconButton as IconButton10,
   Infotip as Infotip4,
-  Tooltip as Tooltip11,
+  Tooltip as Tooltip12,
   usePopupState as usePopupState8
 } from "@elementor/ui";
-import { __ as __51 } from "@wordpress/i18n";
+import { __ as __52 } from "@wordpress/i18n";
 var SIZE9 = "tiny";
 var EMPTY_OPEN_ITEM2 = -1;
 var Repeater3 = ({
@@ -6623,7 +6676,7 @@ var Repeater3 = ({
   };
   const isButtonDisabled = disabled || disableAddItemButton;
   const shouldShowInfotip = isButtonDisabled && addButtonInfotipContent;
-  const addButton = /* @__PURE__ */ React103.createElement(
+  const addButton = /* @__PURE__ */ React105.createElement(
     IconButton10,
     {
       size: SIZE9,
@@ -6632,11 +6685,11 @@ var Repeater3 = ({
       },
       disabled: isButtonDisabled,
       onClick: addRepeaterItem,
-      "aria-label": __51("Add item", "elementor")
+      "aria-label": __52("Add item", "elementor")
     },
-    /* @__PURE__ */ React103.createElement(PlusIcon3, { fontSize: SIZE9 })
+    /* @__PURE__ */ React105.createElement(PlusIcon4, { fontSize: SIZE9 })
   );
-  return /* @__PURE__ */ React103.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React103.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React103.createElement(
+  return /* @__PURE__ */ React105.createElement(SectionContent, { gap: 2 }, /* @__PURE__ */ React105.createElement(RepeaterHeader, { label, adornment: ControlAdornments }, shouldShowInfotip ? /* @__PURE__ */ React105.createElement(
     Infotip4,
     {
       placement: "right",
@@ -6644,20 +6697,20 @@ var Repeater3 = ({
       color: "secondary",
       slotProps: { popper: { sx: { width: 300 } } }
     },
-    /* @__PURE__ */ React103.createElement(Box25, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
-  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React103.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
+    /* @__PURE__ */ React105.createElement(Box25, { sx: { ...isButtonDisabled ? { cursor: "not-allowed" } : {} } }, addButton)
+  ) : addButton), 0 < uniqueKeys.length && /* @__PURE__ */ React105.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key) => {
     const index = uniqueKeys.indexOf(key);
     const value = items2[index];
     if (!value) {
       return null;
     }
-    return /* @__PURE__ */ React103.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React103.createElement(
+    return /* @__PURE__ */ React105.createElement(SortableItem, { id: key, key: `sortable-${key}`, disabled: !isSortable }, /* @__PURE__ */ React105.createElement(
       RepeaterItem,
       {
         disabled,
         propDisabled: value?.disabled,
-        label: /* @__PURE__ */ React103.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React103.createElement(itemSettings.Label, { value, index })),
-        startIcon: /* @__PURE__ */ React103.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React103.createElement(itemSettings.Icon, { value })),
+        label: /* @__PURE__ */ React105.createElement(RepeaterItemLabelSlot, { value }, /* @__PURE__ */ React105.createElement(itemSettings.Label, { value, index })),
+        startIcon: /* @__PURE__ */ React105.createElement(RepeaterItemIconSlot, { value }, /* @__PURE__ */ React105.createElement(itemSettings.Icon, { value })),
         removeItem: () => removeRepeaterItem(index),
         duplicateItem: () => duplicateRepeaterItem(index),
         toggleDisableItem: () => toggleDisableRepeaterItem(index),
@@ -6669,7 +6722,7 @@ var Repeater3 = ({
         actions: itemSettings.actions,
         value
       },
-      (props) => /* @__PURE__ */ React103.createElement(
+      (props) => /* @__PURE__ */ React105.createElement(
         itemSettings.Content,
         {
           ...props,
@@ -6699,21 +6752,21 @@ var RepeaterItem = ({
   value
 }) => {
   const { popoverState, popoverProps, ref, setRef } = usePopover(openOnMount, onOpen);
-  const duplicateLabel = __51("Duplicate", "elementor");
-  const toggleLabel = propDisabled ? __51("Show", "elementor") : __51("Hide", "elementor");
-  const removeLabel = __51("Remove", "elementor");
-  return /* @__PURE__ */ React103.createElement(React103.Fragment, null, /* @__PURE__ */ React103.createElement(
+  const duplicateLabel = __52("Duplicate", "elementor");
+  const toggleLabel = propDisabled ? __52("Show", "elementor") : __52("Hide", "elementor");
+  const removeLabel = __52("Remove", "elementor");
+  return /* @__PURE__ */ React105.createElement(React105.Fragment, null, /* @__PURE__ */ React105.createElement(
     RepeaterTag,
     {
       disabled,
       label,
       ref: setRef,
-      "aria-label": __51("Open item", "elementor"),
+      "aria-label": __52("Open item", "elementor"),
       ...bindTrigger6(popoverState),
       startIcon,
-      actions: /* @__PURE__ */ React103.createElement(React103.Fragment, null, showDuplicate && /* @__PURE__ */ React103.createElement(Tooltip11, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React103.createElement(IconButton10, { size: SIZE9, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React103.createElement(CopyIcon2, { fontSize: SIZE9 }))), showToggle && /* @__PURE__ */ React103.createElement(Tooltip11, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React103.createElement(IconButton10, { size: SIZE9, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React103.createElement(EyeOffIcon2, { fontSize: SIZE9 }) : /* @__PURE__ */ React103.createElement(EyeIcon2, { fontSize: SIZE9 }))), actions?.(value), showRemove && /* @__PURE__ */ React103.createElement(Tooltip11, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React103.createElement(IconButton10, { size: SIZE9, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React103.createElement(XIcon4, { fontSize: SIZE9 }))))
+      actions: /* @__PURE__ */ React105.createElement(React105.Fragment, null, showDuplicate && /* @__PURE__ */ React105.createElement(Tooltip12, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React105.createElement(IconButton10, { size: SIZE9, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React105.createElement(CopyIcon2, { fontSize: SIZE9 }))), showToggle && /* @__PURE__ */ React105.createElement(Tooltip12, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React105.createElement(IconButton10, { size: SIZE9, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React105.createElement(EyeOffIcon2, { fontSize: SIZE9 }) : /* @__PURE__ */ React105.createElement(EyeIcon2, { fontSize: SIZE9 }))), actions?.(value), showRemove && /* @__PURE__ */ React105.createElement(Tooltip12, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React105.createElement(IconButton10, { size: SIZE9, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React105.createElement(XIcon4, { fontSize: SIZE9 }))))
     }
-  ), /* @__PURE__ */ React103.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React103.createElement(Box25, null, children({ anchorEl: ref }))));
+  ), /* @__PURE__ */ React105.createElement(RepeaterPopover, { width: ref?.getBoundingClientRect().width, ...popoverProps, anchorEl: ref }, /* @__PURE__ */ React105.createElement(Box25, null, children({ anchorEl: ref }))));
 };
 var usePopover = (openOnMount, onOpen) => {
   const [ref, setRef] = useState19(null);
@@ -6734,8 +6787,8 @@ var usePopover = (openOnMount, onOpen) => {
 };
 
 // src/components/inline-editor-toolbar.tsx
-import * as React105 from "react";
-import { useMemo as useMemo15, useRef as useRef26, useState as useState20 } from "react";
+import * as React107 from "react";
+import { useMemo as useMemo15, useRef as useRef28, useState as useState20 } from "react";
 import { getElementSetting } from "@elementor/editor-elements";
 import {
   BoldIcon,
@@ -6753,18 +6806,18 @@ import {
   ToggleButton as ToggleButton3,
   ToggleButtonGroup as ToggleButtonGroup2,
   toggleButtonGroupClasses,
-  Tooltip as Tooltip13,
+  Tooltip as Tooltip14,
   usePopupState as usePopupState9
 } from "@elementor/ui";
 import { useEditorState } from "@tiptap/react";
-import { __ as __53 } from "@wordpress/i18n";
+import { __ as __54 } from "@wordpress/i18n";
 
 // src/components/url-popover.tsx
-import * as React104 from "react";
-import { useEffect as useEffect13, useRef as useRef25 } from "react";
+import * as React106 from "react";
+import { useEffect as useEffect13, useRef as useRef27 } from "react";
 import { ExternalLinkIcon } from "@elementor/icons";
-import { bindPopover as bindPopover8, Popover as Popover7, Stack as Stack17, TextField as TextField8, ToggleButton as ToggleButton2, Tooltip as Tooltip12 } from "@elementor/ui";
-import { __ as __52 } from "@wordpress/i18n";
+import { bindPopover as bindPopover8, Popover as Popover7, Stack as Stack18, TextField as TextField8, ToggleButton as ToggleButton2, Tooltip as Tooltip13 } from "@elementor/ui";
+import { __ as __53 } from "@wordpress/i18n";
 var UrlPopover = ({
   popupState,
   restoreValue,
@@ -6774,7 +6827,7 @@ var UrlPopover = ({
   openInNewTab,
   onToggleNewTab
 }) => {
-  const inputRef = useRef25(null);
+  const inputRef = useRef27(null);
   useEffect13(() => {
     if (popupState.isOpen) {
       requestAnimationFrame(() => inputRef.current?.focus());
@@ -6784,7 +6837,7 @@ var UrlPopover = ({
     restoreValue();
     popupState.close();
   };
-  return /* @__PURE__ */ React104.createElement(
+  return /* @__PURE__ */ React106.createElement(
     Popover7,
     {
       slotProps: {
@@ -6795,30 +6848,30 @@ var UrlPopover = ({
       transformOrigin: { vertical: "top", horizontal: "left" },
       onClose: handleClose
     },
-    /* @__PURE__ */ React104.createElement(Stack17, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React104.createElement(
+    /* @__PURE__ */ React106.createElement(Stack18, { direction: "row", alignItems: "center", gap: 1, sx: { p: 1.5 } }, /* @__PURE__ */ React106.createElement(
       TextField8,
       {
         value,
         onChange,
         size: "tiny",
         fullWidth: true,
-        placeholder: __52("Type a URL", "elementor"),
+        placeholder: __53("Type a URL", "elementor"),
         inputProps: { ref: inputRef },
         color: "secondary",
         InputProps: { sx: { borderRadius: "8px" } },
         onKeyUp: (event) => event.key === "Enter" && handleClose()
       }
-    ), /* @__PURE__ */ React104.createElement(Tooltip12, { title: __52("Open in a new tab", "elementor") }, /* @__PURE__ */ React104.createElement(
+    ), /* @__PURE__ */ React106.createElement(Tooltip13, { title: __53("Open in a new tab", "elementor") }, /* @__PURE__ */ React106.createElement(
       ToggleButton2,
       {
         size: "tiny",
         value: "newTab",
         selected: openInNewTab,
         onClick: onToggleNewTab,
-        "aria-label": __52("Open in a new tab", "elementor"),
+        "aria-label": __53("Open in a new tab", "elementor"),
         sx: { borderRadius: "8px" }
       },
-      /* @__PURE__ */ React104.createElement(ExternalLinkIcon, { fontSize: "tiny" })
+      /* @__PURE__ */ React106.createElement(ExternalLinkIcon, { fontSize: "tiny" })
     )))
   );
 };
@@ -6827,7 +6880,7 @@ var UrlPopover = ({
 var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
   const [urlValue, setUrlValue] = useState20("");
   const [openInNewTab, setOpenInNewTab] = useState20(false);
-  const toolbarRef = useRef26(null);
+  const toolbarRef = useRef28(null);
   const linkPopupState = usePopupState9({ variant: "popover" });
   const hasLinkOnElement = elementId ? checkIfElementHasLink(elementId) : false;
   const editorState = useEditorState({
@@ -6871,10 +6924,10 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
     }
     linkPopupState.close();
   };
-  React105.useEffect(() => {
+  React107.useEffect(() => {
     editor?.commands?.focus();
   }, [editor]);
-  return /* @__PURE__ */ React105.createElement(
+  return /* @__PURE__ */ React107.createElement(
     Box26,
     {
       ref: toolbarRef,
@@ -6891,8 +6944,8 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         ...sx
       }
     },
-    /* @__PURE__ */ React105.createElement(Tooltip13, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React105.createElement(IconButton11, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
-    /* @__PURE__ */ React105.createElement(
+    /* @__PURE__ */ React107.createElement(Tooltip14, { title: clearButton.label, placement: "top", sx: { borderRadius: "8px" } }, /* @__PURE__ */ React107.createElement(IconButton11, { "aria-label": clearButton.label, onClick: () => clearButton.method(editor), size: "tiny" }, clearButton.icon)),
+    /* @__PURE__ */ React107.createElement(
       ToggleButtonGroup2,
       {
         value: editorState,
@@ -6914,7 +6967,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
           }
         }
       },
-      formatButtonsList.map((button) => /* @__PURE__ */ React105.createElement(Tooltip13, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React105.createElement(
+      formatButtonsList.map((button) => /* @__PURE__ */ React107.createElement(Tooltip14, { title: button.label, key: button.action, placement: "top" }, /* @__PURE__ */ React107.createElement(
         ToggleButton3,
         {
           value: button.action,
@@ -6932,7 +6985,7 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
         button.icon
       )))
     ),
-    /* @__PURE__ */ React105.createElement(
+    /* @__PURE__ */ React107.createElement(
       UrlPopover,
       {
         popupState: linkPopupState,
@@ -6949,64 +7002,64 @@ var InlineEditorToolbar = ({ editor, elementId, sx = {} }) => {
 var checkIfElementHasLink = (elementId) => !!getElementSetting(elementId, "link")?.value?.destination;
 var toolbarButtons = {
   clear: {
-    label: __53("Clear", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(MinusIcon2, { fontSize: "tiny" }),
+    label: __54("Clear", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(MinusIcon2, { fontSize: "tiny" }),
     action: "clear",
     method: (editor) => {
       editor.chain().focus().clearNodes().unsetAllMarks().run();
     }
   },
   bold: {
-    label: __53("Bold", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(BoldIcon, { fontSize: "tiny" }),
+    label: __54("Bold", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(BoldIcon, { fontSize: "tiny" }),
     action: "bold",
     method: (editor) => {
       editor.chain().focus().toggleBold().run();
     }
   },
   italic: {
-    label: __53("Italic", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(ItalicIcon, { fontSize: "tiny" }),
+    label: __54("Italic", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(ItalicIcon, { fontSize: "tiny" }),
     action: "italic",
     method: (editor) => {
       editor.chain().focus().toggleItalic().run();
     }
   },
   underline: {
-    label: __53("Underline", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(UnderlineIcon, { fontSize: "tiny" }),
+    label: __54("Underline", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(UnderlineIcon, { fontSize: "tiny" }),
     action: "underline",
     method: (editor) => {
       editor.chain().focus().toggleUnderline().run();
     }
   },
   strike: {
-    label: __53("Strikethrough", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(StrikethroughIcon, { fontSize: "tiny" }),
+    label: __54("Strikethrough", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(StrikethroughIcon, { fontSize: "tiny" }),
     action: "strike",
     method: (editor) => {
       editor.chain().focus().toggleStrike().run();
     }
   },
   superscript: {
-    label: __53("Superscript", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(SuperscriptIcon, { fontSize: "tiny" }),
+    label: __54("Superscript", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(SuperscriptIcon, { fontSize: "tiny" }),
     action: "superscript",
     method: (editor) => {
       editor.chain().focus().toggleSuperscript().run();
     }
   },
   subscript: {
-    label: __53("Subscript", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(SubscriptIcon, { fontSize: "tiny" }),
+    label: __54("Subscript", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(SubscriptIcon, { fontSize: "tiny" }),
     action: "subscript",
     method: (editor) => {
       editor.chain().focus().toggleSubscript().run();
     }
   },
   link: {
-    label: __53("Link", "elementor"),
-    icon: /* @__PURE__ */ React105.createElement(LinkIcon3, { fontSize: "tiny" }),
+    label: __54("Link", "elementor"),
+    icon: /* @__PURE__ */ React107.createElement(LinkIcon3, { fontSize: "tiny" }),
     action: "link",
     method: null
   }
@@ -7015,6 +7068,7 @@ var { clear: clearButton, ...formatButtons } = toolbarButtons;
 var possibleFormats = Object.keys(formatButtons);
 export {
   AspectRatioControl,
+  AttributesControl,
   BackgroundControl,
   BoxShadowRepeaterControl,
   ClearIconButton,
@@ -7045,6 +7099,7 @@ export {
   PopoverContent,
   PopoverGridContainer,
   PositionControl,
+  PromotionTrigger,
   PropKeyProvider,
   PropProvider,
   QueryControl,