@elementor/editor-editing-panel 3.32.0-62 → 3.32.0-64
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.js +17 -19
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +11 -13
- package/dist/index.mjs.map +1 -1
- package/package.json +19 -19
- package/src/components/style-sections/effects-section/effects-section.tsx +4 -10
- package/src/controls-registry/create-top-level-object-type.ts +1 -1
- package/src/controls-registry/settings-field.tsx +2 -2
- package/src/controls-registry/styles-field.tsx +2 -2
- package/src/dynamics/dynamic-control.tsx +2 -2
package/dist/index.js
CHANGED
|
@@ -1701,11 +1701,11 @@ var controlActionsMenu = (0, import_menus.createMenu)({
|
|
|
1701
1701
|
// src/init.ts
|
|
1702
1702
|
var import_editor = require("@elementor/editor");
|
|
1703
1703
|
var import_editor_panels3 = require("@elementor/editor-panels");
|
|
1704
|
-
var
|
|
1704
|
+
var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
|
|
1705
1705
|
|
|
1706
1706
|
// src/hooks/use-open-editor-panel.ts
|
|
1707
1707
|
var import_react39 = require("react");
|
|
1708
|
-
var
|
|
1708
|
+
var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
|
|
1709
1709
|
|
|
1710
1710
|
// src/panel.ts
|
|
1711
1711
|
var import_editor_panels2 = require("@elementor/editor-panels");
|
|
@@ -2027,7 +2027,7 @@ function updateValue(path, value, values) {
|
|
|
2027
2027
|
}
|
|
2028
2028
|
|
|
2029
2029
|
// src/controls-registry/create-top-level-object-type.ts
|
|
2030
|
-
var
|
|
2030
|
+
var createTopLevelObjectType = ({ schema }) => {
|
|
2031
2031
|
const schemaPropType = {
|
|
2032
2032
|
key: "",
|
|
2033
2033
|
kind: "object",
|
|
@@ -2048,7 +2048,7 @@ var SettingsField = ({ bind, children, propDisplayName }) => {
|
|
|
2048
2048
|
} = useElement();
|
|
2049
2049
|
const elementSettingValues = (0, import_editor_elements6.useElementSettings)(elementId, Object.keys(propsSchema));
|
|
2050
2050
|
const value = { [bind]: elementSettingValues?.[bind] ?? null };
|
|
2051
|
-
const propType =
|
|
2051
|
+
const propType = createTopLevelObjectType({ schema: propsSchema });
|
|
2052
2052
|
const undoableUpdateElementProp = useUndoableUpdateElementProp({
|
|
2053
2053
|
elementId,
|
|
2054
2054
|
propDisplayName
|
|
@@ -2248,7 +2248,7 @@ var React87 = __toESM(require("react"));
|
|
|
2248
2248
|
var import_react37 = require("react");
|
|
2249
2249
|
var import_editor_props15 = require("@elementor/editor-props");
|
|
2250
2250
|
var import_editor_responsive3 = require("@elementor/editor-responsive");
|
|
2251
|
-
var
|
|
2251
|
+
var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
|
|
2252
2252
|
var import_session6 = require("@elementor/session");
|
|
2253
2253
|
var import_ui43 = require("@elementor/ui");
|
|
2254
2254
|
var import_i18n59 = require("@wordpress/i18n");
|
|
@@ -2987,7 +2987,7 @@ var StylesField = ({ bind, propDisplayName, children }) => {
|
|
|
2987
2987
|
const stylesSchema = (0, import_editor_styles4.getStylesSchema)();
|
|
2988
2988
|
const stylesInheritanceChain = useStylesInheritanceChain([bind]);
|
|
2989
2989
|
const { value, canEdit, ...fields } = useStylesField(bind, { history: { propDisplayName } });
|
|
2990
|
-
const propType =
|
|
2990
|
+
const propType = createTopLevelObjectType({ schema: stylesSchema });
|
|
2991
2991
|
const [actualValue] = stylesInheritanceChain;
|
|
2992
2992
|
const placeholderValues = {
|
|
2993
2993
|
[bind]: actualValue?.value
|
|
@@ -3286,7 +3286,6 @@ var BorderSection = () => /* @__PURE__ */ React44.createElement(SectionContent,
|
|
|
3286
3286
|
var React46 = __toESM(require("react"));
|
|
3287
3287
|
var import_editor_controls18 = require("@elementor/editor-controls");
|
|
3288
3288
|
var import_editor_elements10 = require("@elementor/editor-elements");
|
|
3289
|
-
var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
|
|
3290
3289
|
var import_i18n21 = require("@wordpress/i18n");
|
|
3291
3290
|
|
|
3292
3291
|
// src/utils/get-recently-used-styles.ts
|
|
@@ -3334,9 +3333,8 @@ var TRANSFORM_LABEL = (0, import_i18n21.__)("Transform", "elementor");
|
|
|
3334
3333
|
var BACKDROP_FILTER_LABEL = (0, import_i18n21.__)("Backdrop filters", "elementor");
|
|
3335
3334
|
var TRANSITIONS_LABEL = (0, import_i18n21.__)("Transitions", "elementor");
|
|
3336
3335
|
var EffectsSection = () => {
|
|
3337
|
-
const shouldShowTransition = (0, import_editor_v1_adapters5.isExperimentActive)(import_editor_v1_adapters5.EXPERIMENTAL_FEATURES.TRANSITIONS);
|
|
3338
3336
|
const { element } = (0, import_editor_elements10.useSelectedElement)();
|
|
3339
|
-
return /* @__PURE__ */ React46.createElement(SectionContent, null, /* @__PURE__ */ React46.createElement(OpacityControlField, null), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "box-shadow", propDisplayName: BOX_SHADOW_LABEL }, /* @__PURE__ */ React46.createElement(import_editor_controls18.BoxShadowRepeaterControl, null)), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "transform", propDisplayName: TRANSFORM_LABEL }, /* @__PURE__ */ React46.createElement(import_editor_controls18.TransformRepeaterControl, null)),
|
|
3337
|
+
return /* @__PURE__ */ React46.createElement(SectionContent, null, /* @__PURE__ */ React46.createElement(OpacityControlField, null), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "box-shadow", propDisplayName: BOX_SHADOW_LABEL }, /* @__PURE__ */ React46.createElement(import_editor_controls18.BoxShadowRepeaterControl, null)), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "transform", propDisplayName: TRANSFORM_LABEL }, /* @__PURE__ */ React46.createElement(import_editor_controls18.TransformRepeaterControl, null)), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "transition", propDisplayName: TRANSITIONS_LABEL }, /* @__PURE__ */ React46.createElement(import_editor_controls18.TransitionRepeaterControl, { recentlyUsedList: getRecentlyUsedList(element?.id) })), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "filter", propDisplayName: FILTER_LABEL }, /* @__PURE__ */ React46.createElement(import_editor_controls18.FilterRepeaterControl, null)), /* @__PURE__ */ React46.createElement(PanelDivider, null), /* @__PURE__ */ React46.createElement(StylesField, { bind: "backdrop-filter", propDisplayName: BACKDROP_FILTER_LABEL }, /* @__PURE__ */ React46.createElement(import_editor_controls18.FilterRepeaterControl, { filterPropName: "backdrop-filter" })));
|
|
3340
3338
|
};
|
|
3341
3339
|
|
|
3342
3340
|
// src/components/style-sections/layout-section/layout-section.tsx
|
|
@@ -3346,14 +3344,14 @@ var import_editor_elements11 = require("@elementor/editor-elements");
|
|
|
3346
3344
|
var import_i18n33 = require("@wordpress/i18n");
|
|
3347
3345
|
|
|
3348
3346
|
// src/hooks/use-computed-style.ts
|
|
3349
|
-
var
|
|
3347
|
+
var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
|
|
3350
3348
|
function useComputedStyle(elementId) {
|
|
3351
|
-
return (0,
|
|
3349
|
+
return (0, import_editor_v1_adapters5.__privateUseListenTo)(
|
|
3352
3350
|
[
|
|
3353
|
-
(0,
|
|
3354
|
-
(0,
|
|
3355
|
-
(0,
|
|
3356
|
-
(0,
|
|
3351
|
+
(0, import_editor_v1_adapters5.windowEvent)("elementor/device-mode/change"),
|
|
3352
|
+
(0, import_editor_v1_adapters5.commandEndEvent)("document/elements/reset-style"),
|
|
3353
|
+
(0, import_editor_v1_adapters5.commandEndEvent)("document/elements/settings"),
|
|
3354
|
+
(0, import_editor_v1_adapters5.commandEndEvent)("document/elements/paste-style")
|
|
3357
3355
|
],
|
|
3358
3356
|
() => {
|
|
3359
3357
|
if (!elementId) {
|
|
@@ -4727,7 +4725,7 @@ var StyleTab = () => {
|
|
|
4727
4725
|
const [activeStyleDefId, setActiveStyleDefId] = useActiveStyleDefId(currentClassesProp);
|
|
4728
4726
|
const [activeStyleState, setActiveStyleState] = (0, import_react37.useState)(null);
|
|
4729
4727
|
const breakpoint = (0, import_editor_responsive3.useActiveBreakpoint)();
|
|
4730
|
-
const shouldRenderCustomCss = (0,
|
|
4728
|
+
const shouldRenderCustomCss = (0, import_editor_v1_adapters6.isExperimentActive)(import_editor_v1_adapters6.EXPERIMENTAL_FEATURES.CUSTOM_CSS);
|
|
4731
4729
|
return /* @__PURE__ */ React87.createElement(ClassesPropProvider, { prop: currentClassesProp }, /* @__PURE__ */ React87.createElement(
|
|
4732
4730
|
StyleProvider,
|
|
4733
4731
|
{
|
|
@@ -4953,7 +4951,7 @@ var isAtomicWidgetSelected = () => {
|
|
|
4953
4951
|
var useOpenEditorPanel = () => {
|
|
4954
4952
|
const { open } = usePanelActions();
|
|
4955
4953
|
(0, import_react39.useEffect)(() => {
|
|
4956
|
-
return (0,
|
|
4954
|
+
return (0, import_editor_v1_adapters7.__privateListenTo)((0, import_editor_v1_adapters7.commandStartEvent)("panel/editor/open"), () => {
|
|
4957
4955
|
if (isAtomicWidgetSelected()) {
|
|
4958
4956
|
open();
|
|
4959
4957
|
}
|
|
@@ -5107,7 +5105,7 @@ var DynamicControl = ({ bind, children }) => {
|
|
|
5107
5105
|
}
|
|
5108
5106
|
});
|
|
5109
5107
|
};
|
|
5110
|
-
const propType =
|
|
5108
|
+
const propType = createTopLevelObjectType({ schema: dynamicTag.props_schema });
|
|
5111
5109
|
return /* @__PURE__ */ React91.createElement(import_editor_controls56.PropProvider, { propType, setValue: setDynamicValue, value: { [bind]: dynamicValue } }, /* @__PURE__ */ React91.createElement(import_editor_controls56.PropKeyProvider, { bind }, children));
|
|
5112
5110
|
};
|
|
5113
5111
|
|
|
@@ -5608,7 +5606,7 @@ function init3() {
|
|
|
5608
5606
|
initResetStyleProps();
|
|
5609
5607
|
}
|
|
5610
5608
|
var blockV1Panel = () => {
|
|
5611
|
-
(0,
|
|
5609
|
+
(0, import_editor_v1_adapters8.blockCommand)({
|
|
5612
5610
|
command: "panel/editor/open",
|
|
5613
5611
|
condition: isAtomicWidgetSelected
|
|
5614
5612
|
});
|