@elementor/editor-editing-panel 1.19.0 → 1.20.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 +13 -0
- package/dist/index.js +15 -8
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +15 -8
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
- package/src/components/section.tsx +6 -2
- package/src/components/style-sections/layout-section/display-field.tsx +1 -1
- package/src/components/style-sections/layout-section/justify-content-field.tsx +1 -1
- package/src/components/style-sections/position-section/dimensions-field.tsx +1 -1
- package/src/components/style-sections/size-section/size-section.tsx +1 -1
- package/src/dynamics/components/dynamic-selection-control.tsx +1 -1
package/dist/index.mjs
CHANGED
|
@@ -839,10 +839,17 @@ function Section({ title, children, defaultExpanded = false }) {
|
|
|
839
839
|
{
|
|
840
840
|
id: labelId,
|
|
841
841
|
"aria-controls": contentId,
|
|
842
|
-
onClick: () => setIsOpen((prev) => !prev)
|
|
842
|
+
onClick: () => setIsOpen((prev) => !prev),
|
|
843
|
+
sx: { "&:hover": { backgroundColor: "transparent" } }
|
|
843
844
|
},
|
|
844
|
-
/* @__PURE__ */ React13.createElement(
|
|
845
|
-
|
|
845
|
+
/* @__PURE__ */ React13.createElement(
|
|
846
|
+
ListItemText,
|
|
847
|
+
{
|
|
848
|
+
secondary: title,
|
|
849
|
+
secondaryTypographyProps: { sx: { typography: "caption", fontWeight: "bold" } }
|
|
850
|
+
}
|
|
851
|
+
),
|
|
852
|
+
/* @__PURE__ */ React13.createElement(CollapseIcon, { open: isOpen, color: "secondary", fontSize: "tiny" })
|
|
846
853
|
), /* @__PURE__ */ React13.createElement(Collapse, { id: contentId, "aria-labelledby": labelId, in: isOpen, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React13.createElement(Stack4, { gap: 2.5, p: 2 }, children)), /* @__PURE__ */ React13.createElement(Divider2, null));
|
|
847
854
|
}
|
|
848
855
|
|
|
@@ -1741,7 +1748,7 @@ var DisplayField = () => {
|
|
|
1741
1748
|
showTooltip: true
|
|
1742
1749
|
}
|
|
1743
1750
|
];
|
|
1744
|
-
return /* @__PURE__ */ React33.createElement(StylesField, { bind: "display" }, /* @__PURE__ */ React33.createElement(Stack7, { gap:
|
|
1751
|
+
return /* @__PURE__ */ React33.createElement(StylesField, { bind: "display" }, /* @__PURE__ */ React33.createElement(Stack7, { gap: 0.75 }, /* @__PURE__ */ React33.createElement(ControlLabel7, null, __13("Display", "elementor")), /* @__PURE__ */ React33.createElement(ToggleControl3, { options: options12, fullWidth: true })));
|
|
1745
1752
|
};
|
|
1746
1753
|
|
|
1747
1754
|
// src/components/style-sections/layout-section/flex-direction-field.tsx
|
|
@@ -2017,7 +2024,7 @@ var options4 = [
|
|
|
2017
2024
|
];
|
|
2018
2025
|
var JustifyContentField = () => {
|
|
2019
2026
|
const { isSiteRtl } = useDirection();
|
|
2020
|
-
return /* @__PURE__ */ React38.createElement(DirectionProvider6, { rtl: isSiteRtl }, /* @__PURE__ */ React38.createElement(ThemeProvider6, null, /* @__PURE__ */ React38.createElement(StylesField, { bind: "justify-content" }, /* @__PURE__ */ React38.createElement(Stack9, { gap:
|
|
2027
|
+
return /* @__PURE__ */ React38.createElement(DirectionProvider6, { rtl: isSiteRtl }, /* @__PURE__ */ React38.createElement(ThemeProvider6, null, /* @__PURE__ */ React38.createElement(StylesField, { bind: "justify-content" }, /* @__PURE__ */ React38.createElement(Stack9, { gap: 0.75 }, /* @__PURE__ */ React38.createElement(ControlLabel11, null, __18("Justify content", "elementor")), /* @__PURE__ */ React38.createElement(ToggleControl5, { options: options4, fullWidth: true })))));
|
|
2021
2028
|
};
|
|
2022
2029
|
|
|
2023
2030
|
// src/components/style-sections/layout-section/wrap-field.tsx
|
|
@@ -2087,7 +2094,7 @@ var DimensionsField = () => {
|
|
|
2087
2094
|
return /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement(Stack10, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React41.createElement(DimensionField, { side: "inset-block-start", label: __21("Top", "elementor") }), /* @__PURE__ */ React41.createElement(DimensionField, { side: "inset-inline-end", label: getInlineEndLabel(isSiteRtl) })), /* @__PURE__ */ React41.createElement(Stack10, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React41.createElement(DimensionField, { side: "inset-block-end", label: __21("Bottom", "elementor") }), /* @__PURE__ */ React41.createElement(DimensionField, { side: "inset-inline-start", label: getInlineStartLabel(isSiteRtl) })));
|
|
2088
2095
|
};
|
|
2089
2096
|
var DimensionField = ({ side, label }) => {
|
|
2090
|
-
return /* @__PURE__ */ React41.createElement(Grid9, { container: true, gap:
|
|
2097
|
+
return /* @__PURE__ */ React41.createElement(Grid9, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React41.createElement(Grid9, { item: true, xs: 12 }, /* @__PURE__ */ React41.createElement(ControlLabel14, null, label)), /* @__PURE__ */ React41.createElement(Grid9, { item: true, xs: 12 }, /* @__PURE__ */ React41.createElement(StylesField, { bind: side }, /* @__PURE__ */ React41.createElement(SizeControl3, { startIcon: sideIcons[side], extendedValues: ["auto"] }))));
|
|
2091
2098
|
};
|
|
2092
2099
|
|
|
2093
2100
|
// src/components/style-sections/position-section/position-field.tsx
|
|
@@ -2208,7 +2215,7 @@ var SizeSection = () => {
|
|
|
2208
2215
|
))), /* @__PURE__ */ React46.createElement(Grid13, { container: true, gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React46.createElement(Grid13, { item: true, xs: 6 }, /* @__PURE__ */ React46.createElement(SizeField, { bind: "max-width", label: __25("Max width", "elementor") })), /* @__PURE__ */ React46.createElement(Grid13, { item: true, xs: 6 }, /* @__PURE__ */ React46.createElement(SizeField, { bind: "max-height", label: __25("Max height", "elementor") }))), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(Stack11, null, /* @__PURE__ */ React46.createElement(OverflowField, null)));
|
|
2209
2216
|
};
|
|
2210
2217
|
var SizeField = ({ label, bind, extendedValues }) => {
|
|
2211
|
-
return /* @__PURE__ */ React46.createElement(StylesField, { bind }, /* @__PURE__ */ React46.createElement(Grid13, { container: true, gap:
|
|
2218
|
+
return /* @__PURE__ */ React46.createElement(StylesField, { bind }, /* @__PURE__ */ React46.createElement(Grid13, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React46.createElement(Grid13, { item: true, xs: 12 }, /* @__PURE__ */ React46.createElement(ControlLabel18, null, label)), /* @__PURE__ */ React46.createElement(Grid13, { item: true, xs: 12 }, /* @__PURE__ */ React46.createElement(SizeControl4, { extendedValues }))));
|
|
2212
2219
|
};
|
|
2213
2220
|
|
|
2214
2221
|
// src/components/style-sections/spacing-section/spacing-section.tsx
|
|
@@ -3040,7 +3047,7 @@ var Control3 = ({ control }) => {
|
|
|
3040
3047
|
if (!getControlByType(control.type)) {
|
|
3041
3048
|
return null;
|
|
3042
3049
|
}
|
|
3043
|
-
return /* @__PURE__ */ React69.createElement(DynamicControl, { bind: control.bind }, /* @__PURE__ */ React69.createElement(Grid26, { container: true, gap:
|
|
3050
|
+
return /* @__PURE__ */ React69.createElement(DynamicControl, { bind: control.bind }, /* @__PURE__ */ React69.createElement(Grid26, { container: true, gap: 0.75 }, control.label ? /* @__PURE__ */ React69.createElement(Grid26, { item: true, xs: 12 }, /* @__PURE__ */ React69.createElement(ControlLabel31, null, control.label)) : null, /* @__PURE__ */ React69.createElement(Grid26, { item: true, xs: 12 }, /* @__PURE__ */ React69.createElement(Control, { type: control.type, props: control.props }))));
|
|
3044
3051
|
};
|
|
3045
3052
|
|
|
3046
3053
|
// src/dynamics/hooks/use-prop-dynamic-action.tsx
|