@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.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +9 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +24 -24
- package/src/components/style-sections/layout-section/layout-section.tsx +4 -0
- package/src/index.ts +1 -0
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
|
|
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
|
|
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 } =
|
|
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 } =
|
|
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,
|