@elementor/editor-editing-panel 1.33.0 → 1.34.0

package/dist/index.mjs

@@ -1583,10 +1583,24 @@ import { ELEMENTS_BASE_STYLES_PROVIDER_KEY, isElementsStylesProvider as isElemen
 import { IconButton as IconButton2, Infotip } from "@elementor/ui";
 import { __ as __5 } from "@wordpress/i18n";
 
-// src/sync/get-experiments-config.ts
-var getExperimentsConfig = () => {
+// src/sync/get-elementor-globals.ts
+var getElementorConfig = () => {
+  const extendedWindow = window;
+  return extendedWindow.elementor?.config ?? {};
+};
+var getElementorFrontendConfig = () => {
   const extendedWindow = window;
-  return extendedWindow.elementorCommon?.config?.experimentalFeatures ?? {};
+  return extendedWindow.elementorFrontend?.config ?? {};
+};
+var getElementorCommonConfig = () => {
+  const extendedWindow = window;
+  return extendedWindow.elementorCommon?.config ?? {};
+};
+
+// src/sync/is-experiment-active.ts
+var isExperimentActive = (experiment) => {
+  const allFeatures = getElementorCommonConfig()?.experimentalFeatures ?? {};
+  return !!allFeatures?.[experiment];
 };
 
 // src/styles-inheritance/styles-inheritance-infotip.tsx
@@ -1673,7 +1687,7 @@ var StylesInheritanceIndicator = () => {
   const hasValue = value !== null && value !== void 0;
   const label = getLabel({ isFinalValue, hasValue });
   const variantType = getVariant({ isFinalValue, hasValue, currentStyleProvider });
-  const { e_indications_popover: eIndicationsPopover } = getExperimentsConfig();
+  const eIndicationsPopover = isExperimentActive("e_indications_popover");
   if (!eIndicationsPopover) {
     return /* @__PURE__ */ React19.createElement(StyleIndicator, { variant: variantType, "aria-label": label });
   }
@@ -1839,8 +1853,8 @@ import { __ as __8 } from "@wordpress/i18n";
 // src/hooks/use-direction.ts
 import { useTheme } from "@elementor/ui";
 function useDirection() {
-  const theme = useTheme(), extendedWindow = window;
-  const isUiRtl = "rtl" === theme.direction, isSiteRtl = !!extendedWindow.elementorFrontend?.config?.is_rtl;
+  const theme = useTheme();
+  const isUiRtl = "rtl" === theme.direction, isSiteRtl = !!getElementorFrontendConfig()?.is_rtl;
   return { isSiteRtl, isUiRtl };
 }
 
@@ -2260,7 +2274,7 @@ import * as React37 from "react";
 import { ToggleControl as ToggleControl4 } from "@elementor/editor-controls";
 import { Stack as Stack10 } from "@elementor/ui";
 import { __ as __14 } from "@wordpress/i18n";
-var displayFieldOptions = [
+var displayFieldItems = [
   {
     value: "block",
     renderContent: () => __14("Block", "elementor"),
@@ -2278,17 +2292,27 @@ var displayFieldOptions = [
     renderContent: () => __14("In-blk", "elementor"),
     label: __14("Inline-block", "elementor"),
     showTooltip: true
-  },
-  {
+  }
+];
+var DisplayField = () => {
+  const isDisplayNoneFeatureActive = isExperimentActive("e_v_3_30");
+  const items3 = [...displayFieldItems];
+  if (isDisplayNoneFeatureActive) {
+    items3.push({
+      value: "none",
+      renderContent: () => __14("None", "elementor"),
+      label: __14("None", "elementor"),
+      showTooltip: true
+    });
+  }
+  items3.push({
     value: "inline-flex",
     renderContent: () => __14("In-flx", "elementor"),
     label: __14("Inline-flex", "elementor"),
     showTooltip: true
-  }
-];
-var DisplayField = () => {
+  });
   const placeholder = useDisplayPlaceholderValue();
-  return /* @__PURE__ */ React37.createElement(StylesField, { bind: "display", placeholder }, /* @__PURE__ */ React37.createElement(Stack10, { gap: 0.75 }, /* @__PURE__ */ React37.createElement(ControlLabel, null, __14("Display", "elementor")), /* @__PURE__ */ React37.createElement(ToggleControl4, { options: displayFieldOptions, fullWidth: true })));
+  return /* @__PURE__ */ React37.createElement(StylesField, { bind: "display", placeholder }, /* @__PURE__ */ React37.createElement(Stack10, { gap: 0.75 }, /* @__PURE__ */ React37.createElement(ControlLabel, null, __14("Display", "elementor")), /* @__PURE__ */ React37.createElement(ToggleControl4, { options: items3, maxItems: 4, fullWidth: true })));
 };
 var useDisplayPlaceholderValue = () => useStylesInheritanceField("display")[0]?.value ?? void 0;
 
@@ -2702,6 +2726,7 @@ var PositionSection = () => {
     "inset-inline-end"
   ]);
   const [dimensionsValuesFromHistory, updateDimensionsHistory, clearDimensionsHistory] = usePersistDimensions();
+  const isCssIdFeatureActive = isExperimentActive("e_v_3_30");
   const onPositionChange = (newPosition, previousPosition) => {
     if (newPosition === "static") {
       if (dimensionsValues) {
@@ -2721,7 +2746,7 @@ var PositionSection = () => {
     }
   };
   const isNotStatic = positionValue && positionValue?.value !== "static";
-  return /* @__PURE__ */ React49.createElement(SectionContent, null, /* @__PURE__ */ React49.createElement(PositionField, { onChange: onPositionChange }), isNotStatic ? /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(DimensionsField, null), /* @__PURE__ */ React49.createElement(ZIndexField, null)) : null, /* @__PURE__ */ React49.createElement(PanelDivider, null), /* @__PURE__ */ React49.createElement(OffsetField, null));
+  return /* @__PURE__ */ React49.createElement(SectionContent, null, /* @__PURE__ */ React49.createElement(PositionField, { onChange: onPositionChange }), isNotStatic ? /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(DimensionsField, null), /* @__PURE__ */ React49.createElement(ZIndexField, null)) : null, isCssIdFeatureActive && /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(PanelDivider, null), /* @__PURE__ */ React49.createElement(OffsetField, null)));
 };
 var usePersistDimensions = () => {
   const { id: styleDefID, meta } = useStyle();
@@ -2841,14 +2866,6 @@ import { __ as __31 } from "@wordpress/i18n";
 // src/components/style-sections/typography-section/hooks/use-font-families.ts
 import { useMemo as useMemo5 } from "react";
 import { __ as __30 } from "@wordpress/i18n";
-
-// src/sync/get-elementor-config.ts
-var getElementorConfig = () => {
-  const extendedWindow = window;
-  return extendedWindow.elementor?.config ?? {};
-};
-
-// src/components/style-sections/typography-section/hooks/use-font-families.ts
 var supportedCategories = {
   system: __30("System", "elementor"),
   custom: __30("Custom Fonts", "elementor"),
@@ -2889,7 +2906,7 @@ var FontFamilyField = () => {
   if (fontFamilies.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React54.createElement(StylesField, { bind: "font-family" }, /* @__PURE__ */ React54.createElement(Grid15, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React54.createElement(Grid15, { item: true, xs: 6 }, /* @__PURE__ */ React54.createElement(ControlLabel, null, __31("Font family", "elementor"))), /* @__PURE__ */ React54.createElement(Grid15, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React54.createElement(FontFamilyControl, { fontFamilies }))));
+  return /* @__PURE__ */ React54.createElement(StylesField, { bind: "font-family" }, /* @__PURE__ */ React54.createElement(Grid15, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React54.createElement(Grid15, { item: true, xs: 6 }, /* @__PURE__ */ React54.createElement(ControlLabel, null, __31("Font family", "elementor"))), /* @__PURE__ */ React54.createElement(Grid15, { item: true, xs: 6, sx: { minWidth: 0 } }, /* @__PURE__ */ React54.createElement(FontFamilyControl, { fontFamilies }))));
 };
 
 // src/components/style-sections/typography-section/font-size-field.tsx