@elementor/editor-editing-panel 4.2.0-941 → 4.2.0-942

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/dist/index.mjs CHANGED
@@ -1907,7 +1907,7 @@ import { useSelectedElementSettings } from "@elementor/editor-elements";
1907
1907
  import { Panel, PanelBody, PanelHeader, PanelHeaderTitle } from "@elementor/editor-panels";
1908
1908
  import { ThemeProvider as ThemeProvider3 } from "@elementor/editor-ui";
1909
1909
  import { AtomIcon } from "@elementor/icons";
1910
- import { createLocation as createLocation4 } from "@elementor/locations";
1910
+ import { createLocation as createLocation5 } from "@elementor/locations";
1911
1911
  import { controlActionsMenu } from "@elementor/menus";
1912
1912
  import { SessionStorageProvider as SessionStorageProvider3 } from "@elementor/session";
1913
1913
  import { ErrorBoundary } from "@elementor/ui";
@@ -2720,7 +2720,7 @@ import * as React89 from "react";
2720
2720
  import { useState as useState9 } from "react";
2721
2721
  import { CLASSES_PROP_KEY } from "@elementor/editor-props";
2722
2722
  import { useActiveBreakpoint } from "@elementor/editor-responsive";
2723
- import { createLocation as createLocation3 } from "@elementor/locations";
2723
+ import { createLocation as createLocation4 } from "@elementor/locations";
2724
2724
  import { SessionStorageProvider as SessionStorageProvider2 } from "@elementor/session";
2725
2725
  import { Box as Box6, Divider as Divider5, Stack as Stack13 } from "@elementor/ui";
2726
2726
  import { __ as __62 } from "@wordpress/i18n";
@@ -3537,6 +3537,7 @@ var EffectsSection = () => {
3537
3537
  import * as React61 from "react";
3538
3538
  import { ControlFormLabel as ControlFormLabel2 } from "@elementor/editor-controls";
3539
3539
  import { useParentElement } from "@elementor/editor-elements";
3540
+ import { createLocation as createLocation3 } from "@elementor/locations";
3540
3541
  import { __ as __37 } from "@wordpress/i18n";
3541
3542
 
3542
3543
  // src/hooks/use-computed-style.ts
@@ -4719,6 +4720,7 @@ var WrapField = () => {
4719
4720
  var DISPLAY_LABEL2 = __37("Display", "elementor");
4720
4721
  var FLEX_WRAP_LABEL2 = __37("Flex wrap", "elementor");
4721
4722
  var DEFAULT_PARENT_FLOW_DIRECTION = "row";
4723
+ var { Slot: GridFieldsSlot, inject: injectIntoGridFields } = createLocation3();
4722
4724
  var LayoutSection = () => {
4723
4725
  const { value: display } = useStylesField("display", {
4724
4726
  history: { propDisplayName: DISPLAY_LABEL2 }
@@ -4746,7 +4748,7 @@ var FlexFields = () => {
4746
4748
  });
4747
4749
  return /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(FlexDirectionField, null), /* @__PURE__ */ React61.createElement(JustifyContentField, null), /* @__PURE__ */ React61.createElement(AlignItemsField, null), /* @__PURE__ */ React61.createElement(PanelDivider, null), /* @__PURE__ */ React61.createElement(GapControlField, null), /* @__PURE__ */ React61.createElement(WrapField, null), ["wrap", "wrap-reverse"].includes(flexWrap?.value) && /* @__PURE__ */ React61.createElement(AlignContentField, null));
4748
4750
  };
4749
- var GridFields = () => /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(GridOutlineField, null), /* @__PURE__ */ React61.createElement(GridSizeFields, null), /* @__PURE__ */ React61.createElement(GridAutoFlowField, null), /* @__PURE__ */ React61.createElement(StyleTabCollapsibleContent, { fields: ["grid-auto-rows", "grid-auto-columns"] }, /* @__PURE__ */ React61.createElement(GridAutoTrackFields, null)), /* @__PURE__ */ React61.createElement(PanelDivider, null), /* @__PURE__ */ React61.createElement(GapControlField, null), /* @__PURE__ */ React61.createElement(PanelDivider, null), /* @__PURE__ */ React61.createElement(GridJustifyItemsField, null), /* @__PURE__ */ React61.createElement(AlignItemsField, null));
4751
+ var GridFields = () => /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(GridOutlineField, null), /* @__PURE__ */ React61.createElement(GridSizeFields, null), /* @__PURE__ */ React61.createElement(GridAutoFlowField, null), /* @__PURE__ */ React61.createElement(GridFieldsSlot, null), /* @__PURE__ */ React61.createElement(StyleTabCollapsibleContent, { fields: ["grid-auto-rows", "grid-auto-columns"] }, /* @__PURE__ */ React61.createElement(GridAutoTrackFields, null)), /* @__PURE__ */ React61.createElement(PanelDivider, null), /* @__PURE__ */ React61.createElement(GapControlField, null), /* @__PURE__ */ React61.createElement(PanelDivider, null), /* @__PURE__ */ React61.createElement(GridJustifyItemsField, null), /* @__PURE__ */ React61.createElement(AlignItemsField, null));
4750
4752
  var FlexChildFields = ({ parentStyleDirection }) => /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(PanelDivider, null), /* @__PURE__ */ React61.createElement(ControlFormLabel2, null, __37("Flex child", "elementor")), /* @__PURE__ */ React61.createElement(AlignSelfChild, { parentStyleDirection }), /* @__PURE__ */ React61.createElement(FlexOrderField, null), /* @__PURE__ */ React61.createElement(FlexSizeField, null));
