@elementor/editor-editing-panel 1.13.1 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # Change Log
2
2
 
3
+ ## 1.14.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 9a5fd67: Add support for inline flex
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [33de95b]
12
+ - @elementor/editor-controls@0.13.0
13
+
3
14
  ## 1.13.1
4
15
 
5
16
  ### Patch Changes
package/dist/index.js CHANGED
@@ -1404,6 +1404,12 @@ var DisplayField = () => {
1404
1404
  renderContent: () => (0, import_i18n12.__)("In-blk", "elementor"),
1405
1405
  label: (0, import_i18n12.__)("Inline-block", "elementor"),
1406
1406
  showTooltip: true
1407
+ },
1408
+ {
1409
+ value: "inline-flex",
1410
+ renderContent: () => (0, import_i18n12.__)("In-flx", "elementor"),
1411
+ label: (0, import_i18n12.__)("Inline-flex", "elementor"),
1412
+ showTooltip: true
1407
1413
  }
1408
1414
  ];
1409
1415
  return /* @__PURE__ */ React31.createElement(StylesField, { bind: "display" }, /* @__PURE__ */ React31.createElement(import_ui21.Stack, { gap: 1 }, /* @__PURE__ */ React31.createElement(import_editor_controls15.ControlLabel, null, (0, import_i18n12.__)("Display", "elementor")), /* @__PURE__ */ React31.createElement(import_editor_controls15.ToggleControl, { options: options11, fullWidth: true })));
@@ -1706,7 +1712,7 @@ var LayoutSection = () => {
1706
1712
  const { element } = useElement();
1707
1713
  const parent = (0, import_editor_elements5.useParentElement)(element.id);
1708
1714
  const parentStyle = useComputedStyle(parent?.id || null);
1709
- return /* @__PURE__ */ React38.createElement(SectionContent, null, /* @__PURE__ */ React38.createElement(DisplayField, null), "flex" === display?.value && /* @__PURE__ */ React38.createElement(FlexFields, null), "flex" === parentStyle?.display && /* @__PURE__ */ React38.createElement(FlexChildFields, null));
1715
+ return /* @__PURE__ */ React38.createElement(SectionContent, null, /* @__PURE__ */ React38.createElement(DisplayField, null), ("flex" === display?.value || "inline-flex" === display?.value) && /* @__PURE__ */ React38.createElement(FlexFields, null), "flex" === parentStyle?.display && /* @__PURE__ */ React38.createElement(FlexChildFields, null));
1710
1716
  };
1711
1717
  var FlexFields = () => /* @__PURE__ */ React38.createElement(React38.Fragment, null, /* @__PURE__ */ React38.createElement(FlexDirectionField, null), /* @__PURE__ */ React38.createElement(JustifyContentField, null), /* @__PURE__ */ React38.createElement(AlignItemsField, null), /* @__PURE__ */ React38.createElement(PanelDivider, null), /* @__PURE__ */ React38.createElement(GapControlField, null), /* @__PURE__ */ React38.createElement(WrapField, null));
1712
1718
  var FlexChildFields = () => /* @__PURE__ */ React38.createElement(React38.Fragment, null, /* @__PURE__ */ React38.createElement(PanelDivider, null), /* @__PURE__ */ React38.createElement(import_editor_controls22.ControlLabel, null, (0, import_i18n19.__)("Flex child", "elementor")), /* @__PURE__ */ React38.createElement(AlignSelfChild, null), /* @__PURE__ */ React38.createElement(FlexOrderField, null), /* @__PURE__ */ React38.createElement(FlexSizeField, null));