@elementor/editor-controls 3.32.0-32 → 3.32.0-33

package/dist/index.d.mts

@@ -274,6 +274,7 @@ declare const enqueueFont: EnqueueFont;
 type TransitionProperty = {
     label: string;
     value: string;
+    unavailable?: boolean;
 };
 type TransitionCategory = {
     label: string;

package/dist/index.d.ts

@@ -274,6 +274,7 @@ declare const enqueueFont: EnqueueFont;
 type TransitionProperty = {
     label: string;
     value: string;
+    unavailable?: boolean;
 };
 type TransitionCategory = {
     label: string;

package/dist/index.js

@@ -2499,7 +2499,14 @@ var ItemSelector = ({
         sx: { display: "flex", width: "100%", justifyContent: "center" }
       },
       /* @__PURE__ */ React38.createElement("span", null, "\u201C"),
-      /* @__PURE__ */ React38.createElement("span", { style: { maxWidth: "80%", overflow: "hidden", textOverflow: "ellipsis" } }, searchValue),
+      /* @__PURE__ */ React38.createElement(
+        import_ui30.Box,
+        {
+          component: "span",
+          sx: { maxWidth: "80%", overflow: "hidden", textOverflow: "ellipsis" }
+        },
+        searchValue
+      ),
       /* @__PURE__ */ React38.createElement("span", null, "\u201D.")
     )),
     /* @__PURE__ */ React38.createElement(
@@ -4802,7 +4809,7 @@ var ToolTip = /* @__PURE__ */ React78.createElement(React78.Fragment, null, /* @
 // src/controls/transition-control/transition-repeater-control.tsx
 var React81 = __toESM(require("react"));
 var import_editor_props43 = require("@elementor/editor-props");
-var import_i18n40 = require("@wordpress/i18n");
+var import_i18n41 = require("@wordpress/i18n");
 
 // src/controls/selection-size-control.tsx
 var React79 = __toESM(require("react"));
@@ -4837,11 +4844,12 @@ var SelectionSizeControl = createControl(
 );
 
 // src/controls/transition-control/data.ts
+var import_i18n39 = require("@wordpress/i18n");
 var initialTransitionValue = {
   selection: {
     $$type: "key-value",
     value: {
-      key: { value: "All properties", $$type: "string" },
+      key: { value: (0, import_i18n39.__)("All properties", "elementor"), $$type: "string" },
       value: { value: "all", $$type: "string" }
     }
   },
@@ -4849,9 +4857,9 @@ var initialTransitionValue = {
 };
 var transitionProperties = [
   {
-    label: "Common",
+    label: (0, import_i18n39.__)("Default", "elementor"),
     type: "category",
-    properties: [{ label: "All properties", value: "all" }]
+    properties: [{ label: (0, import_i18n39.__)("All properties", "elementor"), value: "all" }]
   }
 ];
 var transitionsItemsList = transitionProperties.map((category) => ({
@@ -4865,7 +4873,7 @@ var import_react43 = require("react");
 var import_editor_props42 = require("@elementor/editor-props");
 var import_icons30 = require("@elementor/icons");
 var import_ui71 = require("@elementor/ui");
-var import_i18n39 = require("@wordpress/i18n");
+var import_i18n40 = require("@wordpress/i18n");
 var toTransitionSelectorValue = (label) => {
   for (const category of transitionProperties) {
     const property = category.properties.find((prop) => prop.label === label);
@@ -4907,7 +4915,7 @@ var TransitionSelector = ({ recentlyUsedList }) => {
     }
     return [
       {
-        label: (0, import_i18n39.__)("Recent", "elementor"),
+        label: (0, import_i18n40.__)("Recent", "elementor"),
         items: recentItems
       },
       ...filteredItems
@@ -4959,7 +4967,7 @@ var TransitionSelector = ({ recentlyUsedList }) => {
         onItemChange: handleTransitionPropertyChange,
         onClose: popoverState.close,
         sectionWidth: 268,
-        title: (0, import_i18n39.__)("Transition Property", "elementor"),
+        title: (0, import_i18n40.__)("Transition Property", "elementor"),
         icon: import_icons30.VariationsIcon
       }
     )
@@ -4974,8 +4982,8 @@ var DURATION_CONFIG = {
 };
 var getSelectionSizeProps = (recentlyUsedList) => {
   return {
-    selectionLabel: (0, import_i18n40.__)("Type", "elementor"),
-    sizeLabel: (0, import_i18n40.__)("Duration", "elementor"),
+    selectionLabel: (0, import_i18n41.__)("Type", "elementor"),
+    sizeLabel: (0, import_i18n41.__)("Duration", "elementor"),
     selectionConfig: {
       component: TransitionSelector,
       props: {
@@ -5006,10 +5014,10 @@ var TransitionRepeaterControl = createControl((props) => {
   return /* @__PURE__ */ React81.createElement(
     RepeatableControl,
     {
-      label: (0, import_i18n40.__)("Transitions", "elementor"),
-      repeaterLabel: (0, import_i18n40.__)("Transitions", "elementor"),
+      label: (0, import_i18n41.__)("Transitions", "elementor"),
+      repeaterLabel: (0, import_i18n41.__)("Transitions", "elementor"),
       patternLabel: "${value.selection.value.key.value}: ${value.size.value.size}${value.size.value.unit}",
-      placeholder: (0, import_i18n40.__)("Empty Transition", "elementor"),
+      placeholder: (0, import_i18n41.__)("Empty Transition", "elementor"),
       showDuplicate: false,
       showToggle: true,
       initialValues: initialTransitionValue,
@@ -5071,25 +5079,25 @@ var ResizeHandle = (0, import_ui72.styled)(import_ui72.Button)`
 `;
 
 // src/components/css-code-editor/css-validation.ts
-var import_i18n41 = require("@wordpress/i18n");
+var import_i18n42 = require("@wordpress/i18n");
 var forbiddenPatterns = [
   {
     pattern: ":hover",
-    message: (0, import_i18n41.__)(
+    message: (0, import_i18n42.__)(
       "The use of pseudo-states is not permitted. Instead, switch to the desired pseudo state and add your custom code there.",
       "elementor"
     )
   },
   {
     pattern: ":active",
-    message: (0, import_i18n41.__)(
+    message: (0, import_i18n42.__)(
       "The use of pseudo-states is not permitted. Instead, switch to the desired pseudo state and add your custom code there.",
       "elementor"
     )
   },
   {
     pattern: "@media",
-    message: (0, import_i18n41.__)(
+    message: (0, import_i18n42.__)(
       "The use of @media is not permitted. Instead, switch to the desired breakpoint and add your custom code there.",
       "elementor"
     )