@elementor/editor-controls 0.18.1 → 0.19.1
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 +22 -0
- package/dist/index.js +14 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +14 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -4
- package/src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx +6 -1
- package/src/controls/gap-control.tsx +1 -1
- package/src/controls/linked-dimensions-control.tsx +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1252,7 +1252,7 @@ var LinkedDimensionsControl = createControl(
|
|
|
1252
1252
|
const isLinked = !dimensionsValue && !sizeValue ? true : !!sizeValue;
|
|
1253
1253
|
const onLinkToggle = () => {
|
|
1254
1254
|
if (!isLinked) {
|
|
1255
|
-
setSizeValue(dimensionsValue["block-start"]?.value);
|
|
1255
|
+
setSizeValue(dimensionsValue["block-start"]?.value ?? null);
|
|
1256
1256
|
return;
|
|
1257
1257
|
}
|
|
1258
1258
|
const value = sizeValue ? sizePropTypeUtil3.create(sizeValue) : null;
|
|
@@ -1915,7 +1915,7 @@ var GapControl = createControl(({ label }) => {
|
|
|
1915
1915
|
const isLinked = !directionValue && !sizeValue ? true : !!sizeValue;
|
|
1916
1916
|
const onLinkToggle = () => {
|
|
1917
1917
|
if (!isLinked) {
|
|
1918
|
-
setSizeValue(directionValue?.column?.value);
|
|
1918
|
+
setSizeValue(directionValue?.column?.value ?? null);
|
|
1919
1919
|
return;
|
|
1920
1920
|
}
|
|
1921
1921
|
const value = sizeValue ? sizePropTypeUtil4.create(sizeValue) : null;
|
|
@@ -2518,7 +2518,18 @@ var Content2 = () => {
|
|
|
2518
2518
|
color: initialBackgroundColorOverlay.value,
|
|
2519
2519
|
gradient: initialBackgroundGradientOverlay.value
|
|
2520
2520
|
});
|
|
2521
|
-
return /* @__PURE__ */ React40.createElement(Box4, { sx: { width: "100%" } }, /* @__PURE__ */ React40.createElement(Box4, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React40.createElement(
|
|
2521
|
+
return /* @__PURE__ */ React40.createElement(Box4, { sx: { width: "100%" } }, /* @__PURE__ */ React40.createElement(Box4, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React40.createElement(
|
|
2522
|
+
Tabs,
|
|
2523
|
+
{
|
|
2524
|
+
size: "small",
|
|
2525
|
+
variant: "fullWidth",
|
|
2526
|
+
...getTabsProps(),
|
|
2527
|
+
"aria-label": __17("Background Overlay", "elementor")
|
|
2528
|
+
},
|
|
2529
|
+
/* @__PURE__ */ React40.createElement(Tab, { label: __17("Image", "elementor"), ...getTabProps("image") }),
|
|
2530
|
+
/* @__PURE__ */ React40.createElement(Tab, { label: __17("Gradient", "elementor"), ...getTabProps("gradient") }),
|
|
2531
|
+
/* @__PURE__ */ React40.createElement(Tab, { label: __17("Color", "elementor"), ...getTabProps("color") })
|
|
2532
|
+
)), /* @__PURE__ */ React40.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("image") }, /* @__PURE__ */ React40.createElement(PopoverContent, null, /* @__PURE__ */ React40.createElement(ImageOverlayContent, null))), /* @__PURE__ */ React40.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("gradient") }, /* @__PURE__ */ React40.createElement(BackgroundGradientColorControl, null)), /* @__PURE__ */ React40.createElement(TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("color") }, /* @__PURE__ */ React40.createElement(PopoverContent, null, /* @__PURE__ */ React40.createElement(ColorOverlayContent, null))));
|
|
2522
2533
|
};
|
|
2523
2534
|
var ItemIcon2 = ({ value }) => {
|
|
2524
2535
|
switch (value.$$type) {
|