@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 CHANGED
@@ -1,5 +1,27 @@
1
1
  # @elementor/editor-controls
2
2
 
3
+ ## 0.19.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 3e108d9: update elementor/ui
8
+ - Updated dependencies [593f222]
9
+ - @elementor/editor-elements@0.6.6
10
+
11
+ ## 0.19.0
12
+
13
+ ### Minor Changes
14
+
15
+ - 869906f: Allow the user to publish the page after clicking one of the linked buttons
16
+
17
+ ### Patch Changes
18
+
19
+ - 8523f8c: Updated tabs styles
20
+ - Updated dependencies [5387bcf]
21
+ - Updated dependencies [efd54a9]
22
+ - @elementor/editor-elements@0.6.5
23
+ - @elementor/editor-props@0.11.1
24
+
3
25
  ## 0.18.1
4
26
 
5
27
  ### Patch Changes
package/dist/index.js CHANGED
@@ -1293,7 +1293,7 @@ var LinkedDimensionsControl = createControl(
1293
1293
  const isLinked = !dimensionsValue && !sizeValue ? true : !!sizeValue;
1294
1294
  const onLinkToggle = () => {
1295
1295
  if (!isLinked) {
1296
- setSizeValue(dimensionsValue["block-start"]?.value);
1296
+ setSizeValue(dimensionsValue["block-start"]?.value ?? null);
1297
1297
  return;
1298
1298
  }
1299
1299
  const value = sizeValue ? import_editor_props13.sizePropTypeUtil.create(sizeValue) : null;
@@ -1927,7 +1927,7 @@ var GapControl = createControl(({ label }) => {
1927
1927
  const isLinked = !directionValue && !sizeValue ? true : !!sizeValue;
1928
1928
  const onLinkToggle = () => {
1929
1929
  if (!isLinked) {
1930
- setSizeValue(directionValue?.column?.value);
1930
+ setSizeValue(directionValue?.column?.value ?? null);
1931
1931
  return;
1932
1932
  }
1933
1933
  const value = sizeValue ? import_editor_props17.sizePropTypeUtil.create(sizeValue) : null;
@@ -2497,7 +2497,18 @@ var Content2 = () => {
2497
2497
  color: initialBackgroundColorOverlay.value,
2498
2498
  gradient: initialBackgroundGradientOverlay.value
2499
2499
  });
2500
- return /* @__PURE__ */ React40.createElement(import_ui36.Box, { sx: { width: "100%" } }, /* @__PURE__ */ React40.createElement(import_ui36.Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React40.createElement(import_ui36.Tabs, { ...getTabsProps(), "aria-label": (0, import_i18n17.__)("Background Overlay", "elementor") }, /* @__PURE__ */ React40.createElement(import_ui36.Tab, { label: (0, import_i18n17.__)("Image", "elementor"), ...getTabProps("image") }), /* @__PURE__ */ React40.createElement(import_ui36.Tab, { label: (0, import_i18n17.__)("Gradient", "elementor"), ...getTabProps("gradient") }), /* @__PURE__ */ React40.createElement(import_ui36.Tab, { label: (0, import_i18n17.__)("Color", "elementor"), ...getTabProps("color") }))), /* @__PURE__ */ React40.createElement(import_ui36.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("image") }, /* @__PURE__ */ React40.createElement(PopoverContent, null, /* @__PURE__ */ React40.createElement(ImageOverlayContent, null))), /* @__PURE__ */ React40.createElement(import_ui36.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("gradient") }, /* @__PURE__ */ React40.createElement(BackgroundGradientColorControl, null)), /* @__PURE__ */ React40.createElement(import_ui36.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("color") }, /* @__PURE__ */ React40.createElement(PopoverContent, null, /* @__PURE__ */ React40.createElement(ColorOverlayContent, null))));
2500
+ return /* @__PURE__ */ React40.createElement(import_ui36.Box, { sx: { width: "100%" } }, /* @__PURE__ */ React40.createElement(import_ui36.Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React40.createElement(
2501
+ import_ui36.Tabs,
2502
+ {
2503
+ size: "small",
2504
+ variant: "fullWidth",
2505
+ ...getTabsProps(),
2506
+ "aria-label": (0, import_i18n17.__)("Background Overlay", "elementor")
2507
+ },
2508
+ /* @__PURE__ */ React40.createElement(import_ui36.Tab, { label: (0, import_i18n17.__)("Image", "elementor"), ...getTabProps("image") }),
2509
+ /* @__PURE__ */ React40.createElement(import_ui36.Tab, { label: (0, import_i18n17.__)("Gradient", "elementor"), ...getTabProps("gradient") }),
2510
+ /* @__PURE__ */ React40.createElement(import_ui36.Tab, { label: (0, import_i18n17.__)("Color", "elementor"), ...getTabProps("color") })
2511
+ )), /* @__PURE__ */ React40.createElement(import_ui36.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("image") }, /* @__PURE__ */ React40.createElement(PopoverContent, null, /* @__PURE__ */ React40.createElement(ImageOverlayContent, null))), /* @__PURE__ */ React40.createElement(import_ui36.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("gradient") }, /* @__PURE__ */ React40.createElement(BackgroundGradientColorControl, null)), /* @__PURE__ */ React40.createElement(import_ui36.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("color") }, /* @__PURE__ */ React40.createElement(PopoverContent, null, /* @__PURE__ */ React40.createElement(ColorOverlayContent, null))));
2501
2512
  };
2502
2513
  var ItemIcon2 = ({ value }) => {
2503
2514
  switch (value.$$type) {