@elementor/editor-editing-panel 3.33.0-209 → 3.33.0-211
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 +209 -180
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +168 -139
- package/dist/index.mjs.map +1 -1
- package/package.json +20 -20
- package/src/components/editing-panel-tabs.tsx +13 -2
- package/src/components/interactions-tab.tsx +34 -0
package/dist/index.js
CHANGED
|
@@ -4771,25 +4771,25 @@ var controlsRegistry = new ControlsRegistry(controlTypes);
|
|
|
4771
4771
|
// src/init.ts
|
|
4772
4772
|
var import_editor = require("@elementor/editor");
|
|
4773
4773
|
var import_editor_panels3 = require("@elementor/editor-panels");
|
|
4774
|
-
var
|
|
4774
|
+
var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
|
|
4775
4775
|
|
|
4776
4776
|
// src/hooks/use-open-editor-panel.ts
|
|
4777
4777
|
var import_react39 = require("react");
|
|
4778
|
-
var
|
|
4778
|
+
var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
|
|
4779
4779
|
|
|
4780
4780
|
// src/panel.ts
|
|
4781
4781
|
var import_editor_panels2 = require("@elementor/editor-panels");
|
|
4782
4782
|
|
|
4783
4783
|
// src/components/editing-panel.tsx
|
|
4784
|
-
var
|
|
4784
|
+
var React91 = __toESM(require("react"));
|
|
4785
4785
|
var import_editor_controls53 = require("@elementor/editor-controls");
|
|
4786
4786
|
var import_editor_elements13 = require("@elementor/editor-elements");
|
|
4787
4787
|
var import_editor_panels = require("@elementor/editor-panels");
|
|
4788
4788
|
var import_editor_ui6 = require("@elementor/editor-ui");
|
|
4789
|
-
var
|
|
4789
|
+
var import_icons25 = require("@elementor/icons");
|
|
4790
4790
|
var import_session8 = require("@elementor/session");
|
|
4791
|
-
var
|
|
4792
|
-
var
|
|
4791
|
+
var import_ui46 = require("@elementor/ui");
|
|
4792
|
+
var import_i18n63 = require("@wordpress/i18n");
|
|
4793
4793
|
|
|
4794
4794
|
// src/components/editing-panel-error-fallback.tsx
|
|
4795
4795
|
var React84 = __toESM(require("react"));
|
|
@@ -4799,19 +4799,46 @@ function EditorPanelErrorFallback() {
|
|
|
4799
4799
|
}
|
|
4800
4800
|
|
|
4801
4801
|
// src/components/editing-panel-tabs.tsx
|
|
4802
|
-
var React89 = __toESM(require("react"));
|
|
4803
4802
|
var import_react38 = require("react");
|
|
4804
|
-
var
|
|
4805
|
-
var
|
|
4803
|
+
var React90 = __toESM(require("react"));
|
|
4804
|
+
var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
|
|
4805
|
+
var import_ui45 = require("@elementor/ui");
|
|
4806
|
+
var import_i18n62 = require("@wordpress/i18n");
|
|
4807
|
+
|
|
4808
|
+
// src/components/interactions-tab.tsx
|
|
4809
|
+
var React85 = __toESM(require("react"));
|
|
4810
|
+
var import_icons24 = require("@elementor/icons");
|
|
4811
|
+
var import_ui42 = require("@elementor/ui");
|
|
4812
|
+
var import_i18n60 = require("@wordpress/i18n");
|
|
4813
|
+
var InteractionsTab = () => {
|
|
4814
|
+
return /* @__PURE__ */ React85.createElement(
|
|
4815
|
+
import_ui42.Stack,
|
|
4816
|
+
{
|
|
4817
|
+
alignItems: "center",
|
|
4818
|
+
justifyContent: "center",
|
|
4819
|
+
height: "100%",
|
|
4820
|
+
color: "text.secondary",
|
|
4821
|
+
sx: { p: 2.5, pt: 8, pb: 5.5 },
|
|
4822
|
+
gap: 1.5
|
|
4823
|
+
},
|
|
4824
|
+
/* @__PURE__ */ React85.createElement(import_icons24.SwipeIcon, { fontSize: "large" }),
|
|
4825
|
+
/* @__PURE__ */ React85.createElement(import_ui42.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n60.__)("Animate elements with Interactions", "elementor")),
|
|
4826
|
+
/* @__PURE__ */ React85.createElement(import_ui42.Typography, { align: "center", variant: "caption", maxWidth: "170px" }, (0, import_i18n60.__)(
|
|
4827
|
+
"Add entrance animations and effects triggered by user interactions such as click, hover, or scroll.",
|
|
4828
|
+
"elementor"
|
|
4829
|
+
)),
|
|
4830
|
+
/* @__PURE__ */ React85.createElement(import_ui42.Button, { variant: "outlined", color: "secondary", size: "small", sx: { mt: 1 } }, (0, import_i18n60.__)("Create an interaction", "elementor"))
|
|
4831
|
+
);
|
|
4832
|
+
};
|
|
4806
4833
|
|
|
4807
4834
|
// src/components/settings-tab.tsx
|
|
4808
|
-
var
|
|
4835
|
+
var React89 = __toESM(require("react"));
|
|
4809
4836
|
var import_editor_controls52 = require("@elementor/editor-controls");
|
|
4810
4837
|
var import_session7 = require("@elementor/session");
|
|
4811
|
-
var
|
|
4838
|
+
var import_ui44 = require("@elementor/ui");
|
|
4812
4839
|
|
|
4813
4840
|
// src/controls-registry/control.tsx
|
|
4814
|
-
var
|
|
4841
|
+
var React86 = __toESM(require("react"));
|
|
4815
4842
|
var Control = ({ props, type }) => {
|
|
4816
4843
|
const ControlByType = controlsRegistry.get(type);
|
|
4817
4844
|
const { element } = useElement();
|
|
@@ -4820,19 +4847,19 @@ var Control = ({ props, type }) => {
|
|
|
4820
4847
|
context: { controlType: type }
|
|
4821
4848
|
});
|
|
4822
4849
|
}
|
|
4823
|
-
return /* @__PURE__ */
|
|
4850
|
+
return /* @__PURE__ */ React86.createElement(ControlByType, { ...props, context: { elementId: element.id } });
|
|
4824
4851
|
};
|
|
4825
4852
|
|
|
4826
4853
|
// src/controls-registry/control-type-container.tsx
|
|
4827
|
-
var
|
|
4828
|
-
var
|
|
4854
|
+
var React87 = __toESM(require("react"));
|
|
4855
|
+
var import_ui43 = require("@elementor/ui");
|
|
4829
4856
|
var ControlTypeContainer = ({ children, layout }) => {
|
|
4830
4857
|
if (layout === "custom") {
|
|
4831
4858
|
return children;
|
|
4832
4859
|
}
|
|
4833
|
-
return /* @__PURE__ */
|
|
4860
|
+
return /* @__PURE__ */ React87.createElement(StyledContainer, { layout }, children);
|
|
4834
4861
|
};
|
|
4835
|
-
var StyledContainer = (0,
|
|
4862
|
+
var StyledContainer = (0, import_ui43.styled)(import_ui43.Box, {
|
|
4836
4863
|
shouldForwardProp: (prop) => !["layout"].includes(prop)
|
|
4837
4864
|
})(({ layout, theme }) => ({
|
|
4838
4865
|
display: "grid",
|
|
@@ -4858,14 +4885,14 @@ var getStyleByLayout = (layout) => {
|
|
|
4858
4885
|
};
|
|
4859
4886
|
|
|
4860
4887
|
// src/controls-registry/settings-field.tsx
|
|
4861
|
-
var
|
|
4888
|
+
var React88 = __toESM(require("react"));
|
|
4862
4889
|
var import_react37 = require("react");
|
|
4863
4890
|
var import_editor_controls51 = require("@elementor/editor-controls");
|
|
4864
4891
|
var import_editor_documents2 = require("@elementor/editor-documents");
|
|
4865
4892
|
var import_editor_elements12 = require("@elementor/editor-elements");
|
|
4866
4893
|
var import_editor_props15 = require("@elementor/editor-props");
|
|
4867
4894
|
var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
|
|
4868
|
-
var
|
|
4895
|
+
var import_i18n61 = require("@wordpress/i18n");
|
|
4869
4896
|
|
|
4870
4897
|
// src/utils/prop-dependency-utils.ts
|
|
4871
4898
|
var import_editor_props14 = require("@elementor/editor-props");
|
|
@@ -5053,7 +5080,7 @@ var SettingsField = ({ bind, children, propDisplayName }) => {
|
|
|
5053
5080
|
undoableUpdateElementProp(settings);
|
|
5054
5081
|
};
|
|
5055
5082
|
const isDisabled = (prop) => !(0, import_editor_props15.isDependencyMet)(prop?.dependencies, elementSettingValues).isMet;
|
|
5056
|
-
return /* @__PURE__ */
|
|
5083
|
+
return /* @__PURE__ */ React88.createElement(import_editor_controls51.PropProvider, { propType, value, setValue, isDisabled }, /* @__PURE__ */ React88.createElement(import_editor_controls51.PropKeyProvider, { bind }, children));
|
|
5057
5084
|
};
|
|
5058
5085
|
function useUndoableUpdateElementProp({
|
|
5059
5086
|
elementId,
|
|
@@ -5075,7 +5102,7 @@ function useUndoableUpdateElementProp({
|
|
|
5075
5102
|
{
|
|
5076
5103
|
title: (0, import_editor_elements12.getElementLabel)(elementId),
|
|
5077
5104
|
// translators: %s is the name of the property that was edited.
|
|
5078
|
-
subtitle: (0,
|
|
5105
|
+
subtitle: (0, import_i18n61.__)("%s edited", "elementor").replace("%s", propDisplayName),
|
|
5079
5106
|
debounce: { wait: HISTORY_DEBOUNCE_WAIT2 }
|
|
5080
5107
|
}
|
|
5081
5108
|
);
|
|
@@ -5087,13 +5114,13 @@ var SettingsTab = () => {
|
|
|
5087
5114
|
const { elementType, element } = useElement();
|
|
5088
5115
|
const settingsDefault = useDefaultPanelSettings();
|
|
5089
5116
|
const isDefaultExpanded = (sectionId) => settingsDefault.defaultSectionsExpanded.settings?.includes(sectionId);
|
|
5090
|
-
return /* @__PURE__ */
|
|
5117
|
+
return /* @__PURE__ */ React89.createElement(import_session7.SessionStorageProvider, { prefix: element.id }, /* @__PURE__ */ React89.createElement(SectionsList, null, elementType.controls.map((control, index) => {
|
|
5091
5118
|
if (isControl(control)) {
|
|
5092
|
-
return /* @__PURE__ */
|
|
5119
|
+
return /* @__PURE__ */ React89.createElement(Control2, { key: getKey(control, element), control });
|
|
5093
5120
|
}
|
|
5094
5121
|
const { type, value } = control;
|
|
5095
5122
|
if (type === "section") {
|
|
5096
|
-
return /* @__PURE__ */
|
|
5123
|
+
return /* @__PURE__ */ React89.createElement(
|
|
5097
5124
|
Section,
|
|
5098
5125
|
{
|
|
5099
5126
|
title: value.label,
|
|
@@ -5102,7 +5129,7 @@ var SettingsTab = () => {
|
|
|
5102
5129
|
},
|
|
5103
5130
|
value.items?.map((item) => {
|
|
5104
5131
|
if (isControl(item)) {
|
|
5105
|
-
return /* @__PURE__ */
|
|
5132
|
+
return /* @__PURE__ */ React89.createElement(Control2, { key: getKey(item, element), control: item });
|
|
5106
5133
|
}
|
|
5107
5134
|
return null;
|
|
5108
5135
|
})
|
|
@@ -5121,16 +5148,16 @@ var Control2 = ({ control: { value, type } }) => {
|
|
|
5121
5148
|
controlProps.label = value.label;
|
|
5122
5149
|
}
|
|
5123
5150
|
if (type === "element-control") {
|
|
5124
|
-
return /* @__PURE__ */
|
|
5151
|
+
return /* @__PURE__ */ React89.createElement(ControlLayout, { control: value, layout, controlProps });
|
|
5125
5152
|
}
|
|
5126
|
-
return /* @__PURE__ */
|
|
5153
|
+
return /* @__PURE__ */ React89.createElement(SettingsField, { bind: value.bind, propDisplayName: value.label || value.bind }, /* @__PURE__ */ React89.createElement(ControlLayout, { control: value, layout, controlProps }));
|
|
5127
5154
|
};
|
|
5128
5155
|
var ControlLayout = ({
|
|
5129
5156
|
control,
|
|
5130
5157
|
layout,
|
|
5131
5158
|
controlProps
|
|
5132
5159
|
}) => {
|
|
5133
|
-
return /* @__PURE__ */
|
|
5160
|
+
return /* @__PURE__ */ React89.createElement(React89.Fragment, null, control.meta?.topDivider && /* @__PURE__ */ React89.createElement(import_ui44.Divider, null), /* @__PURE__ */ React89.createElement(ControlTypeContainer, { layout }, control.label && layout !== "custom" ? /* @__PURE__ */ React89.createElement(import_editor_controls52.ControlFormLabel, null, control.label) : null, /* @__PURE__ */ React89.createElement(Control, { type: control.type, props: controlProps })));
|
|
5134
5161
|
};
|
|
5135
5162
|
function populateChildControlProps(props) {
|
|
5136
5163
|
if (props.childControlType) {
|
|
@@ -5163,16 +5190,17 @@ var EditingPanelTabs = () => {
|
|
|
5163
5190
|
return (
|
|
5164
5191
|
// When switching between elements, the local states should be reset. We are using key to rerender the tabs.
|
|
5165
5192
|
// Reference: https://react.dev/learn/preserving-and-resetting-state#resetting-a-form-with-a-key
|
|
5166
|
-
/* @__PURE__ */
|
|
5193
|
+
/* @__PURE__ */ React90.createElement(import_react38.Fragment, { key: element.id }, /* @__PURE__ */ React90.createElement(PanelTabContent, null))
|
|
5167
5194
|
);
|
|
5168
5195
|
};
|
|
5169
5196
|
var PanelTabContent = () => {
|
|
5170
5197
|
const editorDefaults = useDefaultPanelSettings();
|
|
5171
5198
|
const defaultComponentTab = editorDefaults.defaultTab;
|
|
5199
|
+
const isInteractionsActive = (0, import_editor_v1_adapters6.isExperimentActive)("e_interactions");
|
|
5172
5200
|
const [currentTab, setCurrentTab] = useStateByElement("tab", defaultComponentTab);
|
|
5173
|
-
const { getTabProps, getTabPanelProps, getTabsProps } = (0,
|
|
5174
|
-
return /* @__PURE__ */
|
|
5175
|
-
|
|
5201
|
+
const { getTabProps, getTabPanelProps, getTabsProps } = (0, import_ui45.useTabs)(currentTab);
|
|
5202
|
+
return /* @__PURE__ */ React90.createElement(ScrollProvider, null, /* @__PURE__ */ React90.createElement(import_ui45.Stack, { direction: "column", sx: { width: "100%" } }, /* @__PURE__ */ React90.createElement(import_ui45.Stack, { sx: { ...stickyHeaderStyles, top: 0 } }, /* @__PURE__ */ React90.createElement(
|
|
5203
|
+
import_ui45.Tabs,
|
|
5176
5204
|
{
|
|
5177
5205
|
variant: "fullWidth",
|
|
5178
5206
|
size: "small",
|
|
@@ -5183,9 +5211,10 @@ var PanelTabContent = () => {
|
|
|
5183
5211
|
setCurrentTab(newValue);
|
|
5184
5212
|
}
|
|
5185
5213
|
},
|
|
5186
|
-
/* @__PURE__ */
|
|
5187
|
-
/* @__PURE__ */
|
|
5188
|
-
|
|
5214
|
+
/* @__PURE__ */ React90.createElement(import_ui45.Tab, { label: (0, import_i18n62.__)("General", "elementor"), ...getTabProps("settings") }),
|
|
5215
|
+
/* @__PURE__ */ React90.createElement(import_ui45.Tab, { label: (0, import_i18n62.__)("Style", "elementor"), ...getTabProps("style") }),
|
|
5216
|
+
isInteractionsActive && /* @__PURE__ */ React90.createElement(import_ui45.Tab, { label: (0, import_i18n62.__)("Interactions", "elementor"), ...getTabProps("interactions") })
|
|
5217
|
+
), /* @__PURE__ */ React90.createElement(import_ui45.Divider, null)), /* @__PURE__ */ React90.createElement(import_ui45.TabPanel, { ...getTabPanelProps("settings"), disablePadding: true }, /* @__PURE__ */ React90.createElement(SettingsTab, null)), /* @__PURE__ */ React90.createElement(import_ui45.TabPanel, { ...getTabPanelProps("style"), disablePadding: true }, /* @__PURE__ */ React90.createElement(StyleTab, null)), isInteractionsActive && /* @__PURE__ */ React90.createElement(import_ui45.TabPanel, { ...getTabPanelProps("interactions"), disablePadding: true }, /* @__PURE__ */ React90.createElement(InteractionsTab, null))));
|
|
5189
5218
|
};
|
|
5190
5219
|
|
|
5191
5220
|
// src/components/editing-panel.tsx
|
|
@@ -5197,8 +5226,8 @@ var EditingPanel = () => {
|
|
|
5197
5226
|
if (!element || !elementType) {
|
|
5198
5227
|
return null;
|
|
5199
5228
|
}
|
|
5200
|
-
const panelTitle = (0,
|
|
5201
|
-
return /* @__PURE__ */
|
|
5229
|
+
const panelTitle = (0, import_i18n63.__)("Edit %s", "elementor").replace("%s", elementType.title);
|
|
5230
|
+
return /* @__PURE__ */ React91.createElement(import_ui46.ErrorBoundary, { fallback: /* @__PURE__ */ React91.createElement(EditorPanelErrorFallback, null) }, /* @__PURE__ */ React91.createElement(import_session8.SessionStorageProvider, { prefix: "elementor" }, /* @__PURE__ */ React91.createElement(import_editor_ui6.ThemeProvider, null, /* @__PURE__ */ React91.createElement(import_editor_panels.Panel, null, /* @__PURE__ */ React91.createElement(import_editor_panels.PanelHeader, null, /* @__PURE__ */ React91.createElement(import_editor_panels.PanelHeaderTitle, null, panelTitle), /* @__PURE__ */ React91.createElement(import_icons25.AtomIcon, { fontSize: "small", sx: { color: "text.tertiary" } })), /* @__PURE__ */ React91.createElement(import_editor_panels.PanelBody, null, /* @__PURE__ */ React91.createElement(import_editor_controls53.ControlActionsProvider, { items: menuItems }, /* @__PURE__ */ React91.createElement(import_editor_controls53.ControlReplacementsProvider, { replacements: controlReplacements }, /* @__PURE__ */ React91.createElement(ElementProvider, { element, elementType }, /* @__PURE__ */ React91.createElement(EditingPanelTabs, null)))))))));
|
|
5202
5231
|
};
|
|
5203
5232
|
|
|
5204
5233
|
// src/panel.ts
|
|
@@ -5222,7 +5251,7 @@ var isAtomicWidgetSelected = () => {
|
|
|
5222
5251
|
var useOpenEditorPanel = () => {
|
|
5223
5252
|
const { open } = usePanelActions();
|
|
5224
5253
|
(0, import_react39.useEffect)(() => {
|
|
5225
|
-
return (0,
|
|
5254
|
+
return (0, import_editor_v1_adapters7.__privateListenTo)((0, import_editor_v1_adapters7.commandStartEvent)("panel/editor/open"), () => {
|
|
5226
5255
|
if (isAtomicWidgetSelected()) {
|
|
5227
5256
|
open();
|
|
5228
5257
|
}
|
|
@@ -5237,13 +5266,13 @@ var EditingPanelHooks = () => {
|
|
|
5237
5266
|
};
|
|
5238
5267
|
|
|
5239
5268
|
// src/controls-registry/element-controls/tabs-control/tabs-control.tsx
|
|
5240
|
-
var
|
|
5269
|
+
var React92 = __toESM(require("react"));
|
|
5241
5270
|
var import_editor_controls54 = require("@elementor/editor-controls");
|
|
5242
5271
|
var import_editor_elements17 = require("@elementor/editor-elements");
|
|
5243
5272
|
var import_editor_props17 = require("@elementor/editor-props");
|
|
5244
|
-
var
|
|
5245
|
-
var
|
|
5246
|
-
var
|
|
5273
|
+
var import_icons26 = require("@elementor/icons");
|
|
5274
|
+
var import_ui47 = require("@elementor/ui");
|
|
5275
|
+
var import_i18n65 = require("@wordpress/i18n");
|
|
5247
5276
|
|
|
5248
5277
|
// src/controls-registry/element-controls/get-element-by-type.ts
|
|
5249
5278
|
var import_editor_elements15 = require("@elementor/editor-elements");
|
|
@@ -5265,7 +5294,7 @@ var getElementByType = (elementId, type) => {
|
|
|
5265
5294
|
// src/controls-registry/element-controls/tabs-control/actions.ts
|
|
5266
5295
|
var import_editor_elements16 = require("@elementor/editor-elements");
|
|
5267
5296
|
var import_editor_props16 = require("@elementor/editor-props");
|
|
5268
|
-
var
|
|
5297
|
+
var import_i18n64 = require("@wordpress/i18n");
|
|
5269
5298
|
var TAB_ELEMENT_TYPE = "e-tab";
|
|
5270
5299
|
var TAB_CONTENT_ELEMENT_TYPE = "e-tab-content";
|
|
5271
5300
|
var duplicateItem = ({ items: items3 }) => {
|
|
@@ -5277,7 +5306,7 @@ var duplicateItem = ({ items: items3 }) => {
|
|
|
5277
5306
|
}
|
|
5278
5307
|
(0, import_editor_elements16.duplicateElements)({
|
|
5279
5308
|
elementIds: [tabId, tabContentId],
|
|
5280
|
-
title: (0,
|
|
5309
|
+
title: (0, import_i18n64.__)("Duplicate Tab", "elementor"),
|
|
5281
5310
|
onCreate: (duplicatedElements) => {
|
|
5282
5311
|
const tab = duplicatedElements.find((element) => element.originalElementId === tabId);
|
|
5283
5312
|
const tabContent = duplicatedElements.find((element) => element.originalElementId === tabContentId);
|
|
@@ -5312,7 +5341,7 @@ var moveItem = ({
|
|
|
5312
5341
|
throw new Error("Required tab elements not found for reordering");
|
|
5313
5342
|
}
|
|
5314
5343
|
(0, import_editor_elements16.moveElements)({
|
|
5315
|
-
title: (0,
|
|
5344
|
+
title: (0, import_i18n64.__)("Reorder Tabs", "elementor"),
|
|
5316
5345
|
moves: [
|
|
5317
5346
|
{
|
|
5318
5347
|
elementId: movedElementId,
|
|
@@ -5329,7 +5358,7 @@ var moveItem = ({
|
|
|
5329
5358
|
};
|
|
5330
5359
|
var removeItem = ({ items: items3 }) => {
|
|
5331
5360
|
(0, import_editor_elements16.removeElements)({
|
|
5332
|
-
title: (0,
|
|
5361
|
+
title: (0, import_i18n64.__)("Tabs", "elementor"),
|
|
5333
5362
|
elementIds: items3.flatMap(({ item }) => {
|
|
5334
5363
|
const tabId = item.id;
|
|
5335
5364
|
const { value: tabContentId } = (0, import_editor_elements16.getElementSetting)(tabId, "tab-content-id") ?? {};
|
|
@@ -5349,7 +5378,7 @@ var addItem = ({
|
|
|
5349
5378
|
const newTabContentId = (0, import_editor_elements16.generateElementId)();
|
|
5350
5379
|
const newTabId = (0, import_editor_elements16.generateElementId)();
|
|
5351
5380
|
(0, import_editor_elements16.createElements)({
|
|
5352
|
-
title: (0,
|
|
5381
|
+
title: (0, import_i18n64.__)("Tabs", "elementor"),
|
|
5353
5382
|
elements: [
|
|
5354
5383
|
{
|
|
5355
5384
|
containerId: tabContentAreaId,
|
|
@@ -5420,7 +5449,7 @@ var TabsControl = ({ label }) => {
|
|
|
5420
5449
|
});
|
|
5421
5450
|
}
|
|
5422
5451
|
};
|
|
5423
|
-
return /* @__PURE__ */
|
|
5452
|
+
return /* @__PURE__ */ React92.createElement(
|
|
5424
5453
|
import_editor_controls54.Repeater,
|
|
5425
5454
|
{
|
|
5426
5455
|
addToBottom: true,
|
|
@@ -5442,7 +5471,7 @@ var ItemLabel = ({ value }) => {
|
|
|
5442
5471
|
const id = value.id ?? "";
|
|
5443
5472
|
const editorSettings = (0, import_editor_elements17.useElementEditorSettings)(id);
|
|
5444
5473
|
const elementTitle = editorSettings?.title;
|
|
5445
|
-
return /* @__PURE__ */
|
|
5474
|
+
return /* @__PURE__ */ React92.createElement(import_ui47.Stack, { sx: { minHeight: 20 }, direction: "row", alignItems: "center", gap: 1.5 }, /* @__PURE__ */ React92.createElement("span", null, elementTitle), /* @__PURE__ */ React92.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: (0, import_i18n65.__)("Tabs", "elementor") }, /* @__PURE__ */ React92.createElement(ItemDefaultTab, { value })));
|
|
5446
5475
|
};
|
|
5447
5476
|
var ItemDefaultTab = ({ value }) => {
|
|
5448
5477
|
const id = value.id ?? "";
|
|
@@ -5451,19 +5480,19 @@ var ItemDefaultTab = ({ value }) => {
|
|
|
5451
5480
|
if (!isDefault) {
|
|
5452
5481
|
return null;
|
|
5453
5482
|
}
|
|
5454
|
-
return /* @__PURE__ */
|
|
5483
|
+
return /* @__PURE__ */ React92.createElement(import_ui47.Chip, { size: "tiny", shape: "rounded", label: (0, import_i18n65.__)("Default", "elementor") });
|
|
5455
5484
|
};
|
|
5456
5485
|
var ItemContent = ({ value }) => {
|
|
5457
5486
|
if (!value.id) {
|
|
5458
5487
|
return null;
|
|
5459
5488
|
}
|
|
5460
|
-
return /* @__PURE__ */
|
|
5489
|
+
return /* @__PURE__ */ React92.createElement(import_ui47.Stack, { p: 2, gap: 1.5 }, /* @__PURE__ */ React92.createElement(TabLabelControl, { elementId: value.id }), /* @__PURE__ */ React92.createElement(SettingsField, { bind: "default-active-tab", propDisplayName: (0, import_i18n65.__)("Tabs", "elementor") }, /* @__PURE__ */ React92.createElement(DefaultTabControl, { elementId: value.id })));
|
|
5461
5490
|
};
|
|
5462
5491
|
var DefaultTabControl = ({ elementId }) => {
|
|
5463
5492
|
const { value, setValue } = (0, import_editor_controls54.useBoundProp)(import_editor_props17.stringPropTypeUtil);
|
|
5464
5493
|
const isDefault = value === elementId;
|
|
5465
|
-
return /* @__PURE__ */
|
|
5466
|
-
|
|
5494
|
+
return /* @__PURE__ */ React92.createElement(import_ui47.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2 }, /* @__PURE__ */ React92.createElement(import_editor_controls54.ControlFormLabel, null, (0, import_i18n65.__)("Set as default tab", "elementor")), /* @__PURE__ */ React92.createElement(ConditionalTooltip, { showTooltip: isDefault, placement: "right" }, /* @__PURE__ */ React92.createElement(
|
|
5495
|
+
import_ui47.Switch,
|
|
5467
5496
|
{
|
|
5468
5497
|
size: "small",
|
|
5469
5498
|
checked: isDefault,
|
|
@@ -5480,8 +5509,8 @@ var DefaultTabControl = ({ elementId }) => {
|
|
|
5480
5509
|
var TabLabelControl = ({ elementId }) => {
|
|
5481
5510
|
const editorSettings = (0, import_editor_elements17.useElementEditorSettings)(elementId);
|
|
5482
5511
|
const label = editorSettings?.title ?? "";
|
|
5483
|
-
return /* @__PURE__ */
|
|
5484
|
-
|
|
5512
|
+
return /* @__PURE__ */ React92.createElement(import_ui47.Stack, { gap: 1 }, /* @__PURE__ */ React92.createElement(import_editor_controls54.ControlFormLabel, null, (0, import_i18n65.__)("Tab name", "elementor")), /* @__PURE__ */ React92.createElement(
|
|
5513
|
+
import_ui47.TextField,
|
|
5485
5514
|
{
|
|
5486
5515
|
size: "tiny",
|
|
5487
5516
|
value: label,
|
|
@@ -5501,22 +5530,22 @@ var ConditionalTooltip = ({
|
|
|
5501
5530
|
if (!showTooltip) {
|
|
5502
5531
|
return children;
|
|
5503
5532
|
}
|
|
5504
|
-
return /* @__PURE__ */
|
|
5505
|
-
|
|
5533
|
+
return /* @__PURE__ */ React92.createElement(
|
|
5534
|
+
import_ui47.Infotip,
|
|
5506
5535
|
{
|
|
5507
5536
|
arrow: false,
|
|
5508
|
-
content: /* @__PURE__ */
|
|
5509
|
-
|
|
5537
|
+
content: /* @__PURE__ */ React92.createElement(
|
|
5538
|
+
import_ui47.Alert,
|
|
5510
5539
|
{
|
|
5511
5540
|
color: "secondary",
|
|
5512
|
-
icon: /* @__PURE__ */
|
|
5541
|
+
icon: /* @__PURE__ */ React92.createElement(import_icons26.InfoCircleFilledIcon, { fontSize: "tiny" }),
|
|
5513
5542
|
size: "small",
|
|
5514
5543
|
sx: { width: 288 }
|
|
5515
5544
|
},
|
|
5516
|
-
/* @__PURE__ */
|
|
5545
|
+
/* @__PURE__ */ React92.createElement(import_ui47.Typography, { variant: "body2" }, (0, import_i18n65.__)("To change the default tab, simply set another tab as default.", "elementor"))
|
|
5517
5546
|
)
|
|
5518
5547
|
},
|
|
5519
|
-
/* @__PURE__ */
|
|
5548
|
+
/* @__PURE__ */ React92.createElement("span", null, children)
|
|
5520
5549
|
);
|
|
5521
5550
|
};
|
|
5522
5551
|
|
|
@@ -5537,10 +5566,10 @@ var import_editor_canvas5 = require("@elementor/editor-canvas");
|
|
|
5537
5566
|
var import_editor_controls61 = require("@elementor/editor-controls");
|
|
5538
5567
|
|
|
5539
5568
|
// src/dynamics/components/background-control-dynamic-tag.tsx
|
|
5540
|
-
var
|
|
5569
|
+
var React93 = __toESM(require("react"));
|
|
5541
5570
|
var import_editor_controls56 = require("@elementor/editor-controls");
|
|
5542
5571
|
var import_editor_props19 = require("@elementor/editor-props");
|
|
5543
|
-
var
|
|
5572
|
+
var import_icons27 = require("@elementor/icons");
|
|
5544
5573
|
|
|
5545
5574
|
// src/dynamics/hooks/use-dynamic-tag.ts
|
|
5546
5575
|
var import_react41 = require("react");
|
|
@@ -5632,29 +5661,29 @@ var useDynamicTag = (tagName) => {
|
|
|
5632
5661
|
};
|
|
5633
5662
|
|
|
5634
5663
|
// src/dynamics/components/background-control-dynamic-tag.tsx
|
|
5635
|
-
var BackgroundControlDynamicTagIcon = () => /* @__PURE__ */
|
|
5664
|
+
var BackgroundControlDynamicTagIcon = () => /* @__PURE__ */ React93.createElement(import_icons27.DatabaseIcon, { fontSize: "tiny" });
|
|
5636
5665
|
var BackgroundControlDynamicTagLabel = ({ value }) => {
|
|
5637
5666
|
const context = (0, import_editor_controls56.useBoundProp)(import_editor_props19.backgroundImageOverlayPropTypeUtil);
|
|
5638
|
-
return /* @__PURE__ */
|
|
5667
|
+
return /* @__PURE__ */ React93.createElement(import_editor_controls56.PropProvider, { ...context, value: value.value }, /* @__PURE__ */ React93.createElement(import_editor_controls56.PropKeyProvider, { bind: "image" }, /* @__PURE__ */ React93.createElement(Wrapper, { rawValue: value.value })));
|
|
5639
5668
|
};
|
|
5640
5669
|
var Wrapper = ({ rawValue }) => {
|
|
5641
5670
|
const { propType } = (0, import_editor_controls56.useBoundProp)();
|
|
5642
5671
|
const imageOverlayPropType = propType.prop_types["background-image-overlay"];
|
|
5643
|
-
return /* @__PURE__ */
|
|
5672
|
+
return /* @__PURE__ */ React93.createElement(import_editor_controls56.PropProvider, { propType: imageOverlayPropType.shape.image, value: rawValue, setValue: () => void 0 }, /* @__PURE__ */ React93.createElement(import_editor_controls56.PropKeyProvider, { bind: "src" }, /* @__PURE__ */ React93.createElement(Content, { rawValue: rawValue.image })));
|
|
5644
5673
|
};
|
|
5645
5674
|
var Content = ({ rawValue }) => {
|
|
5646
5675
|
const src = rawValue.value.src;
|
|
5647
5676
|
const dynamicTag = useDynamicTag(src.value.name || "");
|
|
5648
|
-
return /* @__PURE__ */
|
|
5677
|
+
return /* @__PURE__ */ React93.createElement(React93.Fragment, null, dynamicTag?.label);
|
|
5649
5678
|
};
|
|
5650
5679
|
|
|
5651
5680
|
// src/dynamics/components/dynamic-selection-control.tsx
|
|
5652
|
-
var
|
|
5681
|
+
var React97 = __toESM(require("react"));
|
|
5653
5682
|
var import_editor_controls59 = require("@elementor/editor-controls");
|
|
5654
5683
|
var import_editor_ui8 = require("@elementor/editor-ui");
|
|
5655
|
-
var
|
|
5656
|
-
var
|
|
5657
|
-
var
|
|
5684
|
+
var import_icons29 = require("@elementor/icons");
|
|
5685
|
+
var import_ui49 = require("@elementor/ui");
|
|
5686
|
+
var import_i18n67 = require("@wordpress/i18n");
|
|
5658
5687
|
|
|
5659
5688
|
// src/hooks/use-persist-dynamic-value.ts
|
|
5660
5689
|
var import_session9 = require("@elementor/session");
|
|
@@ -5665,11 +5694,11 @@ var usePersistDynamicValue = (propKey) => {
|
|
|
5665
5694
|
};
|
|
5666
5695
|
|
|
5667
5696
|
// src/dynamics/dynamic-control.tsx
|
|
5668
|
-
var
|
|
5697
|
+
var React95 = __toESM(require("react"));
|
|
5669
5698
|
var import_editor_controls57 = require("@elementor/editor-controls");
|
|
5670
5699
|
|
|
5671
5700
|
// src/dynamics/components/dynamic-conditional-control.tsx
|
|
5672
|
-
var
|
|
5701
|
+
var React94 = __toESM(require("react"));
|
|
5673
5702
|
var import_editor_props20 = require("@elementor/editor-props");
|
|
5674
5703
|
var DynamicConditionalControl = ({
|
|
5675
5704
|
children,
|
|
@@ -5677,7 +5706,7 @@ var DynamicConditionalControl = ({
|
|
|
5677
5706
|
propsSchema,
|
|
5678
5707
|
dynamicSettings
|
|
5679
5708
|
}) => {
|
|
5680
|
-
const defaults =
|
|
5709
|
+
const defaults = React94.useMemo(() => {
|
|
5681
5710
|
if (!propsSchema) {
|
|
5682
5711
|
return {};
|
|
5683
5712
|
}
|
|
@@ -5687,7 +5716,7 @@ var DynamicConditionalControl = ({
|
|
|
5687
5716
|
return result;
|
|
5688
5717
|
}, {});
|
|
5689
5718
|
}, [propsSchema]);
|
|
5690
|
-
const convertedSettings =
|
|
5719
|
+
const convertedSettings = React94.useMemo(() => {
|
|
5691
5720
|
if (!dynamicSettings) {
|
|
5692
5721
|
return {};
|
|
5693
5722
|
}
|
|
@@ -5706,14 +5735,14 @@ var DynamicConditionalControl = ({
|
|
|
5706
5735
|
{}
|
|
5707
5736
|
);
|
|
5708
5737
|
}, [dynamicSettings]);
|
|
5709
|
-
const effectiveSettings =
|
|
5738
|
+
const effectiveSettings = React94.useMemo(() => {
|
|
5710
5739
|
return { ...defaults, ...convertedSettings };
|
|
5711
5740
|
}, [defaults, convertedSettings]);
|
|
5712
5741
|
if (!propType?.dependencies?.terms.length) {
|
|
5713
|
-
return /* @__PURE__ */
|
|
5742
|
+
return /* @__PURE__ */ React94.createElement(React94.Fragment, null, children);
|
|
5714
5743
|
}
|
|
5715
5744
|
const isHidden = !(0, import_editor_props20.isDependencyMet)(propType?.dependencies, effectiveSettings).isMet;
|
|
5716
|
-
return isHidden ? null : /* @__PURE__ */
|
|
5745
|
+
return isHidden ? null : /* @__PURE__ */ React94.createElement(React94.Fragment, null, children);
|
|
5717
5746
|
};
|
|
5718
5747
|
|
|
5719
5748
|
// src/dynamics/dynamic-control.tsx
|
|
@@ -5737,7 +5766,7 @@ var DynamicControl = ({ bind, children }) => {
|
|
|
5737
5766
|
});
|
|
5738
5767
|
};
|
|
5739
5768
|
const propType = createTopLevelObjectType({ schema: dynamicTag.props_schema });
|
|
5740
|
-
return /* @__PURE__ */
|
|
5769
|
+
return /* @__PURE__ */ React95.createElement(import_editor_controls57.PropProvider, { propType, setValue: setDynamicValue, value: { [bind]: dynamicValue } }, /* @__PURE__ */ React95.createElement(import_editor_controls57.PropKeyProvider, { bind }, /* @__PURE__ */ React95.createElement(
|
|
5741
5770
|
DynamicConditionalControl,
|
|
5742
5771
|
{
|
|
5743
5772
|
propType: dynamicPropType,
|
|
@@ -5750,17 +5779,17 @@ var DynamicControl = ({ bind, children }) => {
|
|
|
5750
5779
|
|
|
5751
5780
|
// src/dynamics/components/dynamic-selection.tsx
|
|
5752
5781
|
var import_react42 = require("react");
|
|
5753
|
-
var
|
|
5782
|
+
var React96 = __toESM(require("react"));
|
|
5754
5783
|
var import_editor_controls58 = require("@elementor/editor-controls");
|
|
5755
5784
|
var import_editor_ui7 = require("@elementor/editor-ui");
|
|
5756
|
-
var
|
|
5757
|
-
var
|
|
5758
|
-
var
|
|
5785
|
+
var import_icons28 = require("@elementor/icons");
|
|
5786
|
+
var import_ui48 = require("@elementor/ui");
|
|
5787
|
+
var import_i18n66 = require("@wordpress/i18n");
|
|
5759
5788
|
var SIZE6 = "tiny";
|
|
5760
5789
|
var DynamicSelection = ({ close: closePopover }) => {
|
|
5761
5790
|
const [searchValue, setSearchValue] = (0, import_react42.useState)("");
|
|
5762
5791
|
const { groups: dynamicGroups } = getAtomicDynamicTags() || {};
|
|
5763
|
-
const theme = (0,
|
|
5792
|
+
const theme = (0, import_ui48.useTheme)();
|
|
5764
5793
|
const { value: anyValue } = (0, import_editor_controls58.useBoundProp)();
|
|
5765
5794
|
const { bind, value: dynamicValue, setValue } = (0, import_editor_controls58.useBoundProp)(dynamicPropTypeUtil);
|
|
5766
5795
|
const [, updatePropValueHistory] = usePersistDynamicValue(bind);
|
|
@@ -5790,21 +5819,21 @@ var DynamicSelection = ({ close: closePopover }) => {
|
|
|
5790
5819
|
label: item.label
|
|
5791
5820
|
}))
|
|
5792
5821
|
]);
|
|
5793
|
-
return /* @__PURE__ */
|
|
5822
|
+
return /* @__PURE__ */ React96.createElement(PopoverBody, { "aria-label": (0, import_i18n66.__)("Dynamic tags", "elementor") }, /* @__PURE__ */ React96.createElement(
|
|
5794
5823
|
import_editor_ui7.PopoverHeader,
|
|
5795
5824
|
{
|
|
5796
|
-
title: (0,
|
|
5825
|
+
title: (0, import_i18n66.__)("Dynamic tags", "elementor"),
|
|
5797
5826
|
onClose: closePopover,
|
|
5798
|
-
icon: /* @__PURE__ */
|
|
5827
|
+
icon: /* @__PURE__ */ React96.createElement(import_icons28.DatabaseIcon, { fontSize: SIZE6 })
|
|
5799
5828
|
}
|
|
5800
|
-
), hasNoDynamicTags ? /* @__PURE__ */
|
|
5829
|
+
), hasNoDynamicTags ? /* @__PURE__ */ React96.createElement(NoDynamicTags, null) : /* @__PURE__ */ React96.createElement(import_react42.Fragment, null, /* @__PURE__ */ React96.createElement(
|
|
5801
5830
|
import_editor_ui7.SearchField,
|
|
5802
5831
|
{
|
|
5803
5832
|
value: searchValue,
|
|
5804
5833
|
onSearch: handleSearch,
|
|
5805
|
-
placeholder: (0,
|
|
5834
|
+
placeholder: (0, import_i18n66.__)("Search dynamic tags\u2026", "elementor")
|
|
5806
5835
|
}
|
|
5807
|
-
), /* @__PURE__ */
|
|
5836
|
+
), /* @__PURE__ */ React96.createElement(import_ui48.Divider, null), /* @__PURE__ */ React96.createElement(
|
|
5808
5837
|
import_editor_ui7.PopoverMenuList,
|
|
5809
5838
|
{
|
|
5810
5839
|
items: virtualizedItems,
|
|
@@ -5812,12 +5841,12 @@ var DynamicSelection = ({ close: closePopover }) => {
|
|
|
5812
5841
|
onClose: closePopover,
|
|
5813
5842
|
selectedValue: dynamicValue?.name,
|
|
5814
5843
|
itemStyle: (item) => item.type === "item" ? { paddingInlineStart: theme.spacing(3.5) } : {},
|
|
5815
|
-
noResultsComponent: /* @__PURE__ */
|
|
5844
|
+
noResultsComponent: /* @__PURE__ */ React96.createElement(NoResults, { searchValue, onClear: () => setSearchValue("") })
|
|
5816
5845
|
}
|
|
5817
5846
|
)));
|
|
5818
5847
|
};
|
|
5819
|
-
var NoResults = ({ searchValue, onClear }) => /* @__PURE__ */
|
|
5820
|
-
|
|
5848
|
+
var NoResults = ({ searchValue, onClear }) => /* @__PURE__ */ React96.createElement(
|
|
5849
|
+
import_ui48.Stack,
|
|
5821
5850
|
{
|
|
5822
5851
|
gap: 1,
|
|
5823
5852
|
alignItems: "center",
|
|
@@ -5827,12 +5856,12 @@ var NoResults = ({ searchValue, onClear }) => /* @__PURE__ */ React95.createElem
|
|
|
5827
5856
|
color: "text.secondary",
|
|
5828
5857
|
sx: { pb: 3.5 }
|
|
5829
5858
|
},
|
|
5830
|
-
/* @__PURE__ */
|
|
5831
|
-
/* @__PURE__ */
|
|
5832
|
-
/* @__PURE__ */
|
|
5859
|
+
/* @__PURE__ */ React96.createElement(import_icons28.DatabaseIcon, { fontSize: "large" }),
|
|
5860
|
+
/* @__PURE__ */ React96.createElement(import_ui48.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n66.__)("Sorry, nothing matched", "elementor"), /* @__PURE__ */ React96.createElement("br", null), "\u201C", searchValue, "\u201D."),
|
|
5861
|
+
/* @__PURE__ */ React96.createElement(import_ui48.Typography, { align: "center", variant: "caption", sx: { display: "flex", flexDirection: "column" } }, (0, import_i18n66.__)("Try something else.", "elementor"), /* @__PURE__ */ React96.createElement(import_ui48.Link, { color: "text.secondary", variant: "caption", component: "button", onClick: onClear }, (0, import_i18n66.__)("Clear & try again", "elementor")))
|
|
5833
5862
|
);
|
|
5834
|
-
var NoDynamicTags = () => /* @__PURE__ */
|
|
5835
|
-
|
|
5863
|
+
var NoDynamicTags = () => /* @__PURE__ */ React96.createElement(React96.Fragment, null, /* @__PURE__ */ React96.createElement(import_ui48.Divider, null), /* @__PURE__ */ React96.createElement(
|
|
5864
|
+
import_ui48.Stack,
|
|
5836
5865
|
{
|
|
5837
5866
|
gap: 1,
|
|
5838
5867
|
alignItems: "center",
|
|
@@ -5842,9 +5871,9 @@ var NoDynamicTags = () => /* @__PURE__ */ React95.createElement(React95.Fragment
|
|
|
5842
5871
|
color: "text.secondary",
|
|
5843
5872
|
sx: { pb: 3.5 }
|
|
5844
5873
|
},
|
|
5845
|
-
/* @__PURE__ */
|
|
5846
|
-
/* @__PURE__ */
|
|
5847
|
-
/* @__PURE__ */
|
|
5874
|
+
/* @__PURE__ */ React96.createElement(import_icons28.DatabaseIcon, { fontSize: "large" }),
|
|
5875
|
+
/* @__PURE__ */ React96.createElement(import_ui48.Typography, { align: "center", variant: "subtitle2" }, (0, import_i18n66.__)("Streamline your workflow with dynamic tags", "elementor")),
|
|
5876
|
+
/* @__PURE__ */ React96.createElement(import_ui48.Typography, { align: "center", variant: "caption" }, (0, import_i18n66.__)("You'll need Elementor Pro to use this feature.", "elementor"))
|
|
5848
5877
|
));
|
|
5849
5878
|
var useFilteredOptions = (searchValue) => {
|
|
5850
5879
|
const dynamicTags = usePropDynamicTags();
|
|
@@ -5869,7 +5898,7 @@ var DynamicSelectionControl = () => {
|
|
|
5869
5898
|
const { setValue: setAnyValue } = (0, import_editor_controls59.useBoundProp)();
|
|
5870
5899
|
const { bind, value } = (0, import_editor_controls59.useBoundProp)(dynamicPropTypeUtil);
|
|
5871
5900
|
const [propValueFromHistory] = usePersistDynamicValue(bind);
|
|
5872
|
-
const selectionPopoverState = (0,
|
|
5901
|
+
const selectionPopoverState = (0, import_ui49.usePopupState)({ variant: "popover" });
|
|
5873
5902
|
const { name: tagName = "" } = value;
|
|
5874
5903
|
const dynamicTag = useDynamicTag(tagName);
|
|
5875
5904
|
const removeDynamicTag = () => {
|
|
@@ -5878,26 +5907,26 @@ var DynamicSelectionControl = () => {
|
|
|
5878
5907
|
if (!dynamicTag) {
|
|
5879
5908
|
throw new Error(`Dynamic tag ${tagName} not found`);
|
|
5880
5909
|
}
|
|
5881
|
-
return /* @__PURE__ */
|
|
5882
|
-
|
|
5910
|
+
return /* @__PURE__ */ React97.createElement(import_ui49.Box, null, /* @__PURE__ */ React97.createElement(
|
|
5911
|
+
import_ui49.UnstableTag,
|
|
5883
5912
|
{
|
|
5884
5913
|
fullWidth: true,
|
|
5885
5914
|
showActionsOnHover: true,
|
|
5886
5915
|
label: dynamicTag.label,
|
|
5887
|
-
startIcon: /* @__PURE__ */
|
|
5888
|
-
...(0,
|
|
5889
|
-
actions: /* @__PURE__ */
|
|
5890
|
-
|
|
5916
|
+
startIcon: /* @__PURE__ */ React97.createElement(import_icons29.DatabaseIcon, { fontSize: SIZE7 }),
|
|
5917
|
+
...(0, import_ui49.bindTrigger)(selectionPopoverState),
|
|
5918
|
+
actions: /* @__PURE__ */ React97.createElement(React97.Fragment, null, /* @__PURE__ */ React97.createElement(DynamicSettingsPopover, { dynamicTag }), /* @__PURE__ */ React97.createElement(
|
|
5919
|
+
import_ui49.IconButton,
|
|
5891
5920
|
{
|
|
5892
5921
|
size: SIZE7,
|
|
5893
5922
|
onClick: removeDynamicTag,
|
|
5894
|
-
"aria-label": (0,
|
|
5923
|
+
"aria-label": (0, import_i18n67.__)("Remove dynamic value", "elementor")
|
|
5895
5924
|
},
|
|
5896
|
-
/* @__PURE__ */
|
|
5925
|
+
/* @__PURE__ */ React97.createElement(import_icons29.XIcon, { fontSize: SIZE7 })
|
|
5897
5926
|
))
|
|
5898
5927
|
}
|
|
5899
|
-
), /* @__PURE__ */
|
|
5900
|
-
|
|
5928
|
+
), /* @__PURE__ */ React97.createElement(
|
|
5929
|
+
import_ui49.Popover,
|
|
5901
5930
|
{
|
|
5902
5931
|
disablePortal: true,
|
|
5903
5932
|
disableScrollLock: true,
|
|
@@ -5906,27 +5935,27 @@ var DynamicSelectionControl = () => {
|
|
|
5906
5935
|
PaperProps: {
|
|
5907
5936
|
sx: { my: 1 }
|
|
5908
5937
|
},
|
|
5909
|
-
...(0,
|
|
5938
|
+
...(0, import_ui49.bindPopover)(selectionPopoverState)
|
|
5910
5939
|
},
|
|
5911
|
-
/* @__PURE__ */
|
|
5940
|
+
/* @__PURE__ */ React97.createElement(PopoverBody, { "aria-label": (0, import_i18n67.__)("Dynamic tags", "elementor") }, /* @__PURE__ */ React97.createElement(DynamicSelection, { close: selectionPopoverState.close }))
|
|
5912
5941
|
));
|
|
5913
5942
|
};
|
|
5914
5943
|
var DynamicSettingsPopover = ({ dynamicTag }) => {
|
|
5915
|
-
const popupState = (0,
|
|
5944
|
+
const popupState = (0, import_ui49.usePopupState)({ variant: "popover" });
|
|
5916
5945
|
const hasDynamicSettings = !!dynamicTag.atomic_controls.length;
|
|
5917
5946
|
if (!hasDynamicSettings) {
|
|
5918
5947
|
return null;
|
|
5919
5948
|
}
|
|
5920
|
-
return /* @__PURE__ */
|
|
5921
|
-
|
|
5949
|
+
return /* @__PURE__ */ React97.createElement(React97.Fragment, null, /* @__PURE__ */ React97.createElement(
|
|
5950
|
+
import_ui49.IconButton,
|
|
5922
5951
|
{
|
|
5923
5952
|
size: SIZE7,
|
|
5924
|
-
...(0,
|
|
5925
|
-
"aria-label": (0,
|
|
5953
|
+
...(0, import_ui49.bindTrigger)(popupState),
|
|
5954
|
+
"aria-label": (0, import_i18n67.__)("Dynamic settings", "elementor")
|
|
5926
5955
|
},
|
|
5927
|
-
/* @__PURE__ */
|
|
5928
|
-
), /* @__PURE__ */
|
|
5929
|
-
|
|
5956
|
+
/* @__PURE__ */ React97.createElement(import_icons29.SettingsIcon, { fontSize: SIZE7 })
|
|
5957
|
+
), /* @__PURE__ */ React97.createElement(
|
|
5958
|
+
import_ui49.Popover,
|
|
5930
5959
|
{
|
|
5931
5960
|
disablePortal: true,
|
|
5932
5961
|
disableScrollLock: true,
|
|
@@ -5935,45 +5964,45 @@ var DynamicSettingsPopover = ({ dynamicTag }) => {
|
|
|
5935
5964
|
PaperProps: {
|
|
5936
5965
|
sx: { my: 1 }
|
|
5937
5966
|
},
|
|
5938
|
-
...(0,
|
|
5967
|
+
...(0, import_ui49.bindPopover)(popupState)
|
|
5939
5968
|
},
|
|
5940
|
-
/* @__PURE__ */
|
|
5969
|
+
/* @__PURE__ */ React97.createElement(PopoverBody, { "aria-label": (0, import_i18n67.__)("Dynamic settings", "elementor") }, /* @__PURE__ */ React97.createElement(
|
|
5941
5970
|
import_editor_ui8.PopoverHeader,
|
|
5942
5971
|
{
|
|
5943
5972
|
title: dynamicTag.label,
|
|
5944
5973
|
onClose: popupState.close,
|
|
5945
|
-
icon: /* @__PURE__ */
|
|
5974
|
+
icon: /* @__PURE__ */ React97.createElement(import_icons29.DatabaseIcon, { fontSize: SIZE7 })
|
|
5946
5975
|
}
|
|
5947
|
-
), /* @__PURE__ */
|
|
5976
|
+
), /* @__PURE__ */ React97.createElement(DynamicSettings, { controls: dynamicTag.atomic_controls, tagName: dynamicTag.name }))
|
|
5948
5977
|
));
|
|
5949
5978
|
};
|
|
5950
5979
|
var DynamicSettings = ({ controls, tagName }) => {
|
|
5951
5980
|
const tabs = controls.filter(({ type }) => type === "section");
|
|
5952
|
-
const { getTabsProps, getTabProps, getTabPanelProps } = (0,
|
|
5981
|
+
const { getTabsProps, getTabProps, getTabPanelProps } = (0, import_ui49.useTabs)(0);
|
|
5953
5982
|
if (!tabs.length) {
|
|
5954
5983
|
return null;
|
|
5955
5984
|
}
|
|
5956
5985
|
if (tagsWithoutTabs.includes(tagName)) {
|
|
5957
5986
|
const singleTab = tabs[0];
|
|
5958
|
-
return /* @__PURE__ */
|
|
5987
|
+
return /* @__PURE__ */ React97.createElement(React97.Fragment, null, /* @__PURE__ */ React97.createElement(import_ui49.Divider, null), /* @__PURE__ */ React97.createElement(ControlsItemsStack, { items: singleTab.value.items }));
|
|
5959
5988
|
}
|
|
5960
|
-
return /* @__PURE__ */
|
|
5961
|
-
|
|
5989
|
+
return /* @__PURE__ */ React97.createElement(React97.Fragment, null, tabs.length > 1 && /* @__PURE__ */ React97.createElement(import_ui49.Tabs, { size: "small", variant: "fullWidth", ...getTabsProps() }, tabs.map(({ value }, index) => /* @__PURE__ */ React97.createElement(
|
|
5990
|
+
import_ui49.Tab,
|
|
5962
5991
|
{
|
|
5963
5992
|
key: index,
|
|
5964
5993
|
label: value.label,
|
|
5965
5994
|
sx: { px: 1, py: 0.5 },
|
|
5966
5995
|
...getTabProps(index)
|
|
5967
5996
|
}
|
|
5968
|
-
))), /* @__PURE__ */
|
|
5969
|
-
return /* @__PURE__ */
|
|
5970
|
-
|
|
5997
|
+
))), /* @__PURE__ */ React97.createElement(import_ui49.Divider, null), tabs.map(({ value }, index) => {
|
|
5998
|
+
return /* @__PURE__ */ React97.createElement(
|
|
5999
|
+
import_ui49.TabPanel,
|
|
5971
6000
|
{
|
|
5972
6001
|
key: index,
|
|
5973
6002
|
sx: { flexGrow: 1, py: 0, overflowY: "auto" },
|
|
5974
6003
|
...getTabPanelProps(index)
|
|
5975
6004
|
},
|
|
5976
|
-
/* @__PURE__ */
|
|
6005
|
+
/* @__PURE__ */ React97.createElement(ControlsItemsStack, { items: value.items })
|
|
5977
6006
|
);
|
|
5978
6007
|
}));
|
|
5979
6008
|
};
|
|
@@ -6015,11 +6044,11 @@ var Control3 = ({ control }) => {
|
|
|
6015
6044
|
display: "grid",
|
|
6016
6045
|
gridTemplateColumns: isSwitchControl ? "minmax(0, 1fr) max-content" : "1fr 1fr"
|
|
6017
6046
|
} : {};
|
|
6018
|
-
return /* @__PURE__ */
|
|
6047
|
+
return /* @__PURE__ */ React97.createElement(DynamicControl, { bind: control.bind }, /* @__PURE__ */ React97.createElement(import_ui49.Grid, { container: true, gap: 0.75, sx: layoutStyleProps }, control.label ? /* @__PURE__ */ React97.createElement(import_ui49.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React97.createElement(import_editor_controls59.ControlFormLabel, null, control.label)) : null, /* @__PURE__ */ React97.createElement(import_ui49.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React97.createElement(Control, { type: control.type, props: controlProps }))));
|
|
6019
6048
|
};
|
|
6020
6049
|
function ControlsItemsStack({ items: items3 }) {
|
|
6021
|
-
return /* @__PURE__ */
|
|
6022
|
-
(item) => item.type === "control" ? /* @__PURE__ */
|
|
6050
|
+
return /* @__PURE__ */ React97.createElement(import_ui49.Stack, { p: 2, gap: 2, sx: { overflowY: "auto" } }, items3.map(
|
|
6051
|
+
(item) => item.type === "control" ? /* @__PURE__ */ React97.createElement(Control3, { key: item.value.bind, control: item.value }) : null
|
|
6023
6052
|
));
|
|
6024
6053
|
}
|
|
6025
6054
|
|
|
@@ -6073,18 +6102,18 @@ function getDynamicValue(name, settings) {
|
|
|
6073
6102
|
}
|
|
6074
6103
|
|
|
6075
6104
|
// src/dynamics/hooks/use-prop-dynamic-action.tsx
|
|
6076
|
-
var
|
|
6105
|
+
var React98 = __toESM(require("react"));
|
|
6077
6106
|
var import_editor_controls60 = require("@elementor/editor-controls");
|
|
6078
|
-
var
|
|
6079
|
-
var
|
|
6107
|
+
var import_icons30 = require("@elementor/icons");
|
|
6108
|
+
var import_i18n68 = require("@wordpress/i18n");
|
|
6080
6109
|
var usePropDynamicAction = () => {
|
|
6081
6110
|
const { propType } = (0, import_editor_controls60.useBoundProp)();
|
|
6082
6111
|
const visible = !!propType && supportsDynamic(propType);
|
|
6083
6112
|
return {
|
|
6084
6113
|
visible,
|
|
6085
|
-
icon:
|
|
6086
|
-
title: (0,
|
|
6087
|
-
content: ({ close }) => /* @__PURE__ */
|
|
6114
|
+
icon: import_icons30.DatabaseIcon,
|
|
6115
|
+
title: (0, import_i18n68.__)("Dynamic tags", "elementor"),
|
|
6116
|
+
content: ({ close }) => /* @__PURE__ */ React98.createElement(DynamicSelection, { close })
|
|
6088
6117
|
};
|
|
6089
6118
|
};
|
|
6090
6119
|
|
|
@@ -6115,8 +6144,8 @@ var init = () => {
|
|
|
6115
6144
|
|
|
6116
6145
|
// src/reset-style-props.tsx
|
|
6117
6146
|
var import_editor_controls62 = require("@elementor/editor-controls");
|
|
6118
|
-
var
|
|
6119
|
-
var
|
|
6147
|
+
var import_icons31 = require("@elementor/icons");
|
|
6148
|
+
var import_i18n69 = require("@wordpress/i18n");
|
|
6120
6149
|
var { registerAction } = controlActionsMenu;
|
|
6121
6150
|
var REPEATERS_SUPPORTED_FOR_RESET = ["background"];
|
|
6122
6151
|
function initResetStyleProps() {
|
|
@@ -6134,8 +6163,8 @@ function useResetStyleValueProps() {
|
|
|
6134
6163
|
const shouldShowResetForRepeater = !isRequired && (!isInRepeater || isRepeaterTypeSupported);
|
|
6135
6164
|
return {
|
|
6136
6165
|
visible: isStyle && value !== null && value !== void 0 && shouldShowResetForRepeater,
|
|
6137
|
-
title: (0,
|
|
6138
|
-
icon:
|
|
6166
|
+
title: (0, import_i18n69.__)("Clear", "elementor"),
|
|
6167
|
+
icon: import_icons31.BrushBigIcon,
|
|
6139
6168
|
onClick: () => resetValue()
|
|
6140
6169
|
};
|
|
6141
6170
|
}
|
|
@@ -6158,25 +6187,25 @@ var excludePropTypeTransformers = /* @__PURE__ */ new Set([
|
|
|
6158
6187
|
]);
|
|
6159
6188
|
|
|
6160
6189
|
// src/styles-inheritance/transformers/array-transformer.tsx
|
|
6161
|
-
var
|
|
6190
|
+
var React99 = __toESM(require("react"));
|
|
6162
6191
|
var import_editor_canvas6 = require("@elementor/editor-canvas");
|
|
6163
|
-
var
|
|
6192
|
+
var import_ui50 = require("@elementor/ui");
|
|
6164
6193
|
var arrayTransformer = (0, import_editor_canvas6.createTransformer)((values) => {
|
|
6165
6194
|
if (!values || values.length === 0) {
|
|
6166
6195
|
return null;
|
|
6167
6196
|
}
|
|
6168
|
-
return /* @__PURE__ */
|
|
6197
|
+
return /* @__PURE__ */ React99.createElement(import_ui50.Stack, { direction: "column" }, values.map((item, index) => /* @__PURE__ */ React99.createElement(import_ui50.Stack, { key: index }, item)));
|
|
6169
6198
|
});
|
|
6170
6199
|
|
|
6171
6200
|
// src/styles-inheritance/transformers/background-color-overlay-transformer.tsx
|
|
6172
|
-
var
|
|
6201
|
+
var React100 = __toESM(require("react"));
|
|
6173
6202
|
var import_editor_canvas7 = require("@elementor/editor-canvas");
|
|
6174
|
-
var
|
|
6175
|
-
var backgroundColorOverlayTransformer = (0, import_editor_canvas7.createTransformer)((value) => /* @__PURE__ */
|
|
6203
|
+
var import_ui51 = require("@elementor/ui");
|
|
6204
|
+
var backgroundColorOverlayTransformer = (0, import_editor_canvas7.createTransformer)((value) => /* @__PURE__ */ React100.createElement(import_ui51.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React100.createElement(ItemLabelColor, { value })));
|
|
6176
6205
|
var ItemLabelColor = ({ value: { color } }) => {
|
|
6177
|
-
return /* @__PURE__ */
|
|
6206
|
+
return /* @__PURE__ */ React100.createElement("span", null, color);
|
|
6178
6207
|
};
|
|
6179
|
-
var StyledUnstableColorIndicator = (0,
|
|
6208
|
+
var StyledUnstableColorIndicator = (0, import_ui51.styled)(import_ui51.UnstableColorIndicator)(({ theme }) => ({
|
|
6180
6209
|
width: "1em",
|
|
6181
6210
|
height: "1em",
|
|
6182
6211
|
borderRadius: `${theme.shape.borderRadius / 2}px`,
|
|
@@ -6185,20 +6214,20 @@ var StyledUnstableColorIndicator = (0, import_ui50.styled)(import_ui50.UnstableC
|
|
|
6185
6214
|
}));
|
|
6186
6215
|
|
|
6187
6216
|
// src/styles-inheritance/transformers/background-gradient-overlay-transformer.tsx
|
|
6188
|
-
var
|
|
6217
|
+
var React101 = __toESM(require("react"));
|
|
6189
6218
|
var import_editor_canvas8 = require("@elementor/editor-canvas");
|
|
6190
|
-
var
|
|
6191
|
-
var
|
|
6192
|
-
var backgroundGradientOverlayTransformer = (0, import_editor_canvas8.createTransformer)((value) => /* @__PURE__ */
|
|
6219
|
+
var import_ui52 = require("@elementor/ui");
|
|
6220
|
+
var import_i18n70 = require("@wordpress/i18n");
|
|
6221
|
+
var backgroundGradientOverlayTransformer = (0, import_editor_canvas8.createTransformer)((value) => /* @__PURE__ */ React101.createElement(import_ui52.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React101.createElement(ItemIconGradient, { value }), /* @__PURE__ */ React101.createElement(ItemLabelGradient, { value })));
|
|
6193
6222
|
var ItemIconGradient = ({ value }) => {
|
|
6194
6223
|
const gradient = getGradientValue(value);
|
|
6195
|
-
return /* @__PURE__ */
|
|
6224
|
+
return /* @__PURE__ */ React101.createElement(StyledUnstableColorIndicator, { size: "inherit", component: "span", value: gradient });
|
|
6196
6225
|
};
|
|
6197
6226
|
var ItemLabelGradient = ({ value }) => {
|
|
6198
6227
|
if (value.type === "linear") {
|
|
6199
|
-
return /* @__PURE__ */
|
|
6228
|
+
return /* @__PURE__ */ React101.createElement("span", null, (0, import_i18n70.__)("Linear gradient", "elementor"));
|
|
6200
6229
|
}
|
|
6201
|
-
return /* @__PURE__ */
|
|
6230
|
+
return /* @__PURE__ */ React101.createElement("span", null, (0, import_i18n70.__)("Radial gradient", "elementor"));
|
|
6202
6231
|
};
|
|
6203
6232
|
var getGradientValue = (gradient) => {
|
|
6204
6233
|
const stops = gradient.stops?.map(({ color, offset }) => `${color} ${offset ?? 0}%`)?.join(",");
|
|
@@ -6209,16 +6238,16 @@ var getGradientValue = (gradient) => {
|
|
|
6209
6238
|
};
|
|
6210
6239
|
|
|
6211
6240
|
// src/styles-inheritance/transformers/background-image-overlay-transformer.tsx
|
|
6212
|
-
var
|
|
6241
|
+
var React102 = __toESM(require("react"));
|
|
6213
6242
|
var import_editor_canvas9 = require("@elementor/editor-canvas");
|
|
6214
6243
|
var import_editor_ui9 = require("@elementor/editor-ui");
|
|
6215
|
-
var
|
|
6244
|
+
var import_ui53 = require("@elementor/ui");
|
|
6216
6245
|
var import_wp_media = require("@elementor/wp-media");
|
|
6217
|
-
var backgroundImageOverlayTransformer = (0, import_editor_canvas9.createTransformer)((value) => /* @__PURE__ */
|
|
6246
|
+
var backgroundImageOverlayTransformer = (0, import_editor_canvas9.createTransformer)((value) => /* @__PURE__ */ React102.createElement(import_ui53.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React102.createElement(ItemIconImage, { value }), /* @__PURE__ */ React102.createElement(ItemLabelImage, { value })));
|
|
6218
6247
|
var ItemIconImage = ({ value }) => {
|
|
6219
6248
|
const { imageUrl } = useImage(value);
|
|
6220
|
-
return /* @__PURE__ */
|
|
6221
|
-
|
|
6249
|
+
return /* @__PURE__ */ React102.createElement(
|
|
6250
|
+
import_ui53.CardMedia,
|
|
6222
6251
|
{
|
|
6223
6252
|
image: imageUrl,
|
|
6224
6253
|
sx: (theme) => ({
|
|
@@ -6233,7 +6262,7 @@ var ItemIconImage = ({ value }) => {
|
|
|
6233
6262
|
};
|
|
6234
6263
|
var ItemLabelImage = ({ value }) => {
|
|
6235
6264
|
const { imageTitle } = useImage(value);
|
|
6236
|
-
return /* @__PURE__ */
|
|
6265
|
+
return /* @__PURE__ */ React102.createElement(import_editor_ui9.EllipsisWithTooltip, { title: imageTitle }, /* @__PURE__ */ React102.createElement("span", null, imageTitle));
|
|
6237
6266
|
};
|
|
6238
6267
|
var useImage = (image) => {
|
|
6239
6268
|
let imageTitle, imageUrl = null;
|
|
@@ -6258,9 +6287,9 @@ var getFileExtensionFromFilename = (filename) => {
|
|
|
6258
6287
|
};
|
|
6259
6288
|
|
|
6260
6289
|
// src/styles-inheritance/transformers/box-shadow-transformer.tsx
|
|
6261
|
-
var
|
|
6290
|
+
var React103 = __toESM(require("react"));
|
|
6262
6291
|
var import_editor_canvas10 = require("@elementor/editor-canvas");
|
|
6263
|
-
var
|
|
6292
|
+
var import_ui54 = require("@elementor/ui");
|
|
6264
6293
|
var boxShadowTransformer = (0, import_editor_canvas10.createTransformer)((value) => {
|
|
6265
6294
|
if (!value) {
|
|
6266
6295
|
return null;
|
|
@@ -6269,20 +6298,20 @@ var boxShadowTransformer = (0, import_editor_canvas10.createTransformer)((value)
|
|
|
6269
6298
|
const colorValue = color || "#000000";
|
|
6270
6299
|
const sizes = [hOffset || "0px", vOffset || "0px", blur || "10px", spread || "0px"].join(" ");
|
|
6271
6300
|
const positionValue = position || "outset";
|
|
6272
|
-
return /* @__PURE__ */
|
|
6301
|
+
return /* @__PURE__ */ React103.createElement(import_ui54.Stack, { direction: "column", gap: 0.5, pb: 1 }, /* @__PURE__ */ React103.createElement("span", null, colorValue, " ", positionValue, ", ", sizes));
|
|
6273
6302
|
});
|
|
6274
6303
|
|
|
6275
6304
|
// src/styles-inheritance/transformers/color-transformer.tsx
|
|
6276
|
-
var
|
|
6305
|
+
var React104 = __toESM(require("react"));
|
|
6277
6306
|
var import_editor_canvas11 = require("@elementor/editor-canvas");
|
|
6278
|
-
var
|
|
6307
|
+
var import_ui55 = require("@elementor/ui");
|
|
6279
6308
|
function isValidCSSColor(value) {
|
|
6280
6309
|
if (!value.trim()) {
|
|
6281
6310
|
return false;
|
|
6282
6311
|
}
|
|
6283
6312
|
return CSS.supports("color", value.trim());
|
|
6284
6313
|
}
|
|
6285
|
-
var StyledColorIndicator = (0,
|
|
6314
|
+
var StyledColorIndicator = (0, import_ui55.styled)(import_ui55.UnstableColorIndicator)(({ theme }) => ({
|
|
6286
6315
|
width: "1em",
|
|
6287
6316
|
height: "1em",
|
|
6288
6317
|
borderRadius: `${theme.shape.borderRadius / 2}px`,
|
|
@@ -6293,13 +6322,13 @@ var colorTransformer = (0, import_editor_canvas11.createTransformer)((value) =>
|
|
|
6293
6322
|
if (!isValidCSSColor(value)) {
|
|
6294
6323
|
return value;
|
|
6295
6324
|
}
|
|
6296
|
-
return /* @__PURE__ */
|
|
6325
|
+
return /* @__PURE__ */ React104.createElement(import_ui55.Stack, { direction: "row", gap: 1, alignItems: "center" }, /* @__PURE__ */ React104.createElement(StyledColorIndicator, { size: "inherit", component: "span", value }), /* @__PURE__ */ React104.createElement("span", null, value));
|
|
6297
6326
|
});
|
|
6298
6327
|
|
|
6299
6328
|
// src/styles-inheritance/transformers/repeater-to-items-transformer.tsx
|
|
6300
|
-
var
|
|
6329
|
+
var React105 = __toESM(require("react"));
|
|
6301
6330
|
var import_editor_canvas12 = require("@elementor/editor-canvas");
|
|
6302
|
-
var
|
|
6331
|
+
var import_ui56 = require("@elementor/ui");
|
|
6303
6332
|
var createRepeaterToItemsTransformer = (originalTransformer, separator = " ") => {
|
|
6304
6333
|
return (0, import_editor_canvas12.createTransformer)((value, options12) => {
|
|
6305
6334
|
const stringResult = originalTransformer(value, options12);
|
|
@@ -6310,7 +6339,7 @@ var createRepeaterToItemsTransformer = (originalTransformer, separator = " ") =>
|
|
|
6310
6339
|
if (parts.length <= 1) {
|
|
6311
6340
|
return stringResult;
|
|
6312
6341
|
}
|
|
6313
|
-
return /* @__PURE__ */
|
|
6342
|
+
return /* @__PURE__ */ React105.createElement(import_ui56.Stack, { direction: "column", gap: 0.5 }, parts.map((part, index) => /* @__PURE__ */ React105.createElement(import_ui56.Stack, { key: index }, part.trim())));
|
|
6314
6343
|
});
|
|
6315
6344
|
};
|
|
6316
6345
|
|
|
@@ -6375,7 +6404,7 @@ function init3() {
|
|
|
6375
6404
|
initResetStyleProps();
|
|
6376
6405
|
}
|
|
6377
6406
|
var blockV1Panel = () => {
|
|
6378
|
-
(0,
|
|
6407
|
+
(0, import_editor_v1_adapters8.blockCommand)({
|
|
6379
6408
|
command: "panel/editor/open",
|
|
6380
6409
|
condition: isAtomicWidgetSelected
|
|
6381
6410
|
});
|