4751
4753
  var GridChildFields = ({ parentStyleDirection }) => /* @__PURE__ */ React61.createElement(React61.Fragment, null, /* @__PURE__ */ React61.createElement(PanelDivider, null), /* @__PURE__ */ React61.createElement(ControlFormLabel2, null, __37("Grid child", "elementor")), /* @__PURE__ */ React61.createElement(GridSpanFields, null), /* @__PURE__ */ React61.createElement(AlignSelfGridChild, { parentStyleDirection }), /* @__PURE__ */ React61.createElement(FlexOrderField, null));
4752
4754
  var shouldDisplayFlexFields = (display, local) => {
@@ -5450,7 +5452,7 @@ var StyleTabSection = ({ section, fields = [], unmountOnExit = true }) => {
5450
5452
 
5451
5453
  // src/components/style-tab.tsx
5452
5454
  var TABS_HEADER_HEIGHT = "37px";
5453
- var { Slot: StyleTabSlot, inject: injectIntoStyleTab } = createLocation3();
5455
+ var { Slot: StyleTabSlot, inject: injectIntoStyleTab } = createLocation4();
5454
5456
  var stickyHeaderStyles = {
5455
5457
  position: "sticky",
5456
5458
  zIndex: 1100,
@@ -5660,7 +5662,7 @@ var PanelTabContent = () => {
5660
5662
  };
5661
5663
 
5662
5664
  // src/components/editing-panel.tsx
5663
- var { Slot: PanelHeaderTopSlot, inject: injectIntoPanelHeaderTop } = createLocation4();
5665
+ var { Slot: PanelHeaderTopSlot, inject: injectIntoPanelHeaderTop } = createLocation5();
5664
5666
  var { useMenuItems } = controlActionsMenu;
5665
5667
  var EditingPanel = () => {
5666
5668
  const { element, elementType, settings } = useSelectedElementSettings();
@@ -7653,6 +7655,7 @@ export {
7653
7655
  init4 as init,
7654
7656
  injectIntoClassSelectorActions,
7655
7657
  injectIntoCssClassConvert,
7658
+ injectIntoGridFields,
7656
7659
  injectIntoPanelHeaderTop,
7657
7660
  injectIntoStyleTab,
7658
7661
  isDynamicPropValue,