@elementor/editor-editing-panel 1.15.0 → 1.16.0
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 +27 -0
- package/dist/index.js +29 -15
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +29 -15
- package/dist/index.mjs.map +1 -1
- package/package.json +11 -11
- package/src/components/css-classes/css-class-menu.tsx +1 -1
- package/src/components/css-classes/css-class-selector.tsx +1 -1
- package/src/components/style-sections/layout-section/flex-size-field.tsx +1 -1
- package/src/components/style-sections/position-section/dimensions-field.tsx +1 -1
- package/src/components/style-sections/position-section/z-index-field.tsx +1 -1
- package/src/components/style-sections/size-section/size-section.tsx +18 -9
- package/src/components/style-sections/spacing-section/spacing-section.tsx +1 -1
- package/src/components/style-sections/typography-section/font-weight-field.tsx +3 -3
- package/src/dynamics/components/dynamic-selection-control.tsx +1 -1
- package/src/dynamics/components/dynamic-selection.tsx +1 -1
- package/src/dynamics/hooks/use-prop-dynamic-action.tsx +1 -1
- package/src/styles-inheritance/create-snapshots-manager.ts +179 -0
- package/src/styles-inheritance/create-styles-inheritance.ts +50 -0
- package/src/styles-inheritance/types.ts +42 -0
- package/src/styles-inheritance/utils.ts +10 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,32 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 1.16.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 1a1e998: Add auto size unit to size controls
|
|
8
|
+
- bcf4254: VQA text fixes
|
|
9
|
+
- dcf1dfa: Added the styles inheritance model and an initial API
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies [1a1e998]
|
|
14
|
+
- Updated dependencies [bcf4254]
|
|
15
|
+
- Updated dependencies [c654f89]
|
|
16
|
+
- Updated dependencies [f4b76ac]
|
|
17
|
+
- Updated dependencies [ed5962d]
|
|
18
|
+
- Updated dependencies [571ff75]
|
|
19
|
+
- @elementor/editor-controls@0.14.0
|
|
20
|
+
- @elementor/editor-elements@0.6.0
|
|
21
|
+
- @elementor/editor-styles@0.6.0
|
|
22
|
+
- @elementor/editor-props@0.9.3
|
|
23
|
+
- @elementor/utils@0.4.0
|
|
24
|
+
- @elementor/editor-styles-repository@0.7.3
|
|
25
|
+
- @elementor/editor-v1-adapters@0.10.1
|
|
26
|
+
- @elementor/editor@0.18.1
|
|
27
|
+
- @elementor/editor-panels@0.12.1
|
|
28
|
+
- @elementor/editor-responsive@0.13.1
|
|
29
|
+
|
|
3
30
|
## 1.15.0
|
|
4
31
|
|
|
5
32
|
### Minor Changes
|
package/dist/index.js
CHANGED
|
@@ -301,7 +301,7 @@ function CssClassMenu({ styleId, provider, popupState, handleRename, anchorEl })
|
|
|
301
301
|
onKeyDown: handleKeyDown
|
|
302
302
|
},
|
|
303
303
|
getMenuItemsByProvider({ provider, styleId, handleRename, closeMenu: popupState.close }),
|
|
304
|
-
/* @__PURE__ */ React5.createElement(import_ui2.ListSubheader, { sx: { typography: "caption", color: "text.secondary", pb: 0.5, pt: 1 } }, (0, import_i18n.__)("Pseudo
|
|
304
|
+
/* @__PURE__ */ React5.createElement(import_ui2.ListSubheader, { sx: { typography: "caption", color: "text.secondary", pb: 0.5, pt: 1 } }, (0, import_i18n.__)("Pseudo classes", "elementor")),
|
|
305
305
|
STATES.map((state) => {
|
|
306
306
|
return /* @__PURE__ */ React5.createElement(StateMenuItem, { key: state, state, styleId });
|
|
307
307
|
})
|
|
@@ -479,7 +479,7 @@ function CssClassSelector() {
|
|
|
479
479
|
const handleApply = useHandleApply(appliedIds, setAppliedIds);
|
|
480
480
|
const applied = useAppliedOptions(options11, appliedIds);
|
|
481
481
|
const active = applied.find((option) => option.value === activeId) ?? EMPTY_OPTION;
|
|
482
|
-
return /* @__PURE__ */ React7.createElement(import_ui4.Stack, { gap: 1, p: 2 }, /* @__PURE__ */ React7.createElement(import_ui4.Stack, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React7.createElement(import_ui4.Typography, { component: "label", variant: "caption", htmlFor: ID }, (0, import_i18n3.__)("CSS
|
|
482
|
+
return /* @__PURE__ */ React7.createElement(import_ui4.Stack, { gap: 1, p: 2 }, /* @__PURE__ */ React7.createElement(import_ui4.Stack, { direction: "row", gap: 1, alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React7.createElement(import_ui4.Typography, { component: "label", variant: "caption", htmlFor: ID }, (0, import_i18n3.__)("CSS classes", "elementor")), /* @__PURE__ */ React7.createElement(import_ui4.Stack, { direction: "row", gap: 1 }, /* @__PURE__ */ React7.createElement(ClassSelectorActionsSlot, null))), /* @__PURE__ */ React7.createElement(
|
|
483
483
|
MultiCombobox,
|
|
484
484
|
{
|
|
485
485
|
id: ID,
|
|
@@ -1590,7 +1590,7 @@ var FlexSizeField = () => {
|
|
|
1590
1590
|
}
|
|
1591
1591
|
))), "custom" === activeGroup && /* @__PURE__ */ React34.createElement(FlexCustomField, null))));
|
|
1592
1592
|
};
|
|
1593
|
-
var FlexCustomField = () => /* @__PURE__ */ React34.createElement(React34.Fragment, null, /* @__PURE__ */ React34.createElement(StylesField, { bind: "flex-grow" }, /* @__PURE__ */ React34.createElement(import_ui24.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React34.createElement(import_ui24.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React34.createElement(import_editor_controls18.ControlLabel, null, (0, import_i18n15.__)("Grow", "elementor"))), /* @__PURE__ */ React34.createElement(import_ui24.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "end" } }, /* @__PURE__ */ React34.createElement(import_editor_controls18.NumberControl, { min: 0, shouldForceInt: true })))), /* @__PURE__ */ React34.createElement(StylesField, { bind: "flex-shrink" }, /* @__PURE__ */ React34.createElement(import_ui24.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React34.createElement(import_ui24.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React34.createElement(import_editor_controls18.ControlLabel, null, (0, import_i18n15.__)("Shrink", "elementor"))), /* @__PURE__ */ React34.createElement(import_ui24.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "end" } }, /* @__PURE__ */ React34.createElement(import_editor_controls18.NumberControl, { min: 0, shouldForceInt: true })))), /* @__PURE__ */ React34.createElement(StylesField, { bind: "flex-basis" }, /* @__PURE__ */ React34.createElement(import_ui24.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React34.createElement(import_ui24.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React34.createElement(import_editor_controls18.ControlLabel, null, (0, import_i18n15.__)("Basis", "elementor"))), /* @__PURE__ */ React34.createElement(import_ui24.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "end" } }, /* @__PURE__ */ React34.createElement(import_editor_controls18.SizeControl,
|
|
1593
|
+
var FlexCustomField = () => /* @__PURE__ */ React34.createElement(React34.Fragment, null, /* @__PURE__ */ React34.createElement(StylesField, { bind: "flex-grow" }, /* @__PURE__ */ React34.createElement(import_ui24.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React34.createElement(import_ui24.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React34.createElement(import_editor_controls18.ControlLabel, null, (0, import_i18n15.__)("Grow", "elementor"))), /* @__PURE__ */ React34.createElement(import_ui24.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "end" } }, /* @__PURE__ */ React34.createElement(import_editor_controls18.NumberControl, { min: 0, shouldForceInt: true })))), /* @__PURE__ */ React34.createElement(StylesField, { bind: "flex-shrink" }, /* @__PURE__ */ React34.createElement(import_ui24.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React34.createElement(import_ui24.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React34.createElement(import_editor_controls18.ControlLabel, null, (0, import_i18n15.__)("Shrink", "elementor"))), /* @__PURE__ */ React34.createElement(import_ui24.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "end" } }, /* @__PURE__ */ React34.createElement(import_editor_controls18.NumberControl, { min: 0, shouldForceInt: true })))), /* @__PURE__ */ React34.createElement(StylesField, { bind: "flex-basis" }, /* @__PURE__ */ React34.createElement(import_ui24.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React34.createElement(import_ui24.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React34.createElement(import_editor_controls18.ControlLabel, null, (0, import_i18n15.__)("Basis", "elementor"))), /* @__PURE__ */ React34.createElement(import_ui24.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "end" } }, /* @__PURE__ */ React34.createElement(import_editor_controls18.SizeControl, { extendedValues: ["auto"] })))));
|
|
1594
1594
|
var getActiveGroup = ({
|
|
1595
1595
|
grow,
|
|
1596
1596
|
shrink,
|
|
@@ -1737,7 +1737,7 @@ var DimensionsField = () => {
|
|
|
1737
1737
|
return /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement(import_ui28.Stack, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React39.createElement(DimensionField, { side: "top", label: (0, import_i18n20.__)("Top", "elementor") }), /* @__PURE__ */ React39.createElement(DimensionField, { side: "right", label: (0, import_i18n20.__)("Right", "elementor") })), /* @__PURE__ */ React39.createElement(import_ui28.Stack, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React39.createElement(DimensionField, { side: "bottom", label: (0, import_i18n20.__)("Bottom", "elementor") }), /* @__PURE__ */ React39.createElement(DimensionField, { side: "left", label: (0, import_i18n20.__)("Left", "elementor") })));
|
|
1738
1738
|
};
|
|
1739
1739
|
var DimensionField = ({ side, label }) => {
|
|
1740
|
-
return /* @__PURE__ */ React39.createElement(import_ui28.Grid, { container: true, gap: 1, alignItems: "center" }, /* @__PURE__ */ React39.createElement(import_ui28.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React39.createElement(import_editor_controls23.ControlLabel, null, label)), /* @__PURE__ */ React39.createElement(import_ui28.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React39.createElement(StylesField, { bind: side }, /* @__PURE__ */ React39.createElement(import_editor_controls23.SizeControl, { startIcon: sideIcons[side] }))));
|
|
1740
|
+
return /* @__PURE__ */ React39.createElement(import_ui28.Grid, { container: true, gap: 1, alignItems: "center" }, /* @__PURE__ */ React39.createElement(import_ui28.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React39.createElement(import_editor_controls23.ControlLabel, null, label)), /* @__PURE__ */ React39.createElement(import_ui28.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React39.createElement(StylesField, { bind: side }, /* @__PURE__ */ React39.createElement(import_editor_controls23.SizeControl, { startIcon: sideIcons[side], extendedValues: ["auto"] }))));
|
|
1741
1741
|
};
|
|
1742
1742
|
|
|
1743
1743
|
// src/components/style-sections/position-section/position-field.tsx
|
|
@@ -1762,7 +1762,7 @@ var import_editor_controls25 = require("@elementor/editor-controls");
|
|
|
1762
1762
|
var import_ui30 = require("@elementor/ui");
|
|
1763
1763
|
var import_i18n22 = require("@wordpress/i18n");
|
|
1764
1764
|
var ZIndexField = () => {
|
|
1765
|
-
return /* @__PURE__ */ React41.createElement(StylesField, { bind: "z-index" }, /* @__PURE__ */ React41.createElement(import_ui30.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React41.createElement(import_ui30.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React41.createElement(import_editor_controls25.ControlLabel, null, (0, import_i18n22.__)("Z-
|
|
1765
|
+
return /* @__PURE__ */ React41.createElement(StylesField, { bind: "z-index" }, /* @__PURE__ */ React41.createElement(import_ui30.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React41.createElement(import_ui30.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React41.createElement(import_editor_controls25.ControlLabel, null, (0, import_i18n22.__)("Z-index", "elementor"))), /* @__PURE__ */ React41.createElement(import_ui30.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React41.createElement(import_editor_controls25.NumberControl, null))));
|
|
1766
1766
|
};
|
|
1767
1767
|
|
|
1768
1768
|
// src/components/style-sections/position-section/position-section.tsx
|
|
@@ -1841,10 +1841,24 @@ var OverflowField = () => {
|
|
|
1841
1841
|
|
|
1842
1842
|
// src/components/style-sections/size-section/size-section.tsx
|
|
1843
1843
|
var SizeSection = () => {
|
|
1844
|
-
return /* @__PURE__ */ React44.createElement(SectionContent, null, /* @__PURE__ */ React44.createElement(import_ui32.Grid, { container: true, gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React44.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React44.createElement(SizeField, { bind: "width", label: (0, import_i18n24.__)("Width", "elementor")
|
|
1844
|
+
return /* @__PURE__ */ React44.createElement(SectionContent, null, /* @__PURE__ */ React44.createElement(import_ui32.Grid, { container: true, gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React44.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React44.createElement(SizeField, { bind: "width", label: (0, import_i18n24.__)("Width", "elementor"), extendedValues: ["auto"] })), /* @__PURE__ */ React44.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React44.createElement(SizeField, { bind: "height", label: (0, import_i18n24.__)("Height", "elementor"), extendedValues: ["auto"] }))), /* @__PURE__ */ React44.createElement(import_ui32.Grid, { container: true, gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React44.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React44.createElement(
|
|
1845
|
+
SizeField,
|
|
1846
|
+
{
|
|
1847
|
+
bind: "min-width",
|
|
1848
|
+
label: (0, import_i18n24.__)("Min width", "elementor"),
|
|
1849
|
+
extendedValues: ["auto"]
|
|
1850
|
+
}
|
|
1851
|
+
)), /* @__PURE__ */ React44.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React44.createElement(
|
|
1852
|
+
SizeField,
|
|
1853
|
+
{
|
|
1854
|
+
bind: "min-height",
|
|
1855
|
+
label: (0, import_i18n24.__)("Min height", "elementor"),
|
|
1856
|
+
extendedValues: ["auto"]
|
|
1857
|
+
}
|
|
1858
|
+
))), /* @__PURE__ */ React44.createElement(import_ui32.Grid, { container: true, gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React44.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React44.createElement(SizeField, { bind: "max-width", label: (0, import_i18n24.__)("Max width", "elementor") })), /* @__PURE__ */ React44.createElement(import_ui32.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React44.createElement(SizeField, { bind: "max-height", label: (0, import_i18n24.__)("Max height", "elementor") }))), /* @__PURE__ */ React44.createElement(PanelDivider, null), /* @__PURE__ */ React44.createElement(import_ui32.Stack, null, /* @__PURE__ */ React44.createElement(OverflowField, null)));
|
|
1845
1859
|
};
|
|
1846
|
-
var SizeField = ({ label, bind }) => {
|
|
1847
|
-
return /* @__PURE__ */ React44.createElement(StylesField, { bind }, /* @__PURE__ */ React44.createElement(import_ui32.Grid, { container: true, gap: 1, alignItems: "center" }, /* @__PURE__ */ React44.createElement(import_ui32.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React44.createElement(import_editor_controls27.ControlLabel, null, label)), /* @__PURE__ */ React44.createElement(import_ui32.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React44.createElement(import_editor_controls27.SizeControl,
|
|
1860
|
+
var SizeField = ({ label, bind, extendedValues }) => {
|
|
1861
|
+
return /* @__PURE__ */ React44.createElement(StylesField, { bind }, /* @__PURE__ */ React44.createElement(import_ui32.Grid, { container: true, gap: 1, alignItems: "center" }, /* @__PURE__ */ React44.createElement(import_ui32.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React44.createElement(import_editor_controls27.ControlLabel, null, label)), /* @__PURE__ */ React44.createElement(import_ui32.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React44.createElement(import_editor_controls27.SizeControl, { extendedValues }))));
|
|
1848
1862
|
};
|
|
1849
1863
|
|
|
1850
1864
|
// src/components/style-sections/spacing-section/spacing-section.tsx
|
|
@@ -1852,7 +1866,7 @@ var React45 = __toESM(require("react"));
|
|
|
1852
1866
|
var import_editor_controls28 = require("@elementor/editor-controls");
|
|
1853
1867
|
var import_i18n25 = require("@wordpress/i18n");
|
|
1854
1868
|
var SpacingSection = () => {
|
|
1855
|
-
return /* @__PURE__ */ React45.createElement(SectionContent, null, /* @__PURE__ */ React45.createElement(StylesField, { bind: "padding" }, /* @__PURE__ */ React45.createElement(import_editor_controls28.LinkedDimensionsControl, { label: (0, import_i18n25.__)("Padding", "elementor") })), /* @__PURE__ */ React45.createElement(PanelDivider, null), /* @__PURE__ */ React45.createElement(StylesField, { bind: "margin" }, /* @__PURE__ */ React45.createElement(import_editor_controls28.LinkedDimensionsControl, { label: (0, import_i18n25.__)("Margin", "elementor") })));
|
|
1869
|
+
return /* @__PURE__ */ React45.createElement(SectionContent, null, /* @__PURE__ */ React45.createElement(StylesField, { bind: "padding" }, /* @__PURE__ */ React45.createElement(import_editor_controls28.LinkedDimensionsControl, { label: (0, import_i18n25.__)("Padding", "elementor") })), /* @__PURE__ */ React45.createElement(PanelDivider, null), /* @__PURE__ */ React45.createElement(StylesField, { bind: "margin" }, /* @__PURE__ */ React45.createElement(import_editor_controls28.LinkedDimensionsControl, { label: (0, import_i18n25.__)("Margin", "elementor"), extendedValues: ["auto"] })));
|
|
1856
1870
|
};
|
|
1857
1871
|
|
|
1858
1872
|
// src/components/style-sections/typography-section/typography-section.tsx
|
|
@@ -1950,13 +1964,13 @@ var import_ui37 = require("@elementor/ui");
|
|
|
1950
1964
|
var import_i18n30 = require("@wordpress/i18n");
|
|
1951
1965
|
var fontWeightOptions = [
|
|
1952
1966
|
{ value: "100", label: (0, import_i18n30.__)("100 - Thin", "elementor") },
|
|
1953
|
-
{ value: "200", label: (0, import_i18n30.__)("200 - Extra
|
|
1967
|
+
{ value: "200", label: (0, import_i18n30.__)("200 - Extra light", "elementor") },
|
|
1954
1968
|
{ value: "300", label: (0, import_i18n30.__)("300 - Light", "elementor") },
|
|
1955
1969
|
{ value: "400", label: (0, import_i18n30.__)("400 - Normal", "elementor") },
|
|
1956
1970
|
{ value: "500", label: (0, import_i18n30.__)("500 - Medium", "elementor") },
|
|
1957
|
-
{ value: "600", label: (0, import_i18n30.__)("600 - Semi
|
|
1971
|
+
{ value: "600", label: (0, import_i18n30.__)("600 - Semi bold", "elementor") },
|
|
1958
1972
|
{ value: "700", label: (0, import_i18n30.__)("700 - Bold", "elementor") },
|
|
1959
|
-
{ value: "800", label: (0, import_i18n30.__)("800 - Extra
|
|
1973
|
+
{ value: "800", label: (0, import_i18n30.__)("800 - Extra bold", "elementor") },
|
|
1960
1974
|
{ value: "900", label: (0, import_i18n30.__)("900 - Black", "elementor") }
|
|
1961
1975
|
];
|
|
1962
1976
|
var FontWeightField = () => {
|
|
@@ -2490,7 +2504,7 @@ var DynamicSelection = ({ onSelect }) => {
|
|
|
2490
2504
|
size: SIZE3,
|
|
2491
2505
|
value: searchValue,
|
|
2492
2506
|
onChange: handleSearch,
|
|
2493
|
-
placeholder: (0, import_i18n43.__)("Search dynamic
|
|
2507
|
+
placeholder: (0, import_i18n43.__)("Search dynamic tags\u2026", "elementor"),
|
|
2494
2508
|
InputProps: {
|
|
2495
2509
|
startAdornment: /* @__PURE__ */ React66.createElement(import_ui50.InputAdornment, { position: "start" }, /* @__PURE__ */ React66.createElement(import_icons21.SearchIcon, { fontSize: SIZE3 }))
|
|
2496
2510
|
}
|
|
@@ -2577,7 +2591,7 @@ var DynamicSelectionControl = () => {
|
|
|
2577
2591
|
anchorOrigin: { vertical: "bottom", horizontal: "left" },
|
|
2578
2592
|
...(0, import_ui51.bindPopover)(selectionPopoverState)
|
|
2579
2593
|
},
|
|
2580
|
-
/* @__PURE__ */ React67.createElement(import_ui51.Stack, null, /* @__PURE__ */ React67.createElement(import_ui51.Stack, { direction: "row", alignItems: "center", pl: 1.5, pr: 0.5, py: 1.5 }, /* @__PURE__ */ React67.createElement(import_icons22.DatabaseIcon, { fontSize: SIZE4, sx: { mr: 0.5 } }), /* @__PURE__ */ React67.createElement(import_ui51.Typography, { variant: "subtitle2" }, (0, import_i18n44.__)("Dynamic
|
|
2594
|
+
/* @__PURE__ */ React67.createElement(import_ui51.Stack, null, /* @__PURE__ */ React67.createElement(import_ui51.Stack, { direction: "row", alignItems: "center", pl: 1.5, pr: 0.5, py: 1.5 }, /* @__PURE__ */ React67.createElement(import_icons22.DatabaseIcon, { fontSize: SIZE4, sx: { mr: 0.5 } }), /* @__PURE__ */ React67.createElement(import_ui51.Typography, { variant: "subtitle2" }, (0, import_i18n44.__)("Dynamic tags", "elementor")), /* @__PURE__ */ React67.createElement(import_ui51.IconButton, { size: SIZE4, sx: { ml: "auto" }, onClick: selectionPopoverState.close }, /* @__PURE__ */ React67.createElement(import_icons22.XIcon, { fontSize: SIZE4 }))), /* @__PURE__ */ React67.createElement(DynamicSelection, { onSelect: selectionPopoverState.close }))
|
|
2581
2595
|
));
|
|
2582
2596
|
};
|
|
2583
2597
|
var DynamicSettingsPopover = ({ dynamicTag }) => {
|
|
@@ -2638,7 +2652,7 @@ var usePropDynamicAction = () => {
|
|
|
2638
2652
|
return {
|
|
2639
2653
|
visible,
|
|
2640
2654
|
icon: import_icons23.DatabaseIcon,
|
|
2641
|
-
title: (0, import_i18n45.__)("Dynamic
|
|
2655
|
+
title: (0, import_i18n45.__)("Dynamic tags", "elementor"),
|
|
2642
2656
|
popoverContent: ({ closePopover }) => /* @__PURE__ */ React68.createElement(DynamicSelection, { onSelect: closePopover })
|
|
2643
2657
|
};
|
|
2644
2658
|
};
|