@elementor/editor-controls 4.1.0-787 → 4.1.0-789
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 +288 -287
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +288 -287
- package/dist/index.mjs.map +1 -1
- package/package.json +15 -15
- package/src/controls/filter-control/drop-shadow/drop-shadow-item-label.tsx +2 -1
package/dist/index.js
CHANGED
|
@@ -2130,7 +2130,7 @@ var initialShadow = {
|
|
|
2130
2130
|
// src/controls/filter-control/filter-repeater-control.tsx
|
|
2131
2131
|
var React49 = __toESM(require("react"));
|
|
2132
2132
|
var import_editor_props16 = require("@elementor/editor-props");
|
|
2133
|
-
var
|
|
2133
|
+
var import_i18n17 = require("@wordpress/i18n");
|
|
2134
2134
|
|
|
2135
2135
|
// src/controls/filter-control/context/filter-config-context.tsx
|
|
2136
2136
|
var React41 = __toESM(require("react"));
|
|
@@ -2380,13 +2380,14 @@ var React48 = __toESM(require("react"));
|
|
|
2380
2380
|
// src/controls/filter-control/drop-shadow/drop-shadow-item-label.tsx
|
|
2381
2381
|
var React46 = __toESM(require("react"));
|
|
2382
2382
|
var import_ui36 = require("@elementor/ui");
|
|
2383
|
+
var import_i18n16 = require("@wordpress/i18n");
|
|
2383
2384
|
var DropShadowItemLabel = ({ value }) => {
|
|
2384
2385
|
const values = value.value.args.value;
|
|
2385
2386
|
const keys = ["xAxis", "yAxis", "blur"];
|
|
2386
2387
|
const labels = keys.map(
|
|
2387
2388
|
(key) => values[key]?.value?.unit !== "custom" ? `${values[key]?.value?.size ?? 0}${values[key]?.value?.unit ?? "px"}` : values[key]?.value?.size || CUSTOM_SIZE_LABEL
|
|
2388
2389
|
);
|
|
2389
|
-
return /* @__PURE__ */ React46.createElement(import_ui36.Box, { component: "span" }, /* @__PURE__ */ React46.createElement(import_ui36.Box, { component: "span", style: { textTransform: "capitalize" } }, "Drop shadow:"), ` ${labels.join(" ")}`);
|
|
2390
|
+
return /* @__PURE__ */ React46.createElement(import_ui36.Box, { component: "span" }, /* @__PURE__ */ React46.createElement(import_ui36.Box, { component: "span", style: { textTransform: "capitalize" } }, (0, import_i18n16.__)("Drop shadow:", "elementor")), ` ${labels.join(" ")}`);
|
|
2390
2391
|
};
|
|
2391
2392
|
|
|
2392
2393
|
// src/controls/filter-control/single-size/single-size-item-label.tsx
|
|
@@ -2414,11 +2415,11 @@ var FilterLabel = ({ value }) => {
|
|
|
2414
2415
|
var FILTER_CONFIG = {
|
|
2415
2416
|
filter: {
|
|
2416
2417
|
propTypeUtil: import_editor_props16.filterPropTypeUtil,
|
|
2417
|
-
label: (0,
|
|
2418
|
+
label: (0, import_i18n17.__)("Filters", "elementor")
|
|
2418
2419
|
},
|
|
2419
2420
|
"backdrop-filter": {
|
|
2420
2421
|
propTypeUtil: import_editor_props16.backdropFilterPropTypeUtil,
|
|
2421
|
-
label: (0,
|
|
2422
|
+
label: (0, import_i18n17.__)("Backdrop filters", "elementor")
|
|
2422
2423
|
}
|
|
2423
2424
|
};
|
|
2424
2425
|
var FilterRepeaterControl = createControl(({ filterPropName = "filter" }) => {
|
|
@@ -2928,7 +2929,7 @@ var NumberControl = createControl(
|
|
|
2928
2929
|
var React57 = __toESM(require("react"));
|
|
2929
2930
|
var import_react29 = require("react");
|
|
2930
2931
|
var import_ui42 = require("@elementor/ui");
|
|
2931
|
-
var
|
|
2932
|
+
var import_i18n18 = require("@wordpress/i18n");
|
|
2932
2933
|
function EqualUnequalSizesControl({
|
|
2933
2934
|
label,
|
|
2934
2935
|
icon,
|
|
@@ -2979,7 +2980,7 @@ function EqualUnequalSizesControl({
|
|
|
2979
2980
|
return /* @__PURE__ */ React57.createElement(React57.Fragment, null, /* @__PURE__ */ React57.createElement(import_ui42.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap", ref: rowRefs[0] }, /* @__PURE__ */ React57.createElement(import_ui42.Grid, { item: true, xs: 6 }, !isShowingGeneralIndicator ? /* @__PURE__ */ React57.createElement(ControlFormLabel, null, label) : /* @__PURE__ */ React57.createElement(ControlLabel, null, label)), /* @__PURE__ */ React57.createElement(import_ui42.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React57.createElement(import_ui42.Stack, { direction: "row", alignItems: "center", gap: 1 }, /* @__PURE__ */ React57.createElement(import_ui42.Box, { flexGrow: 1 }, /* @__PURE__ */ React57.createElement(
|
|
2980
2981
|
SizeControl,
|
|
2981
2982
|
{
|
|
2982
|
-
placeholder: isMixed ? (0,
|
|
2983
|
+
placeholder: isMixed ? (0, import_i18n18.__)("Mixed", "elementor") : void 0,
|
|
2983
2984
|
enablePropTypeUnits: !isMixed || !isMixedPlaceholder,
|
|
2984
2985
|
anchorRef: rowRefs[0]
|
|
2985
2986
|
}
|
|
@@ -3038,7 +3039,7 @@ var import_editor_props22 = require("@elementor/editor-props");
|
|
|
3038
3039
|
var import_editor_responsive3 = require("@elementor/editor-responsive");
|
|
3039
3040
|
var import_icons12 = require("@elementor/icons");
|
|
3040
3041
|
var import_ui47 = require("@elementor/ui");
|
|
3041
|
-
var
|
|
3042
|
+
var import_i18n20 = require("@wordpress/i18n");
|
|
3042
3043
|
|
|
3043
3044
|
// src/controls/size-control/unstable-size-control.tsx
|
|
3044
3045
|
var React63 = __toESM(require("react"));
|
|
@@ -3438,7 +3439,7 @@ var import_react34 = require("react");
|
|
|
3438
3439
|
var import_editor_ui6 = require("@elementor/editor-ui");
|
|
3439
3440
|
var import_icons11 = require("@elementor/icons");
|
|
3440
3441
|
var import_ui45 = require("@elementor/ui");
|
|
3441
|
-
var
|
|
3442
|
+
var import_i18n19 = require("@wordpress/i18n");
|
|
3442
3443
|
var SIZE7 = "tiny";
|
|
3443
3444
|
var TextFieldPopover2 = ({ popupState, anchorRef, value, onChange, onClose }) => {
|
|
3444
3445
|
const inputRef = (0, import_react34.useRef)(null);
|
|
@@ -3480,7 +3481,7 @@ var TextFieldPopover2 = ({ popupState, anchorRef, value, onChange, onClose }) =>
|
|
|
3480
3481
|
/* @__PURE__ */ React61.createElement(
|
|
3481
3482
|
import_editor_ui6.PopoverHeader,
|
|
3482
3483
|
{
|
|
3483
|
-
title: (0,
|
|
3484
|
+
title: (0, import_i18n19.__)("CSS function", "elementor"),
|
|
3484
3485
|
onClose: handleClose,
|
|
3485
3486
|
icon: /* @__PURE__ */ React61.createElement(import_icons11.MathFunctionIcon, { fontSize: SIZE7 })
|
|
3486
3487
|
}
|
|
@@ -3755,8 +3756,8 @@ var LinkedDimensionsControl = ({ label, isSiteRtl = false, min }) => {
|
|
|
3755
3756
|
};
|
|
3756
3757
|
const tooltipLabel = label.toLowerCase();
|
|
3757
3758
|
const LinkedIcon = isLinked ? import_icons12.LinkIcon : import_icons12.DetachIcon;
|
|
3758
|
-
const linkedLabel = (0,
|
|
3759
|
-
const unlinkedLabel = (0,
|
|
3759
|
+
const linkedLabel = (0, import_i18n20.__)("Link %s", "elementor").replace("%s", tooltipLabel);
|
|
3760
|
+
const unlinkedLabel = (0, import_i18n20.__)("Unlink %s", "elementor").replace("%s", tooltipLabel);
|
|
3760
3761
|
const disabled = sizeDisabled || dimensionsDisabled;
|
|
3761
3762
|
const effectiveDimensionsPlaceholder = dimensionsPlaceholder ?? (import_editor_props22.sizePropTypeUtil.extract(masterPlaceholder) ? {
|
|
3762
3763
|
"block-start": masterPlaceholder,
|
|
@@ -3852,20 +3853,20 @@ function getCssDimensionProps(label, isSiteRtl) {
|
|
|
3852
3853
|
[
|
|
3853
3854
|
{
|
|
3854
3855
|
bind: "block-start",
|
|
3855
|
-
label: (0,
|
|
3856
|
+
label: (0, import_i18n20.__)("Top", "elementor"),
|
|
3856
3857
|
/* translators: %s is the name of the main group (margin or padding) */
|
|
3857
|
-
ariaLabel: (0,
|
|
3858
|
+
ariaLabel: (0, import_i18n20.sprintf)((0, import_i18n20.__)("%s top", "elementor"), label),
|
|
3858
3859
|
icon: /* @__PURE__ */ React64.createElement(import_icons12.SideTopIcon, { fontSize: "tiny" })
|
|
3859
3860
|
},
|
|
3860
3861
|
{
|
|
3861
3862
|
bind: "inline-end",
|
|
3862
|
-
label: isSiteRtl ? (0,
|
|
3863
|
+
label: isSiteRtl ? (0, import_i18n20.__)("Left", "elementor") : (0, import_i18n20.__)("Right", "elementor"),
|
|
3863
3864
|
ariaLabel: isSiteRtl ? (
|
|
3864
3865
|
/* translators: %s is the name of the main group (margin or padding) */
|
|
3865
|
-
(0,
|
|
3866
|
+
(0, import_i18n20.sprintf)((0, import_i18n20.__)("%s left", "elementor"), label)
|
|
3866
3867
|
) : (
|
|
3867
3868
|
/* translators: %s is the name of the main group (margin or padding) */
|
|
3868
|
-
(0,
|
|
3869
|
+
(0, import_i18n20.sprintf)((0, import_i18n20.__)("%s right", "elementor"), label)
|
|
3869
3870
|
),
|
|
3870
3871
|
icon: isSiteRtl ? /* @__PURE__ */ React64.createElement(import_icons12.SideLeftIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React64.createElement(import_icons12.SideRightIcon, { fontSize: "tiny" })
|
|
3871
3872
|
}
|
|
@@ -3873,20 +3874,20 @@ function getCssDimensionProps(label, isSiteRtl) {
|
|
|
3873
3874
|
[
|
|
3874
3875
|
{
|
|
3875
3876
|
bind: "block-end",
|
|
3876
|
-
label: (0,
|
|
3877
|
+
label: (0, import_i18n20.__)("Bottom", "elementor"),
|
|
3877
3878
|
/* translators: %s is the name of the main group (margin or padding) */
|
|
3878
|
-
ariaLabel: (0,
|
|
3879
|
+
ariaLabel: (0, import_i18n20.sprintf)((0, import_i18n20.__)("%s bottom", "elementor"), label),
|
|
3879
3880
|
icon: /* @__PURE__ */ React64.createElement(import_icons12.SideBottomIcon, { fontSize: "tiny" })
|
|
3880
3881
|
},
|
|
3881
3882
|
{
|
|
3882
3883
|
bind: "inline-start",
|
|
3883
|
-
label: isSiteRtl ? (0,
|
|
3884
|
+
label: isSiteRtl ? (0, import_i18n20.__)("Right", "elementor") : (0, import_i18n20.__)("Left", "elementor"),
|
|
3884
3885
|
ariaLabel: isSiteRtl ? (
|
|
3885
3886
|
/* translators: %s is the name of the main group (margin or padding) */
|
|
3886
|
-
(0,
|
|
3887
|
+
(0, import_i18n20.sprintf)((0, import_i18n20.__)("%s right", "elementor"), label)
|
|
3887
3888
|
) : (
|
|
3888
3889
|
/* translators: %s is the name of the main group (margin or padding) */
|
|
3889
|
-
(0,
|
|
3890
|
+
(0, import_i18n20.sprintf)((0, import_i18n20.__)("%s left", "elementor"), label)
|
|
3890
3891
|
),
|
|
3891
3892
|
icon: isSiteRtl ? /* @__PURE__ */ React64.createElement(import_icons12.SideRightIcon, { fontSize: "tiny" }) : /* @__PURE__ */ React64.createElement(import_icons12.SideLeftIcon, { fontSize: "tiny" })
|
|
3892
3893
|
}
|
|
@@ -3900,7 +3901,7 @@ var import_react39 = require("react");
|
|
|
3900
3901
|
var import_editor_props23 = require("@elementor/editor-props");
|
|
3901
3902
|
var import_icons13 = require("@elementor/icons");
|
|
3902
3903
|
var import_ui49 = require("@elementor/ui");
|
|
3903
|
-
var
|
|
3904
|
+
var import_i18n22 = require("@wordpress/i18n");
|
|
3904
3905
|
|
|
3905
3906
|
// src/components/item-selector.tsx
|
|
3906
3907
|
var React65 = __toESM(require("react"));
|
|
@@ -3908,7 +3909,7 @@ var import_react38 = require("react");
|
|
|
3908
3909
|
var import_editor_ui7 = require("@elementor/editor-ui");
|
|
3909
3910
|
var import_ui48 = require("@elementor/ui");
|
|
3910
3911
|
var import_utils3 = require("@elementor/utils");
|
|
3911
|
-
var
|
|
3912
|
+
var import_i18n21 = require("@wordpress/i18n");
|
|
3912
3913
|
|
|
3913
3914
|
// src/hooks/use-filtered-items-list.ts
|
|
3914
3915
|
var useFilteredItemsList = (itemsList, searchValue, disabledItems) => {
|
|
@@ -3958,7 +3959,7 @@ var ItemSelector = ({
|
|
|
3958
3959
|
{
|
|
3959
3960
|
value: searchValue,
|
|
3960
3961
|
onSearch: handleSearch,
|
|
3961
|
-
placeholder: (0,
|
|
3962
|
+
placeholder: (0, import_i18n21.__)("Search", "elementor"),
|
|
3962
3963
|
id: id + "-search"
|
|
3963
3964
|
}
|
|
3964
3965
|
), /* @__PURE__ */ React65.createElement(import_ui48.Divider, null), /* @__PURE__ */ React65.createElement(import_ui48.Box, { sx: { flex: 1, overflow: "auto", minHeight: 0 } }, filteredItemsList.length > 0 ? /* @__PURE__ */ React65.createElement(
|
|
@@ -3983,7 +3984,7 @@ var ItemSelector = ({
|
|
|
3983
3984
|
overflow: "hidden"
|
|
3984
3985
|
},
|
|
3985
3986
|
/* @__PURE__ */ React65.createElement(IconComponent, { fontSize: "large" }),
|
|
3986
|
-
/* @__PURE__ */ React65.createElement(import_ui48.Box, { sx: { maxWidth: 160, overflow: "hidden" } }, /* @__PURE__ */ React65.createElement(import_ui48.Typography, { align: "center", variant: "subtitle2", color: "text.secondary" }, (0,
|
|
3987
|
+
/* @__PURE__ */ React65.createElement(import_ui48.Box, { sx: { maxWidth: 160, overflow: "hidden" } }, /* @__PURE__ */ React65.createElement(import_ui48.Typography, { align: "center", variant: "subtitle2", color: "text.secondary" }, (0, import_i18n21.__)("Sorry, nothing matched", "elementor")), /* @__PURE__ */ React65.createElement(
|
|
3987
3988
|
import_ui48.Typography,
|
|
3988
3989
|
{
|
|
3989
3990
|
variant: "subtitle2",
|
|
@@ -4009,7 +4010,7 @@ var ItemSelector = ({
|
|
|
4009
4010
|
color: "text.secondary",
|
|
4010
4011
|
sx: { display: "flex", flexDirection: "column" }
|
|
4011
4012
|
},
|
|
4012
|
-
(0,
|
|
4013
|
+
(0, import_i18n21.__)("Try something else.", "elementor"),
|
|
4013
4014
|
/* @__PURE__ */ React65.createElement(
|
|
4014
4015
|
import_ui48.Link,
|
|
4015
4016
|
{
|
|
@@ -4018,7 +4019,7 @@ var ItemSelector = ({
|
|
|
4018
4019
|
component: "button",
|
|
4019
4020
|
onClick: () => setSearchValue("")
|
|
4020
4021
|
},
|
|
4021
|
-
(0,
|
|
4022
|
+
(0, import_i18n21.__)("Clear & try again", "elementor")
|
|
4022
4023
|
)
|
|
4023
4024
|
)
|
|
4024
4025
|
)), footer);
|
|
@@ -4122,7 +4123,7 @@ var FontFamilyControl = createControl(
|
|
|
4122
4123
|
onItemChange: setFontFamily,
|
|
4123
4124
|
onClose: popoverState.close,
|
|
4124
4125
|
sectionWidth,
|
|
4125
|
-
title: (0,
|
|
4126
|
+
title: (0, import_i18n22.__)("Font family", "elementor"),
|
|
4126
4127
|
itemStyle: (item) => ({ fontFamily: item.value }),
|
|
4127
4128
|
onDebounce: enqueueFont,
|
|
4128
4129
|
icon: import_icons13.TextIcon
|
|
@@ -4167,24 +4168,24 @@ var import_icons17 = require("@elementor/icons");
|
|
|
4167
4168
|
var import_session = require("@elementor/session");
|
|
4168
4169
|
var import_ui54 = require("@elementor/ui");
|
|
4169
4170
|
var import_utils5 = require("@elementor/utils");
|
|
4170
|
-
var
|
|
4171
|
+
var import_i18n25 = require("@wordpress/i18n");
|
|
4171
4172
|
|
|
4172
4173
|
// src/components/restricted-link-infotip.tsx
|
|
4173
4174
|
var React68 = __toESM(require("react"));
|
|
4174
4175
|
var import_editor_elements = require("@elementor/editor-elements");
|
|
4175
4176
|
var import_icons14 = require("@elementor/icons");
|
|
4176
4177
|
var import_ui51 = require("@elementor/ui");
|
|
4177
|
-
var
|
|
4178
|
+
var import_i18n23 = require("@wordpress/i18n");
|
|
4178
4179
|
var learnMoreButton = {
|
|
4179
|
-
label: (0,
|
|
4180
|
+
label: (0, import_i18n23.__)("Learn More", "elementor"),
|
|
4180
4181
|
href: "https://go.elementor.com/element-link-inside-link-infotip"
|
|
4181
4182
|
};
|
|
4182
4183
|
var INFOTIP_CONTENT = {
|
|
4183
|
-
descendant: (0,
|
|
4184
|
+
descendant: (0, import_i18n23.__)(
|
|
4184
4185
|
"To add a link or action to this element, first remove the link or action from the elements inside of it.",
|
|
4185
4186
|
"elementor"
|
|
4186
4187
|
),
|
|
4187
|
-
ancestor: (0,
|
|
4188
|
+
ancestor: (0, import_i18n23.__)(
|
|
4188
4189
|
"To add a link or action to this container, first remove the link or action from its parent container.",
|
|
4189
4190
|
"elementor"
|
|
4190
4191
|
)
|
|
@@ -4214,10 +4215,10 @@ var RestrictedLinkInfotip = ({
|
|
|
4214
4215
|
color: "secondary",
|
|
4215
4216
|
onClick: handleTakeMeClick
|
|
4216
4217
|
},
|
|
4217
|
-
(0,
|
|
4218
|
+
(0, import_i18n23.__)("Take me there", "elementor")
|
|
4218
4219
|
)
|
|
4219
4220
|
},
|
|
4220
|
-
/* @__PURE__ */ React68.createElement(import_ui51.AlertTitle, null, (0,
|
|
4221
|
+
/* @__PURE__ */ React68.createElement(import_ui51.AlertTitle, null, (0, import_i18n23.__)("Nested links", "elementor")),
|
|
4221
4222
|
/* @__PURE__ */ React68.createElement(import_ui51.Box, { component: "span" }, INFOTIP_CONTENT[reason ?? "descendant"], " ", /* @__PURE__ */ React68.createElement(import_ui51.Link, { href: learnMoreButton.href, target: "_blank", color: "info.main" }, learnMoreButton.label))
|
|
4222
4223
|
);
|
|
4223
4224
|
return shouldRestrict && isVisible ? /* @__PURE__ */ React68.createElement(
|
|
@@ -4239,7 +4240,7 @@ var import_editor_props25 = require("@elementor/editor-props");
|
|
|
4239
4240
|
var import_http_client2 = require("@elementor/http-client");
|
|
4240
4241
|
var import_icons16 = require("@elementor/icons");
|
|
4241
4242
|
var import_utils4 = require("@elementor/utils");
|
|
4242
|
-
var
|
|
4243
|
+
var import_i18n24 = require("@wordpress/i18n");
|
|
4243
4244
|
|
|
4244
4245
|
// src/components/autocomplete.tsx
|
|
4245
4246
|
var React69 = __toESM(require("react"));
|
|
@@ -4373,7 +4374,7 @@ var QueryControl = createControl((props) => {
|
|
|
4373
4374
|
const {
|
|
4374
4375
|
allowCustomValues = true,
|
|
4375
4376
|
queryOptions: { url, params = {} },
|
|
4376
|
-
placeholder = (0,
|
|
4377
|
+
placeholder = (0, import_i18n24.__)("Search", "elementor"),
|
|
4377
4378
|
minInputLength = 2,
|
|
4378
4379
|
onSetValue,
|
|
4379
4380
|
ariaLabel
|
|
@@ -4503,7 +4504,7 @@ var LinkControl = createControl((props) => {
|
|
|
4503
4504
|
placeholder,
|
|
4504
4505
|
minInputLength = 2,
|
|
4505
4506
|
context: { elementId },
|
|
4506
|
-
label = (0,
|
|
4507
|
+
label = (0, import_i18n25.__)("Link", "elementor"),
|
|
4507
4508
|
ariaLabel
|
|
4508
4509
|
} = props || {};
|
|
4509
4510
|
const [linkInLinkRestriction, setLinkInLinkRestriction] = (0, import_react42.useState)(
|
|
@@ -4575,7 +4576,7 @@ var LinkControl = createControl((props) => {
|
|
|
4575
4576
|
{
|
|
4576
4577
|
size: SIZE8,
|
|
4577
4578
|
onClick: onEnabledChange,
|
|
4578
|
-
"aria-label": (0,
|
|
4579
|
+
"aria-label": (0, import_i18n25.__)("Toggle link", "elementor"),
|
|
4579
4580
|
disabled: shouldDisableAddingLink
|
|
4580
4581
|
},
|
|
4581
4582
|
isActive ? /* @__PURE__ */ React72.createElement(import_icons17.MinusIcon, { fontSize: SIZE8 }) : /* @__PURE__ */ React72.createElement(import_icons17.PlusIcon, { fontSize: SIZE8 })
|
|
@@ -4590,7 +4591,7 @@ var LinkControl = createControl((props) => {
|
|
|
4590
4591
|
onSetValue: onSaveValueToSession,
|
|
4591
4592
|
ariaLabel: ariaLabel || label
|
|
4592
4593
|
}
|
|
4593
|
-
)), /* @__PURE__ */ React72.createElement(PropKeyProvider, { bind: "isTargetBlank" }, /* @__PURE__ */ React72.createElement(import_ui54.Grid, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React72.createElement(import_ui54.Grid, { item: true }, /* @__PURE__ */ React72.createElement(ControlFormLabel, null, (0,
|
|
4594
|
+
)), /* @__PURE__ */ React72.createElement(PropKeyProvider, { bind: "isTargetBlank" }, /* @__PURE__ */ React72.createElement(import_ui54.Grid, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React72.createElement(import_ui54.Grid, { item: true }, /* @__PURE__ */ React72.createElement(ControlFormLabel, null, (0, import_i18n25.__)("Open in a new tab", "elementor"))), /* @__PURE__ */ React72.createElement(import_ui54.Grid, { item: true, sx: { marginInlineEnd: -1 } }, /* @__PURE__ */ React72.createElement(SwitchControl, null))))))));
|
|
4594
4595
|
});
|
|
4595
4596
|
|
|
4596
4597
|
// src/controls/html-tag-control.tsx
|
|
@@ -4599,7 +4600,7 @@ var import_editor_elements3 = require("@elementor/editor-elements");
|
|
|
4599
4600
|
var import_editor_props28 = require("@elementor/editor-props");
|
|
4600
4601
|
var import_editor_ui9 = require("@elementor/editor-ui");
|
|
4601
4602
|
var import_ui57 = require("@elementor/ui");
|
|
4602
|
-
var
|
|
4603
|
+
var import_i18n26 = require("@wordpress/i18n");
|
|
4603
4604
|
|
|
4604
4605
|
// src/components/conditional-control-infotip.tsx
|
|
4605
4606
|
var React73 = __toESM(require("react"));
|
|
@@ -4662,9 +4663,9 @@ var HtmlTagControl = createControl((props) => {
|
|
|
4662
4663
|
};
|
|
4663
4664
|
const elementLabel = (0, import_editor_elements3.getElementLabel)(elementId) ?? "element";
|
|
4664
4665
|
const infoTipProps = {
|
|
4665
|
-
title: (0,
|
|
4666
|
+
title: (0, import_i18n26.__)("HTML Tag", "elementor"),
|
|
4666
4667
|
/* translators: %s is the element name. */
|
|
4667
|
-
description: (0,
|
|
4668
|
+
description: (0, import_i18n26.__)(
|
|
4668
4669
|
`The tag is locked to 'a' tag because this %s has a link. To pick a different tag, remove the link first.`,
|
|
4669
4670
|
"elementor"
|
|
4670
4671
|
).replace("%s", elementLabel),
|
|
@@ -4705,7 +4706,7 @@ var import_editor_props29 = require("@elementor/editor-props");
|
|
|
4705
4706
|
var import_editor_responsive4 = require("@elementor/editor-responsive");
|
|
4706
4707
|
var import_icons18 = require("@elementor/icons");
|
|
4707
4708
|
var import_ui58 = require("@elementor/ui");
|
|
4708
|
-
var
|
|
4709
|
+
var import_i18n27 = require("@wordpress/i18n");
|
|
4709
4710
|
var GapControl = ({ label }) => {
|
|
4710
4711
|
const stackRef = (0, import_react43.useRef)(null);
|
|
4711
4712
|
const { disabled: sizeDisabled } = useBoundProp(import_editor_props29.sizePropTypeUtil);
|
|
@@ -4753,8 +4754,8 @@ var GapControl = ({ label }) => {
|
|
|
4753
4754
|
};
|
|
4754
4755
|
const tooltipLabel = label.toLowerCase();
|
|
4755
4756
|
const LinkedIcon = isLinked ? import_icons18.LinkIcon : import_icons18.DetachIcon;
|
|
4756
|
-
const linkedLabel = (0,
|
|
4757
|
-
const unlinkedLabel = (0,
|
|
4757
|
+
const linkedLabel = (0, import_i18n27.__)("Link %s", "elementor").replace("%s", tooltipLabel);
|
|
4758
|
+
const unlinkedLabel = (0, import_i18n27.__)("Unlink %s", "elementor").replace("%s", tooltipLabel);
|
|
4758
4759
|
const disabled = sizeDisabled || directionDisabled;
|
|
4759
4760
|
const propProviderProps = {
|
|
4760
4761
|
propType,
|
|
@@ -4787,20 +4788,20 @@ var GapControl = ({ label }) => {
|
|
|
4787
4788
|
isPlaceholder: hasPlaceholders
|
|
4788
4789
|
},
|
|
4789
4790
|
/* @__PURE__ */ React75.createElement(LinkedIcon, { fontSize: "tiny" })
|
|
4790
|
-
))), /* @__PURE__ */ React75.createElement(import_ui58.Stack, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React75.createElement(import_ui58.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React75.createElement(import_ui58.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, (0,
|
|
4791
|
+
))), /* @__PURE__ */ React75.createElement(import_ui58.Stack, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React75.createElement(import_ui58.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React75.createElement(import_ui58.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, (0, import_i18n27.__)("Column", "elementor"))), /* @__PURE__ */ React75.createElement(import_ui58.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(
|
|
4791
4792
|
Control4,
|
|
4792
4793
|
{
|
|
4793
4794
|
bind: "column",
|
|
4794
|
-
ariaLabel: (0,
|
|
4795
|
+
ariaLabel: (0, import_i18n27.__)("Column gap", "elementor"),
|
|
4795
4796
|
isLinked,
|
|
4796
4797
|
anchorRef: stackRef,
|
|
4797
4798
|
placeholder: getEffectivePlaceholder("column") ?? void 0
|
|
4798
4799
|
}
|
|
4799
|
-
))), /* @__PURE__ */ React75.createElement(import_ui58.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React75.createElement(import_ui58.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, (0,
|
|
4800
|
+
))), /* @__PURE__ */ React75.createElement(import_ui58.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React75.createElement(import_ui58.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(ControlFormLabel, null, (0, import_i18n27.__)("Row", "elementor"))), /* @__PURE__ */ React75.createElement(import_ui58.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React75.createElement(
|
|
4800
4801
|
Control4,
|
|
4801
4802
|
{
|
|
4802
4803
|
bind: "row",
|
|
4803
|
-
ariaLabel: (0,
|
|
4804
|
+
ariaLabel: (0, import_i18n27.__)("Row gap", "elementor"),
|
|
4804
4805
|
isLinked,
|
|
4805
4806
|
anchorRef: stackRef,
|
|
4806
4807
|
placeholder: getEffectivePlaceholder("row") ?? void 0
|
|
@@ -4827,9 +4828,9 @@ var import_editor_props30 = require("@elementor/editor-props");
|
|
|
4827
4828
|
var import_editor_ui10 = require("@elementor/editor-ui");
|
|
4828
4829
|
var import_icons19 = require("@elementor/icons");
|
|
4829
4830
|
var import_ui59 = require("@elementor/ui");
|
|
4830
|
-
var
|
|
4831
|
+
var import_i18n28 = require("@wordpress/i18n");
|
|
4831
4832
|
var RATIO_OPTIONS = [
|
|
4832
|
-
{ label: (0,
|
|
4833
|
+
{ label: (0, import_i18n28.__)("Auto", "elementor"), value: "auto" },
|
|
4833
4834
|
{ label: "1/1", value: "1/1" },
|
|
4834
4835
|
{ label: "4/3", value: "4/3" },
|
|
4835
4836
|
{ label: "3/4", value: "3/4" },
|
|
@@ -4908,7 +4909,7 @@ var AspectRatioControl = createControl(({ label }) => {
|
|
|
4908
4909
|
renderValue: isCustomSelected ? void 0 : () => selectedOption?.label,
|
|
4909
4910
|
fullWidth: true
|
|
4910
4911
|
},
|
|
4911
|
-
[...RATIO_OPTIONS, { label: (0,
|
|
4912
|
+
[...RATIO_OPTIONS, { label: (0, import_i18n28.__)("Custom", "elementor"), value: CUSTOM_RATIO }].map(
|
|
4912
4913
|
({ label: optionLabel, ...props }) => /* @__PURE__ */ React76.createElement(import_editor_ui10.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, optionLabel)
|
|
4913
4914
|
)
|
|
4914
4915
|
))), isCustom && /* @__PURE__ */ React76.createElement(import_ui59.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React76.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React76.createElement(
|
|
@@ -4948,20 +4949,20 @@ var import_editor_props31 = require("@elementor/editor-props");
|
|
|
4948
4949
|
var import_icons20 = require("@elementor/icons");
|
|
4949
4950
|
var import_ui61 = require("@elementor/ui");
|
|
4950
4951
|
var import_wp_media2 = require("@elementor/wp-media");
|
|
4951
|
-
var
|
|
4952
|
+
var import_i18n30 = require("@wordpress/i18n");
|
|
4952
4953
|
|
|
4953
4954
|
// src/components/enable-unfiltered-modal.tsx
|
|
4954
4955
|
var React77 = __toESM(require("react"));
|
|
4955
4956
|
var import_react45 = require("react");
|
|
4956
4957
|
var import_ui60 = require("@elementor/ui");
|
|
4957
|
-
var
|
|
4958
|
-
var ADMIN_TITLE_TEXT = (0,
|
|
4959
|
-
var ADMIN_CONTENT_TEXT = (0,
|
|
4958
|
+
var import_i18n29 = require("@wordpress/i18n");
|
|
4959
|
+
var ADMIN_TITLE_TEXT = (0, import_i18n29.__)("Enable Unfiltered Uploads", "elementor");
|
|
4960
|
+
var ADMIN_CONTENT_TEXT = (0, import_i18n29.__)(
|
|
4960
4961
|
"Before you enable unfiltered files upload, note that such files include a security risk. Elementor does run a process to remove possible malicious code, but there is still risk involved when using such files.",
|
|
4961
4962
|
"elementor"
|
|
4962
4963
|
);
|
|
4963
|
-
var ADMIN_FAILED_CONTENT_TEXT_PT1 = (0,
|
|
4964
|
-
var ADMIN_FAILED_CONTENT_TEXT_PT2 = (0,
|
|
4964
|
+
var ADMIN_FAILED_CONTENT_TEXT_PT1 = (0, import_i18n29.__)("Failed to enable unfiltered files upload.", "elementor");
|
|
4965
|
+
var ADMIN_FAILED_CONTENT_TEXT_PT2 = (0, import_i18n29.__)(
|
|
4965
4966
|
"You can try again, if the problem persists, please contact support.",
|
|
4966
4967
|
"elementor"
|
|
4967
4968
|
);
|
|
@@ -4988,7 +4989,7 @@ var EnableUnfilteredModal = (props) => {
|
|
|
4988
4989
|
const dialogProps = { ...props, isPending, handleEnable, isError, onClose };
|
|
4989
4990
|
return /* @__PURE__ */ React77.createElement(AdminDialog, { ...dialogProps });
|
|
4990
4991
|
};
|
|
4991
|
-
var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @__PURE__ */ React77.createElement(import_ui60.Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React77.createElement(import_ui60.DialogHeader, { logo: false }, /* @__PURE__ */ React77.createElement(import_ui60.DialogTitle, null, ADMIN_TITLE_TEXT)), /* @__PURE__ */ React77.createElement(import_ui60.Divider, null), /* @__PURE__ */ React77.createElement(import_ui60.DialogContent, null, /* @__PURE__ */ React77.createElement(import_ui60.DialogContentText, null, isError ? /* @__PURE__ */ React77.createElement(React77.Fragment, null, ADMIN_FAILED_CONTENT_TEXT_PT1, " ", /* @__PURE__ */ React77.createElement("br", null), " ", ADMIN_FAILED_CONTENT_TEXT_PT2) : ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React77.createElement(import_ui60.DialogActions, null, /* @__PURE__ */ React77.createElement(import_ui60.Button, { size: "medium", color: "secondary", onClick: () => onClose(false) }, (0,
|
|
4992
|
+
var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @__PURE__ */ React77.createElement(import_ui60.Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React77.createElement(import_ui60.DialogHeader, { logo: false }, /* @__PURE__ */ React77.createElement(import_ui60.DialogTitle, null, ADMIN_TITLE_TEXT)), /* @__PURE__ */ React77.createElement(import_ui60.Divider, null), /* @__PURE__ */ React77.createElement(import_ui60.DialogContent, null, /* @__PURE__ */ React77.createElement(import_ui60.DialogContentText, null, isError ? /* @__PURE__ */ React77.createElement(React77.Fragment, null, ADMIN_FAILED_CONTENT_TEXT_PT1, " ", /* @__PURE__ */ React77.createElement("br", null), " ", ADMIN_FAILED_CONTENT_TEXT_PT2) : ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React77.createElement(import_ui60.DialogActions, null, /* @__PURE__ */ React77.createElement(import_ui60.Button, { size: "medium", color: "secondary", onClick: () => onClose(false) }, (0, import_i18n29.__)("Cancel", "elementor")), /* @__PURE__ */ React77.createElement(
|
|
4992
4993
|
import_ui60.Button,
|
|
4993
4994
|
{
|
|
4994
4995
|
size: "medium",
|
|
@@ -4997,7 +4998,7 @@ var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @_
|
|
|
4997
4998
|
color: "primary",
|
|
4998
4999
|
disabled: isPending
|
|
4999
5000
|
},
|
|
5000
|
-
isPending ? /* @__PURE__ */ React77.createElement(import_ui60.CircularProgress, { size: 24 }) : (0,
|
|
5001
|
+
isPending ? /* @__PURE__ */ React77.createElement(import_ui60.CircularProgress, { size: 24 }) : (0, import_i18n29.__)("Enable", "elementor")
|
|
5001
5002
|
)));
|
|
5002
5003
|
|
|
5003
5004
|
// src/controls/svg-media-control.tsx
|
|
@@ -5062,8 +5063,8 @@ var SvgMediaControl = createControl(() => {
|
|
|
5062
5063
|
}
|
|
5063
5064
|
};
|
|
5064
5065
|
const infotipProps = {
|
|
5065
|
-
title: (0,
|
|
5066
|
-
description: /* @__PURE__ */ React78.createElement(React78.Fragment, null, (0,
|
|
5066
|
+
title: (0, import_i18n30.__)("Sorry, you can't upload that file yet.", "elementor"),
|
|
5067
|
+
description: /* @__PURE__ */ React78.createElement(React78.Fragment, null, (0, import_i18n30.__)("To upload them anyway, ask the site administrator to enable unfiltered", "elementor"), /* @__PURE__ */ React78.createElement("br", null), (0, import_i18n30.__)("file uploads.", "elementor")),
|
|
5067
5068
|
isEnabled: !isAdmin
|
|
5068
5069
|
};
|
|
5069
5070
|
return /* @__PURE__ */ React78.createElement(import_ui61.Stack, { gap: 1, "aria-label": "SVG Control" }, /* @__PURE__ */ React78.createElement(EnableUnfilteredModal, { open: unfilteredModalOpenState, onClose: onCloseUnfilteredModal }), /* @__PURE__ */ React78.createElement(ControlActions, null, /* @__PURE__ */ React78.createElement(StyledCard, { variant: "outlined" }, /* @__PURE__ */ React78.createElement(StyledCardMediaContainer, null, isFetching ? /* @__PURE__ */ React78.createElement(import_ui61.CircularProgress, { role: "progressbar" }) : /* @__PURE__ */ React78.createElement(
|
|
@@ -5071,7 +5072,7 @@ var SvgMediaControl = createControl(() => {
|
|
|
5071
5072
|
{
|
|
5072
5073
|
component: "img",
|
|
5073
5074
|
image: src,
|
|
5074
|
-
alt: (0,
|
|
5075
|
+
alt: (0, import_i18n30.__)("Preview SVG", "elementor"),
|
|
5075
5076
|
sx: { maxHeight: "140px", width: "50px" }
|
|
5076
5077
|
}
|
|
5077
5078
|
)), /* @__PURE__ */ React78.createElement(
|
|
@@ -5092,7 +5093,7 @@ var SvgMediaControl = createControl(() => {
|
|
|
5092
5093
|
onClick: () => handleClick(MODE_BROWSE),
|
|
5093
5094
|
"aria-label": "Select SVG"
|
|
5094
5095
|
},
|
|
5095
|
-
(0,
|
|
5096
|
+
(0, import_i18n30.__)("Select SVG", "elementor")
|
|
5096
5097
|
), /* @__PURE__ */ React78.createElement(ConditionalControlInfotip, { ...infotipProps }, /* @__PURE__ */ React78.createElement("span", null, /* @__PURE__ */ React78.createElement(import_ui61.ThemeProvider, { colorScheme: isAdmin ? "light" : "dark" }, /* @__PURE__ */ React78.createElement(
|
|
5097
5098
|
import_ui61.Button,
|
|
5098
5099
|
{
|
|
@@ -5104,7 +5105,7 @@ var SvgMediaControl = createControl(() => {
|
|
|
5104
5105
|
onClick: () => isAdmin && handleClick(MODE_UPLOAD),
|
|
5105
5106
|
"aria-label": "Upload SVG"
|
|
5106
5107
|
},
|
|
5107
|
-
(0,
|
|
5108
|
+
(0, import_i18n30.__)("Upload", "elementor")
|
|
5108
5109
|
)))))
|
|
5109
5110
|
))));
|
|
5110
5111
|
});
|
|
@@ -5115,7 +5116,7 @@ var import_editor_props32 = require("@elementor/editor-props");
|
|
|
5115
5116
|
var import_icons21 = require("@elementor/icons");
|
|
5116
5117
|
var import_ui62 = require("@elementor/ui");
|
|
5117
5118
|
var import_wp_media3 = require("@elementor/wp-media");
|
|
5118
|
-
var
|
|
5119
|
+
var import_i18n31 = require("@wordpress/i18n");
|
|
5119
5120
|
var PLACEHOLDER_IMAGE = window.elementorCommon?.config?.urls?.assets + "/shapes/play-triangle.svg";
|
|
5120
5121
|
var VideoMediaControl = createControl(() => {
|
|
5121
5122
|
const { value, setValue } = useBoundProp(import_editor_props32.videoSrcPropTypeUtil);
|
|
@@ -5160,7 +5161,7 @@ var VideoMediaControl = createControl(() => {
|
|
|
5160
5161
|
variant: "outlined",
|
|
5161
5162
|
onClick: () => open({ mode: "browse" })
|
|
5162
5163
|
},
|
|
5163
|
-
(0,
|
|
5164
|
+
(0, import_i18n31.__)("Select video", "elementor")
|
|
5164
5165
|
), /* @__PURE__ */ React79.createElement(
|
|
5165
5166
|
import_ui62.Button,
|
|
5166
5167
|
{
|
|
@@ -5170,7 +5171,7 @@ var VideoMediaControl = createControl(() => {
|
|
|
5170
5171
|
startIcon: /* @__PURE__ */ React79.createElement(import_icons21.UploadIcon, null),
|
|
5171
5172
|
onClick: () => open({ mode: "upload" })
|
|
5172
5173
|
},
|
|
5173
|
-
(0,
|
|
5174
|
+
(0, import_i18n31.__)("Upload", "elementor")
|
|
5174
5175
|
)))));
|
|
5175
5176
|
});
|
|
5176
5177
|
var VideoPreview = ({ isFetching = false, videoUrl }) => {
|
|
@@ -5200,14 +5201,14 @@ var VideoPreview = ({ isFetching = false, videoUrl }) => {
|
|
|
5200
5201
|
var React86 = __toESM(require("react"));
|
|
5201
5202
|
var import_editor_props38 = require("@elementor/editor-props");
|
|
5202
5203
|
var import_ui70 = require("@elementor/ui");
|
|
5203
|
-
var
|
|
5204
|
+
var import_i18n37 = require("@wordpress/i18n");
|
|
5204
5205
|
|
|
5205
5206
|
// src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx
|
|
5206
5207
|
var React85 = __toESM(require("react"));
|
|
5207
5208
|
var import_editor_props37 = require("@elementor/editor-props");
|
|
5208
5209
|
var import_ui69 = require("@elementor/ui");
|
|
5209
5210
|
var import_wp_media4 = require("@elementor/wp-media");
|
|
5210
|
-
var
|
|
5211
|
+
var import_i18n36 = require("@wordpress/i18n");
|
|
5211
5212
|
|
|
5212
5213
|
// src/env.ts
|
|
5213
5214
|
var import_env = require("@elementor/env");
|
|
@@ -5282,23 +5283,23 @@ var initialBackgroundGradientOverlay = import_editor_props33.backgroundGradientO
|
|
|
5282
5283
|
var React81 = __toESM(require("react"));
|
|
5283
5284
|
var import_icons22 = require("@elementor/icons");
|
|
5284
5285
|
var import_ui64 = require("@elementor/ui");
|
|
5285
|
-
var
|
|
5286
|
+
var import_i18n32 = require("@wordpress/i18n");
|
|
5286
5287
|
var attachmentControlOptions = [
|
|
5287
5288
|
{
|
|
5288
5289
|
value: "fixed",
|
|
5289
|
-
label: (0,
|
|
5290
|
+
label: (0, import_i18n32.__)("Fixed", "elementor"),
|
|
5290
5291
|
renderContent: ({ size }) => /* @__PURE__ */ React81.createElement(import_icons22.PinIcon, { fontSize: size }),
|
|
5291
5292
|
showTooltip: true
|
|
5292
5293
|
},
|
|
5293
5294
|
{
|
|
5294
5295
|
value: "scroll",
|
|
5295
|
-
label: (0,
|
|
5296
|
+
label: (0, import_i18n32.__)("Scroll", "elementor"),
|
|
5296
5297
|
renderContent: ({ size }) => /* @__PURE__ */ React81.createElement(import_icons22.PinnedOffIcon, { fontSize: size }),
|
|
5297
5298
|
showTooltip: true
|
|
5298
5299
|
}
|
|
5299
5300
|
];
|
|
5300
5301
|
var BackgroundImageOverlayAttachment = () => {
|
|
5301
|
-
return /* @__PURE__ */ React81.createElement(PopoverGridContainer, null, /* @__PURE__ */ React81.createElement(import_ui64.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(ControlFormLabel, null, (0,
|
|
5302
|
+
return /* @__PURE__ */ React81.createElement(PopoverGridContainer, null, /* @__PURE__ */ React81.createElement(import_ui64.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React81.createElement(ControlFormLabel, null, (0, import_i18n32.__)("Attachment", "elementor"))), /* @__PURE__ */ React81.createElement(import_ui64.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React81.createElement(ToggleControl, { options: attachmentControlOptions })));
|
|
5302
5303
|
};
|
|
5303
5304
|
|
|
5304
5305
|
// src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-position.tsx
|
|
@@ -5308,18 +5309,18 @@ var import_editor_props34 = require("@elementor/editor-props");
|
|
|
5308
5309
|
var import_editor_ui11 = require("@elementor/editor-ui");
|
|
5309
5310
|
var import_icons23 = require("@elementor/icons");
|
|
5310
5311
|
var import_ui65 = require("@elementor/ui");
|
|
5311
|
-
var
|
|
5312
|
+
var import_i18n33 = require("@wordpress/i18n");
|
|
5312
5313
|
var backgroundPositionOptions = [
|
|
5313
|
-
{ label: (0,
|
|
5314
|
-
{ label: (0,
|
|
5315
|
-
{ label: (0,
|
|
5316
|
-
{ label: (0,
|
|
5317
|
-
{ label: (0,
|
|
5318
|
-
{ label: (0,
|
|
5319
|
-
{ label: (0,
|
|
5320
|
-
{ label: (0,
|
|
5321
|
-
{ label: (0,
|
|
5322
|
-
{ label: (0,
|
|
5314
|
+
{ label: (0, import_i18n33.__)("Center center", "elementor"), value: "center center" },
|
|
5315
|
+
{ label: (0, import_i18n33.__)("Center left", "elementor"), value: "center left" },
|
|
5316
|
+
{ label: (0, import_i18n33.__)("Center right", "elementor"), value: "center right" },
|
|
5317
|
+
{ label: (0, import_i18n33.__)("Top center", "elementor"), value: "top center" },
|
|
5318
|
+
{ label: (0, import_i18n33.__)("Top left", "elementor"), value: "top left" },
|
|
5319
|
+
{ label: (0, import_i18n33.__)("Top right", "elementor"), value: "top right" },
|
|
5320
|
+
{ label: (0, import_i18n33.__)("Bottom center", "elementor"), value: "bottom center" },
|
|
5321
|
+
{ label: (0, import_i18n33.__)("Bottom left", "elementor"), value: "bottom left" },
|
|
5322
|
+
{ label: (0, import_i18n33.__)("Bottom right", "elementor"), value: "bottom right" },
|
|
5323
|
+
{ label: (0, import_i18n33.__)("Custom", "elementor"), value: "custom" }
|
|
5323
5324
|
];
|
|
5324
5325
|
var BackgroundImageOverlayPosition = () => {
|
|
5325
5326
|
const backgroundImageOffsetContext = useBoundProp(import_editor_props34.backgroundImagePositionOffsetPropTypeUtil);
|
|
@@ -5334,7 +5335,7 @@ var BackgroundImageOverlayPosition = () => {
|
|
|
5334
5335
|
stringPropContext.setValue(value);
|
|
5335
5336
|
}
|
|
5336
5337
|
};
|
|
5337
|
-
return /* @__PURE__ */ React82.createElement(import_ui65.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React82.createElement(import_ui65.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React82.createElement(PopoverGridContainer, null, /* @__PURE__ */ React82.createElement(import_ui65.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React82.createElement(ControlFormLabel, null, (0,
|
|
5338
|
+
return /* @__PURE__ */ React82.createElement(import_ui65.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React82.createElement(import_ui65.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React82.createElement(PopoverGridContainer, null, /* @__PURE__ */ React82.createElement(import_ui65.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React82.createElement(ControlFormLabel, null, (0, import_i18n33.__)("Position", "elementor"))), /* @__PURE__ */ React82.createElement(import_ui65.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React82.createElement(ControlActions, null, /* @__PURE__ */ React82.createElement(
|
|
5338
5339
|
import_ui65.Select,
|
|
5339
5340
|
{
|
|
5340
5341
|
fullWidth: true,
|
|
@@ -5365,35 +5366,35 @@ var BackgroundImageOverlayPosition = () => {
|
|
|
5365
5366
|
var React83 = __toESM(require("react"));
|
|
5366
5367
|
var import_icons24 = require("@elementor/icons");
|
|
5367
5368
|
var import_ui66 = require("@elementor/ui");
|
|
5368
|
-
var
|
|
5369
|
+
var import_i18n34 = require("@wordpress/i18n");
|
|
5369
5370
|
var repeatControlOptions = [
|
|
5370
5371
|
{
|
|
5371
5372
|
value: "repeat",
|
|
5372
|
-
label: (0,
|
|
5373
|
+
label: (0, import_i18n34.__)("Repeat", "elementor"),
|
|
5373
5374
|
renderContent: ({ size }) => /* @__PURE__ */ React83.createElement(import_icons24.GridDotsIcon, { fontSize: size }),
|
|
5374
5375
|
showTooltip: true
|
|
5375
5376
|
},
|
|
5376
5377
|
{
|
|
5377
5378
|
value: "repeat-x",
|
|
5378
|
-
label: (0,
|
|
5379
|
+
label: (0, import_i18n34.__)("Repeat-x", "elementor"),
|
|
5379
5380
|
renderContent: ({ size }) => /* @__PURE__ */ React83.createElement(import_icons24.DotsHorizontalIcon, { fontSize: size }),
|
|
5380
5381
|
showTooltip: true
|
|
5381
5382
|
},
|
|
5382
5383
|
{
|
|
5383
5384
|
value: "repeat-y",
|
|
5384
|
-
label: (0,
|
|
5385
|
+
label: (0, import_i18n34.__)("Repeat-y", "elementor"),
|
|
5385
5386
|
renderContent: ({ size }) => /* @__PURE__ */ React83.createElement(import_icons24.DotsVerticalIcon, { fontSize: size }),
|
|
5386
5387
|
showTooltip: true
|
|
5387
5388
|
},
|
|
5388
5389
|
{
|
|
5389
5390
|
value: "no-repeat",
|
|
5390
|
-
label: (0,
|
|
5391
|
+
label: (0, import_i18n34.__)("No-repeat", "elementor"),
|
|
5391
5392
|
renderContent: ({ size }) => /* @__PURE__ */ React83.createElement(import_icons24.XIcon, { fontSize: size }),
|
|
5392
5393
|
showTooltip: true
|
|
5393
5394
|
}
|
|
5394
5395
|
];
|
|
5395
5396
|
var BackgroundImageOverlayRepeat = () => {
|
|
5396
|
-
return /* @__PURE__ */ React83.createElement(PopoverGridContainer, null, /* @__PURE__ */ React83.createElement(import_ui66.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React83.createElement(ControlFormLabel, null, (0,
|
|
5397
|
+
return /* @__PURE__ */ React83.createElement(PopoverGridContainer, null, /* @__PURE__ */ React83.createElement(import_ui66.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React83.createElement(ControlFormLabel, null, (0, import_i18n34.__)("Repeat", "elementor"))), /* @__PURE__ */ React83.createElement(import_ui66.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React83.createElement(ToggleControl, { options: repeatControlOptions })));
|
|
5397
5398
|
};
|
|
5398
5399
|
|
|
5399
5400
|
// src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-size.tsx
|
|
@@ -5402,29 +5403,29 @@ var import_react48 = require("react");
|
|
|
5402
5403
|
var import_editor_props35 = require("@elementor/editor-props");
|
|
5403
5404
|
var import_icons25 = require("@elementor/icons");
|
|
5404
5405
|
var import_ui67 = require("@elementor/ui");
|
|
5405
|
-
var
|
|
5406
|
+
var import_i18n35 = require("@wordpress/i18n");
|
|
5406
5407
|
var sizeControlOptions = [
|
|
5407
5408
|
{
|
|
5408
5409
|
value: "auto",
|
|
5409
|
-
label: (0,
|
|
5410
|
+
label: (0, import_i18n35.__)("Auto", "elementor"),
|
|
5410
5411
|
renderContent: ({ size }) => /* @__PURE__ */ React84.createElement(import_icons25.LetterAIcon, { fontSize: size }),
|
|
5411
5412
|
showTooltip: true
|
|
5412
5413
|
},
|
|
5413
5414
|
{
|
|
5414
5415
|
value: "cover",
|
|
5415
|
-
label: (0,
|
|
5416
|
+
label: (0, import_i18n35.__)("Cover", "elementor"),
|
|
5416
5417
|
renderContent: ({ size }) => /* @__PURE__ */ React84.createElement(import_icons25.ArrowsMaximizeIcon, { fontSize: size }),
|
|
5417
5418
|
showTooltip: true
|
|
5418
5419
|
},
|
|
5419
5420
|
{
|
|
5420
5421
|
value: "contain",
|
|
5421
|
-
label: (0,
|
|
5422
|
+
label: (0, import_i18n35.__)("Contain", "elementor"),
|
|
5422
5423
|
renderContent: ({ size }) => /* @__PURE__ */ React84.createElement(import_icons25.ArrowBarBothIcon, { fontSize: size }),
|
|
5423
5424
|
showTooltip: true
|
|
5424
5425
|
},
|
|
5425
5426
|
{
|
|
5426
5427
|
value: "custom",
|
|
5427
|
-
label: (0,
|
|
5428
|
+
label: (0, import_i18n35.__)("Custom", "elementor"),
|
|
5428
5429
|
renderContent: ({ size }) => /* @__PURE__ */ React84.createElement(import_icons25.PencilIcon, { fontSize: size }),
|
|
5429
5430
|
showTooltip: true
|
|
5430
5431
|
}
|
|
@@ -5441,7 +5442,7 @@ var BackgroundImageOverlaySize = () => {
|
|
|
5441
5442
|
stringPropContext.setValue(size);
|
|
5442
5443
|
}
|
|
5443
5444
|
};
|
|
5444
|
-
return /* @__PURE__ */ React84.createElement(import_ui67.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React84.createElement(import_ui67.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React84.createElement(PopoverGridContainer, null, /* @__PURE__ */ React84.createElement(import_ui67.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React84.createElement(ControlFormLabel, null, (0,
|
|
5445
|
+
return /* @__PURE__ */ React84.createElement(import_ui67.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React84.createElement(import_ui67.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React84.createElement(PopoverGridContainer, null, /* @__PURE__ */ React84.createElement(import_ui67.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React84.createElement(ControlFormLabel, null, (0, import_i18n35.__)("Size", "elementor"))), /* @__PURE__ */ React84.createElement(import_ui67.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React84.createElement(
|
|
5445
5446
|
ControlToggleButtonGroup,
|
|
5446
5447
|
{
|
|
5447
5448
|
exclusive: true,
|
|
@@ -5557,10 +5558,10 @@ var getInitialBackgroundOverlay = () => ({
|
|
|
5557
5558
|
}
|
|
5558
5559
|
});
|
|
5559
5560
|
var backgroundResolutionOptions = [
|
|
5560
|
-
{ label: (0,
|
|
5561
|
-
{ label: (0,
|
|
5562
|
-
{ label: (0,
|
|
5563
|
-
{ label: (0,
|
|
5561
|
+
{ label: (0, import_i18n36.__)("Thumbnail - 150 x 150", "elementor"), value: "thumbnail" },
|
|
5562
|
+
{ label: (0, import_i18n36.__)("Medium - 300 x 300", "elementor"), value: "medium" },
|
|
5563
|
+
{ label: (0, import_i18n36.__)("Large 1024 x 1024", "elementor"), value: "large" },
|
|
5564
|
+
{ label: (0, import_i18n36.__)("Full", "elementor"), value: "full" }
|
|
5564
5565
|
];
|
|
5565
5566
|
var BackgroundOverlayRepeaterControl = createControl(() => {
|
|
5566
5567
|
const { propType, value: overlayValues, setValue } = useBoundProp(import_editor_props37.backgroundOverlayPropTypeUtil);
|
|
@@ -5570,7 +5571,7 @@ var BackgroundOverlayRepeaterControl = createControl(() => {
|
|
|
5570
5571
|
initial: getInitialBackgroundOverlay(),
|
|
5571
5572
|
propTypeUtil: import_editor_props37.backgroundOverlayPropTypeUtil
|
|
5572
5573
|
},
|
|
5573
|
-
/* @__PURE__ */ React85.createElement(RepeaterHeader, { label: (0,
|
|
5574
|
+
/* @__PURE__ */ React85.createElement(RepeaterHeader, { label: (0, import_i18n36.__)("Overlay", "elementor") }, /* @__PURE__ */ React85.createElement(TooltipAddItemAction, { newItemIndex: 0 })),
|
|
5574
5575
|
/* @__PURE__ */ React85.createElement(ItemsContainer, null, /* @__PURE__ */ React85.createElement(
|
|
5575
5576
|
Item,
|
|
5576
5577
|
{
|
|
@@ -5595,11 +5596,11 @@ var ItemContent = () => {
|
|
|
5595
5596
|
size: "small",
|
|
5596
5597
|
variant: "fullWidth",
|
|
5597
5598
|
...getTabsProps(),
|
|
5598
|
-
"aria-label": (0,
|
|
5599
|
+
"aria-label": (0, import_i18n36.__)("Background Overlay", "elementor")
|
|
5599
5600
|
},
|
|
5600
|
-
/* @__PURE__ */ React85.createElement(import_ui69.Tab, { label: (0,
|
|
5601
|
-
/* @__PURE__ */ React85.createElement(import_ui69.Tab, { label: (0,
|
|
5602
|
-
/* @__PURE__ */ React85.createElement(import_ui69.Tab, { label: (0,
|
|
5601
|
+
/* @__PURE__ */ React85.createElement(import_ui69.Tab, { label: (0, import_i18n36.__)("Image", "elementor"), ...getTabProps("image") }),
|
|
5602
|
+
/* @__PURE__ */ React85.createElement(import_ui69.Tab, { label: (0, import_i18n36.__)("Gradient", "elementor"), ...getTabProps("gradient") }),
|
|
5603
|
+
/* @__PURE__ */ React85.createElement(import_ui69.Tab, { label: (0, import_i18n36.__)("Color", "elementor"), ...getTabProps("color") })
|
|
5603
5604
|
)), /* @__PURE__ */ React85.createElement(import_ui69.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("image") }, /* @__PURE__ */ React85.createElement(PopoverContent, null, /* @__PURE__ */ React85.createElement(ImageOverlayContent, null))), /* @__PURE__ */ React85.createElement(import_ui69.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("gradient") }, /* @__PURE__ */ React85.createElement(BackgroundGradientColorControl, null)), /* @__PURE__ */ React85.createElement(import_ui69.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("color") }, /* @__PURE__ */ React85.createElement(PopoverContent, null, /* @__PURE__ */ React85.createElement(ColorOverlayContent, { anchorEl: rowRef }))));
|
|
5604
5605
|
};
|
|
5605
5606
|
var ItemIcon2 = ({ value }) => {
|
|
@@ -5665,9 +5666,9 @@ var ItemLabelImage = ({ value }) => {
|
|
|
5665
5666
|
};
|
|
5666
5667
|
var ItemLabelGradient = ({ value }) => {
|
|
5667
5668
|
if (value.value.type.value === "linear") {
|
|
5668
|
-
return /* @__PURE__ */ React85.createElement("span", null, (0,
|
|
5669
|
+
return /* @__PURE__ */ React85.createElement("span", null, (0, import_i18n36.__)("Linear Gradient", "elementor"));
|
|
5669
5670
|
}
|
|
5670
|
-
return /* @__PURE__ */ React85.createElement("span", null, (0,
|
|
5671
|
+
return /* @__PURE__ */ React85.createElement("span", null, (0, import_i18n36.__)("Radial Gradient", "elementor"));
|
|
5671
5672
|
};
|
|
5672
5673
|
var ColorOverlayContent = ({ anchorEl }) => {
|
|
5673
5674
|
const propContext = useBoundProp(import_editor_props37.backgroundColorOverlayPropTypeUtil);
|
|
@@ -5714,13 +5715,13 @@ var getGradientValue = (value) => {
|
|
|
5714
5715
|
|
|
5715
5716
|
// src/controls/background-control/background-control.tsx
|
|
5716
5717
|
var clipOptions = [
|
|
5717
|
-
{ label: (0,
|
|
5718
|
-
{ label: (0,
|
|
5719
|
-
{ label: (0,
|
|
5720
|
-
{ label: (0,
|
|
5718
|
+
{ label: (0, import_i18n37.__)("Full element", "elementor"), value: "border-box" },
|
|
5719
|
+
{ label: (0, import_i18n37.__)("Padding edges", "elementor"), value: "padding-box" },
|
|
5720
|
+
{ label: (0, import_i18n37.__)("Content edges", "elementor"), value: "content-box" },
|
|
5721
|
+
{ label: (0, import_i18n37.__)("Text", "elementor"), value: "text" }
|
|
5721
5722
|
];
|
|
5722
|
-
var colorLabel = (0,
|
|
5723
|
-
var clipLabel = (0,
|
|
5723
|
+
var colorLabel = (0, import_i18n37.__)("Color", "elementor");
|
|
5724
|
+
var clipLabel = (0, import_i18n37.__)("Clipping", "elementor");
|
|
5724
5725
|
var BackgroundControl = createControl(() => {
|
|
5725
5726
|
const propContext = useBoundProp(import_editor_props38.backgroundPropTypeUtil);
|
|
5726
5727
|
return /* @__PURE__ */ React86.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React86.createElement(PropKeyProvider, { bind: "background-overlay" }, /* @__PURE__ */ React86.createElement(BackgroundOverlayRepeaterControl, null)), /* @__PURE__ */ React86.createElement(BackgroundColorField, null), /* @__PURE__ */ React86.createElement(BackgroundClipField, null));
|
|
@@ -5894,7 +5895,7 @@ var React88 = __toESM(require("react"));
|
|
|
5894
5895
|
var import_react51 = require("react");
|
|
5895
5896
|
var import_editor_props40 = require("@elementor/editor-props");
|
|
5896
5897
|
var import_ui72 = require("@elementor/ui");
|
|
5897
|
-
var
|
|
5898
|
+
var import_i18n38 = require("@wordpress/i18n");
|
|
5898
5899
|
|
|
5899
5900
|
// src/utils/escape-html-attr.ts
|
|
5900
5901
|
var escapeHtmlAttr = (value) => {
|
|
@@ -5924,8 +5925,8 @@ var KeyValueControl = createControl((props = {}) => {
|
|
|
5924
5925
|
key: getInitialFieldValue(value?.key),
|
|
5925
5926
|
value: getInitialFieldValue(value?.value)
|
|
5926
5927
|
});
|
|
5927
|
-
const keyLabel = props.keyName || (0,
|
|
5928
|
-
const valueLabel = props.valueName || (0,
|
|
5928
|
+
const keyLabel = props.keyName || (0, import_i18n38.__)("Key", "elementor");
|
|
5929
|
+
const valueLabel = props.valueName || (0, import_i18n38.__)("Value", "elementor");
|
|
5929
5930
|
const { keyHelper, valueHelper } = props.getHelperText?.(sessionState.key, sessionState.value) || {
|
|
5930
5931
|
keyHelper: void 0,
|
|
5931
5932
|
valueHelper: void 0
|
|
@@ -5934,7 +5935,7 @@ var KeyValueControl = createControl((props = {}) => {
|
|
|
5934
5935
|
() => [
|
|
5935
5936
|
props.regexKey ? new RegExp(props.regexKey) : void 0,
|
|
5936
5937
|
props.regexValue ? new RegExp(props.regexValue) : void 0,
|
|
5937
|
-
props.validationErrorMessage || (0,
|
|
5938
|
+
props.validationErrorMessage || (0, import_i18n38.__)("Invalid Format", "elementor")
|
|
5938
5939
|
],
|
|
5939
5940
|
[props.regexKey, props.regexValue, props.validationErrorMessage]
|
|
5940
5941
|
);
|
|
@@ -6007,18 +6008,18 @@ var import_editor_props41 = require("@elementor/editor-props");
|
|
|
6007
6008
|
var import_editor_ui12 = require("@elementor/editor-ui");
|
|
6008
6009
|
var import_icons26 = require("@elementor/icons");
|
|
6009
6010
|
var import_ui73 = require("@elementor/ui");
|
|
6010
|
-
var
|
|
6011
|
+
var import_i18n39 = require("@wordpress/i18n");
|
|
6011
6012
|
var positionOptions = [
|
|
6012
|
-
{ label: (0,
|
|
6013
|
-
{ label: (0,
|
|
6014
|
-
{ label: (0,
|
|
6015
|
-
{ label: (0,
|
|
6016
|
-
{ label: (0,
|
|
6017
|
-
{ label: (0,
|
|
6018
|
-
{ label: (0,
|
|
6019
|
-
{ label: (0,
|
|
6020
|
-
{ label: (0,
|
|
6021
|
-
{ label: (0,
|
|
6013
|
+
{ label: (0, import_i18n39.__)("Center center", "elementor"), value: "center center" },
|
|
6014
|
+
{ label: (0, import_i18n39.__)("Center left", "elementor"), value: "center left" },
|
|
6015
|
+
{ label: (0, import_i18n39.__)("Center right", "elementor"), value: "center right" },
|
|
6016
|
+
{ label: (0, import_i18n39.__)("Top center", "elementor"), value: "top center" },
|
|
6017
|
+
{ label: (0, import_i18n39.__)("Top left", "elementor"), value: "top left" },
|
|
6018
|
+
{ label: (0, import_i18n39.__)("Top right", "elementor"), value: "top right" },
|
|
6019
|
+
{ label: (0, import_i18n39.__)("Bottom center", "elementor"), value: "bottom center" },
|
|
6020
|
+
{ label: (0, import_i18n39.__)("Bottom left", "elementor"), value: "bottom left" },
|
|
6021
|
+
{ label: (0, import_i18n39.__)("Bottom right", "elementor"), value: "bottom right" },
|
|
6022
|
+
{ label: (0, import_i18n39.__)("Custom", "elementor"), value: "custom" }
|
|
6022
6023
|
];
|
|
6023
6024
|
var PositionControl = () => {
|
|
6024
6025
|
const positionContext = useBoundProp(import_editor_props41.positionPropTypeUtil);
|
|
@@ -6032,7 +6033,7 @@ var PositionControl = () => {
|
|
|
6032
6033
|
stringPropContext.setValue(value);
|
|
6033
6034
|
}
|
|
6034
6035
|
};
|
|
6035
|
-
return /* @__PURE__ */ React89.createElement(import_ui73.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React89.createElement(import_ui73.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React89.createElement(import_ui73.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React89.createElement(import_ui73.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React89.createElement(ControlFormLabel, null, (0,
|
|
6036
|
+
return /* @__PURE__ */ React89.createElement(import_ui73.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React89.createElement(import_ui73.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React89.createElement(import_ui73.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React89.createElement(import_ui73.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React89.createElement(ControlFormLabel, null, (0, import_i18n39.__)("Object position", "elementor"))), /* @__PURE__ */ React89.createElement(import_ui73.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React89.createElement(
|
|
6036
6037
|
import_ui73.Select,
|
|
6037
6038
|
{
|
|
6038
6039
|
size: "tiny",
|
|
@@ -6063,7 +6064,7 @@ var import_react59 = require("react");
|
|
|
6063
6064
|
var import_editor_props50 = require("@elementor/editor-props");
|
|
6064
6065
|
var import_icons33 = require("@elementor/icons");
|
|
6065
6066
|
var import_ui86 = require("@elementor/ui");
|
|
6066
|
-
var
|
|
6067
|
+
var import_i18n49 = require("@wordpress/i18n");
|
|
6067
6068
|
|
|
6068
6069
|
// src/controls/transform-control/initial-values.ts
|
|
6069
6070
|
var import_editor_props42 = require("@elementor/editor-props");
|
|
@@ -6114,7 +6115,7 @@ var initialSkewValue = import_editor_props42.skewTransformPropTypeUtil.create({
|
|
|
6114
6115
|
// src/controls/transform-control/transform-content.tsx
|
|
6115
6116
|
var React96 = __toESM(require("react"));
|
|
6116
6117
|
var import_ui81 = require("@elementor/ui");
|
|
6117
|
-
var
|
|
6118
|
+
var import_i18n44 = require("@wordpress/i18n");
|
|
6118
6119
|
|
|
6119
6120
|
// src/controls/transform-control/functions/move.tsx
|
|
6120
6121
|
var React91 = __toESM(require("react"));
|
|
@@ -6122,7 +6123,7 @@ var import_react52 = require("react");
|
|
|
6122
6123
|
var import_editor_props43 = require("@elementor/editor-props");
|
|
6123
6124
|
var import_icons27 = require("@elementor/icons");
|
|
6124
6125
|
var import_ui75 = require("@elementor/ui");
|
|
6125
|
-
var
|
|
6126
|
+
var import_i18n40 = require("@wordpress/i18n");
|
|
6126
6127
|
|
|
6127
6128
|
// src/controls/transform-control/functions/axis-row.tsx
|
|
6128
6129
|
var React90 = __toESM(require("react"));
|
|
@@ -6145,19 +6146,19 @@ var AxisRow = ({ label, bind, startIcon, anchorRef, units: units2, variant = "an
|
|
|
6145
6146
|
// src/controls/transform-control/functions/move.tsx
|
|
6146
6147
|
var moveAxisControls = [
|
|
6147
6148
|
{
|
|
6148
|
-
label: (0,
|
|
6149
|
+
label: (0, import_i18n40.__)("Move X", "elementor"),
|
|
6149
6150
|
bind: "x",
|
|
6150
6151
|
startIcon: /* @__PURE__ */ React91.createElement(import_icons27.ArrowRightIcon, { fontSize: "tiny" }),
|
|
6151
6152
|
units: ["px", "%", "em", "rem", "vw"]
|
|
6152
6153
|
},
|
|
6153
6154
|
{
|
|
6154
|
-
label: (0,
|
|
6155
|
+
label: (0, import_i18n40.__)("Move Y", "elementor"),
|
|
6155
6156
|
bind: "y",
|
|
6156
6157
|
startIcon: /* @__PURE__ */ React91.createElement(import_icons27.ArrowDownSmallIcon, { fontSize: "tiny" }),
|
|
6157
6158
|
units: ["px", "%", "em", "rem", "vh"]
|
|
6158
6159
|
},
|
|
6159
6160
|
{
|
|
6160
|
-
label: (0,
|
|
6161
|
+
label: (0, import_i18n40.__)("Move Z", "elementor"),
|
|
6161
6162
|
bind: "z",
|
|
6162
6163
|
startIcon: /* @__PURE__ */ React91.createElement(import_icons27.ArrowDownLeftIcon, { fontSize: "tiny" }),
|
|
6163
6164
|
units: ["px", "%", "em", "rem", "vw", "vh"]
|
|
@@ -6184,20 +6185,20 @@ var import_react53 = require("react");
|
|
|
6184
6185
|
var import_editor_props44 = require("@elementor/editor-props");
|
|
6185
6186
|
var import_icons28 = require("@elementor/icons");
|
|
6186
6187
|
var import_ui76 = require("@elementor/ui");
|
|
6187
|
-
var
|
|
6188
|
+
var import_i18n41 = require("@wordpress/i18n");
|
|
6188
6189
|
var rotateAxisControls = [
|
|
6189
6190
|
{
|
|
6190
|
-
label: (0,
|
|
6191
|
+
label: (0, import_i18n41.__)("Rotate X", "elementor"),
|
|
6191
6192
|
bind: "x",
|
|
6192
6193
|
startIcon: /* @__PURE__ */ React92.createElement(import_icons28.Arrow360Icon, { fontSize: "tiny" })
|
|
6193
6194
|
},
|
|
6194
6195
|
{
|
|
6195
|
-
label: (0,
|
|
6196
|
+
label: (0, import_i18n41.__)("Rotate Y", "elementor"),
|
|
6196
6197
|
bind: "y",
|
|
6197
6198
|
startIcon: /* @__PURE__ */ React92.createElement(import_icons28.Arrow360Icon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
|
|
6198
6199
|
},
|
|
6199
6200
|
{
|
|
6200
|
-
label: (0,
|
|
6201
|
+
label: (0, import_i18n41.__)("Rotate Z", "elementor"),
|
|
6201
6202
|
bind: "z",
|
|
6202
6203
|
startIcon: /* @__PURE__ */ React92.createElement(import_icons28.RotateClockwiseIcon, { fontSize: "tiny" })
|
|
6203
6204
|
}
|
|
@@ -6223,7 +6224,7 @@ var import_react54 = require("react");
|
|
|
6223
6224
|
var import_editor_props45 = require("@elementor/editor-props");
|
|
6224
6225
|
var import_icons29 = require("@elementor/icons");
|
|
6225
6226
|
var import_ui78 = require("@elementor/ui");
|
|
6226
|
-
var
|
|
6227
|
+
var import_i18n42 = require("@wordpress/i18n");
|
|
6227
6228
|
|
|
6228
6229
|
// src/controls/transform-control/functions/scale-axis-row.tsx
|
|
6229
6230
|
var React93 = __toESM(require("react"));
|
|
@@ -6235,17 +6236,17 @@ var ScaleAxisRow = ({ label, bind, startIcon, anchorRef }) => {
|
|
|
6235
6236
|
// src/controls/transform-control/functions/scale.tsx
|
|
6236
6237
|
var scaleAxisControls = [
|
|
6237
6238
|
{
|
|
6238
|
-
label: (0,
|
|
6239
|
+
label: (0, import_i18n42.__)("Scale X", "elementor"),
|
|
6239
6240
|
bind: "x",
|
|
6240
6241
|
startIcon: /* @__PURE__ */ React94.createElement(import_icons29.ArrowRightIcon, { fontSize: "tiny" })
|
|
6241
6242
|
},
|
|
6242
6243
|
{
|
|
6243
|
-
label: (0,
|
|
6244
|
+
label: (0, import_i18n42.__)("Scale Y", "elementor"),
|
|
6244
6245
|
bind: "y",
|
|
6245
6246
|
startIcon: /* @__PURE__ */ React94.createElement(import_icons29.ArrowDownSmallIcon, { fontSize: "tiny" })
|
|
6246
6247
|
},
|
|
6247
6248
|
{
|
|
6248
|
-
label: (0,
|
|
6249
|
+
label: (0, import_i18n42.__)("Scale Z", "elementor"),
|
|
6249
6250
|
bind: "z",
|
|
6250
6251
|
startIcon: /* @__PURE__ */ React94.createElement(import_icons29.ArrowDownLeftIcon, { fontSize: "tiny" })
|
|
6251
6252
|
}
|
|
@@ -6262,15 +6263,15 @@ var import_react55 = require("react");
|
|
|
6262
6263
|
var import_editor_props46 = require("@elementor/editor-props");
|
|
6263
6264
|
var import_icons30 = require("@elementor/icons");
|
|
6264
6265
|
var import_ui79 = require("@elementor/ui");
|
|
6265
|
-
var
|
|
6266
|
+
var import_i18n43 = require("@wordpress/i18n");
|
|
6266
6267
|
var skewAxisControls = [
|
|
6267
6268
|
{
|
|
6268
|
-
label: (0,
|
|
6269
|
+
label: (0, import_i18n43.__)("Skew X", "elementor"),
|
|
6269
6270
|
bind: "x",
|
|
6270
6271
|
startIcon: /* @__PURE__ */ React95.createElement(import_icons30.ArrowRightIcon, { fontSize: "tiny" })
|
|
6271
6272
|
},
|
|
6272
6273
|
{
|
|
6273
|
-
label: (0,
|
|
6274
|
+
label: (0, import_i18n43.__)("Skew Y", "elementor"),
|
|
6274
6275
|
bind: "y",
|
|
6275
6276
|
startIcon: /* @__PURE__ */ React95.createElement(import_icons30.ArrowLeftIcon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
|
|
6276
6277
|
}
|
|
@@ -6390,12 +6391,12 @@ var TransformContent = () => {
|
|
|
6390
6391
|
}
|
|
6391
6392
|
},
|
|
6392
6393
|
...getTabsProps(),
|
|
6393
|
-
"aria-label": (0,
|
|
6394
|
+
"aria-label": (0, import_i18n44.__)("Transform", "elementor")
|
|
6394
6395
|
},
|
|
6395
|
-
/* @__PURE__ */ React96.createElement(import_ui81.Tab, { label: (0,
|
|
6396
|
-
/* @__PURE__ */ React96.createElement(import_ui81.Tab, { label: (0,
|
|
6397
|
-
/* @__PURE__ */ React96.createElement(import_ui81.Tab, { label: (0,
|
|
6398
|
-
/* @__PURE__ */ React96.createElement(import_ui81.Tab, { label: (0,
|
|
6396
|
+
/* @__PURE__ */ React96.createElement(import_ui81.Tab, { label: (0, import_i18n44.__)("Move", "elementor"), ...getTabProps(TransformFunctionKeys.move) }),
|
|
6397
|
+
/* @__PURE__ */ React96.createElement(import_ui81.Tab, { label: (0, import_i18n44.__)("Scale", "elementor"), ...getTabProps(TransformFunctionKeys.scale) }),
|
|
6398
|
+
/* @__PURE__ */ React96.createElement(import_ui81.Tab, { label: (0, import_i18n44.__)("Rotate", "elementor"), ...getTabProps(TransformFunctionKeys.rotate) }),
|
|
6399
|
+
/* @__PURE__ */ React96.createElement(import_ui81.Tab, { label: (0, import_i18n44.__)("Skew", "elementor"), ...getTabProps(TransformFunctionKeys.skew) })
|
|
6399
6400
|
)), /* @__PURE__ */ React96.createElement(import_ui81.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.move) }, /* @__PURE__ */ React96.createElement(Move, null)), /* @__PURE__ */ React96.createElement(import_ui81.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.scale) }, /* @__PURE__ */ React96.createElement(Scale, null)), /* @__PURE__ */ React96.createElement(import_ui81.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.rotate) }, /* @__PURE__ */ React96.createElement(Rotate, null)), /* @__PURE__ */ React96.createElement(import_ui81.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.skew) }, /* @__PURE__ */ React96.createElement(Skew, null))));
|
|
6400
6401
|
};
|
|
6401
6402
|
|
|
@@ -6420,7 +6421,7 @@ var TransformIcon = ({ value }) => {
|
|
|
6420
6421
|
// src/controls/transform-control/transform-label.tsx
|
|
6421
6422
|
var React98 = __toESM(require("react"));
|
|
6422
6423
|
var import_ui82 = require("@elementor/ui");
|
|
6423
|
-
var
|
|
6424
|
+
var import_i18n45 = require("@wordpress/i18n");
|
|
6424
6425
|
var orderedAxis = ["x", "y", "z"];
|
|
6425
6426
|
var formatLabel = (value, functionType) => {
|
|
6426
6427
|
return orderedAxis.map((axisKey) => {
|
|
@@ -6438,13 +6439,13 @@ var TransformLabel = (props) => {
|
|
|
6438
6439
|
const { $$type, value } = props.value;
|
|
6439
6440
|
switch ($$type) {
|
|
6440
6441
|
case TransformFunctionKeys.move:
|
|
6441
|
-
return /* @__PURE__ */ React98.createElement(Label2, { label: (0,
|
|
6442
|
+
return /* @__PURE__ */ React98.createElement(Label2, { label: (0, import_i18n45.__)("Move", "elementor"), value: formatLabel(value, "move") });
|
|
6442
6443
|
case TransformFunctionKeys.scale:
|
|
6443
|
-
return /* @__PURE__ */ React98.createElement(Label2, { label: (0,
|
|
6444
|
+
return /* @__PURE__ */ React98.createElement(Label2, { label: (0, import_i18n45.__)("Scale", "elementor"), value: formatLabel(value, "scale") });
|
|
6444
6445
|
case TransformFunctionKeys.rotate:
|
|
6445
|
-
return /* @__PURE__ */ React98.createElement(Label2, { label: (0,
|
|
6446
|
+
return /* @__PURE__ */ React98.createElement(Label2, { label: (0, import_i18n45.__)("Rotate", "elementor"), value: formatLabel(value, "rotate") });
|
|
6446
6447
|
case TransformFunctionKeys.skew:
|
|
6447
|
-
return /* @__PURE__ */ React98.createElement(Label2, { label: (0,
|
|
6448
|
+
return /* @__PURE__ */ React98.createElement(Label2, { label: (0, import_i18n45.__)("Skew", "elementor"), value: formatLabel(value, "skew") });
|
|
6448
6449
|
default:
|
|
6449
6450
|
return "";
|
|
6450
6451
|
}
|
|
@@ -6458,34 +6459,34 @@ var React101 = __toESM(require("react"));
|
|
|
6458
6459
|
var import_editor_ui13 = require("@elementor/editor-ui");
|
|
6459
6460
|
var import_icons32 = require("@elementor/icons");
|
|
6460
6461
|
var import_ui85 = require("@elementor/ui");
|
|
6461
|
-
var
|
|
6462
|
+
var import_i18n48 = require("@wordpress/i18n");
|
|
6462
6463
|
|
|
6463
6464
|
// src/controls/transform-control/transform-base-controls/children-perspective-control.tsx
|
|
6464
6465
|
var React99 = __toESM(require("react"));
|
|
6465
6466
|
var import_react57 = require("react");
|
|
6466
6467
|
var import_editor_props48 = require("@elementor/editor-props");
|
|
6467
6468
|
var import_ui83 = require("@elementor/ui");
|
|
6468
|
-
var
|
|
6469
|
+
var import_i18n46 = require("@wordpress/i18n");
|
|
6469
6470
|
var ORIGIN_UNITS = ["px", "%", "em", "rem"];
|
|
6470
6471
|
var PERSPECTIVE_CONTROL_FIELD = {
|
|
6471
|
-
label: (0,
|
|
6472
|
+
label: (0, import_i18n46.__)("Perspective", "elementor"),
|
|
6472
6473
|
bind: "perspective",
|
|
6473
6474
|
units: ["px", "em", "rem", "vw", "vh"]
|
|
6474
6475
|
};
|
|
6475
6476
|
var CHILDREN_PERSPECTIVE_FIELDS = [
|
|
6476
6477
|
{
|
|
6477
|
-
label: (0,
|
|
6478
|
+
label: (0, import_i18n46.__)("Origin X", "elementor"),
|
|
6478
6479
|
bind: "x",
|
|
6479
6480
|
units: ORIGIN_UNITS
|
|
6480
6481
|
},
|
|
6481
6482
|
{
|
|
6482
|
-
label: (0,
|
|
6483
|
+
label: (0, import_i18n46.__)("Origin Y", "elementor"),
|
|
6483
6484
|
bind: "y",
|
|
6484
6485
|
units: ORIGIN_UNITS
|
|
6485
6486
|
}
|
|
6486
6487
|
];
|
|
6487
6488
|
var ChildrenPerspectiveControl = () => {
|
|
6488
|
-
return /* @__PURE__ */ React99.createElement(import_ui83.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React99.createElement(ControlFormLabel, null, (0,
|
|
6489
|
+
return /* @__PURE__ */ React99.createElement(import_ui83.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React99.createElement(ControlFormLabel, null, (0, import_i18n46.__)("Children perspective", "elementor")), /* @__PURE__ */ React99.createElement(PerspectiveControl, null), /* @__PURE__ */ React99.createElement(PerspectiveOriginControl, null));
|
|
6489
6490
|
};
|
|
6490
6491
|
var PerspectiveControl = () => /* @__PURE__ */ React99.createElement(PropKeyProvider, { bind: "perspective" }, /* @__PURE__ */ React99.createElement(ControlFields, { control: PERSPECTIVE_CONTROL_FIELD, key: PERSPECTIVE_CONTROL_FIELD.bind }));
|
|
6491
6492
|
var PerspectiveOriginControl = () => /* @__PURE__ */ React99.createElement(PropKeyProvider, { bind: "perspective-origin" }, /* @__PURE__ */ React99.createElement(PerspectiveOriginControlProvider, null));
|
|
@@ -6503,28 +6504,28 @@ var React100 = __toESM(require("react"));
|
|
|
6503
6504
|
var import_react58 = require("react");
|
|
6504
6505
|
var import_editor_props49 = require("@elementor/editor-props");
|
|
6505
6506
|
var import_ui84 = require("@elementor/ui");
|
|
6506
|
-
var
|
|
6507
|
+
var import_i18n47 = require("@wordpress/i18n");
|
|
6507
6508
|
var TRANSFORM_ORIGIN_UNITS = ["px", "%", "em", "rem"];
|
|
6508
6509
|
var TRANSFORM_ORIGIN_UNITS_Z_AXIS = TRANSFORM_ORIGIN_UNITS.filter((unit) => unit !== "%");
|
|
6509
6510
|
var TRANSFORM_ORIGIN_FIELDS = [
|
|
6510
6511
|
{
|
|
6511
|
-
label: (0,
|
|
6512
|
+
label: (0, import_i18n47.__)("Origin X", "elementor"),
|
|
6512
6513
|
bind: "x",
|
|
6513
6514
|
units: TRANSFORM_ORIGIN_UNITS
|
|
6514
6515
|
},
|
|
6515
6516
|
{
|
|
6516
|
-
label: (0,
|
|
6517
|
+
label: (0, import_i18n47.__)("Origin Y", "elementor"),
|
|
6517
6518
|
bind: "y",
|
|
6518
6519
|
units: TRANSFORM_ORIGIN_UNITS
|
|
6519
6520
|
},
|
|
6520
6521
|
{
|
|
6521
|
-
label: (0,
|
|
6522
|
+
label: (0, import_i18n47.__)("Origin Z", "elementor"),
|
|
6522
6523
|
bind: "z",
|
|
6523
6524
|
units: TRANSFORM_ORIGIN_UNITS_Z_AXIS
|
|
6524
6525
|
}
|
|
6525
6526
|
];
|
|
6526
6527
|
var TransformOriginControl = () => {
|
|
6527
|
-
return /* @__PURE__ */ React100.createElement(import_ui84.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React100.createElement(ControlFormLabel, null, (0,
|
|
6528
|
+
return /* @__PURE__ */ React100.createElement(import_ui84.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React100.createElement(ControlFormLabel, null, (0, import_i18n47.__)("Transform", "elementor")), TRANSFORM_ORIGIN_FIELDS.map((control) => /* @__PURE__ */ React100.createElement(ControlFields2, { control, key: control.bind })));
|
|
6528
6529
|
};
|
|
6529
6530
|
var ControlFields2 = ({ control }) => {
|
|
6530
6531
|
const context = useBoundProp(import_editor_props49.transformOriginPropTypeUtil);
|
|
@@ -6561,7 +6562,7 @@ var TransformSettingsControl = ({
|
|
|
6561
6562
|
/* @__PURE__ */ React101.createElement(
|
|
6562
6563
|
import_editor_ui13.PopoverHeader,
|
|
6563
6564
|
{
|
|
6564
|
-
title: (0,
|
|
6565
|
+
title: (0, import_i18n48.__)("Transform settings", "elementor"),
|
|
6565
6566
|
onClose: popupState.close,
|
|
6566
6567
|
icon: /* @__PURE__ */ React101.createElement(import_icons32.AdjustmentsIcon, { fontSize: SIZE9 })
|
|
6567
6568
|
}
|
|
@@ -6596,7 +6597,7 @@ var ToolTip = /* @__PURE__ */ React102.createElement(
|
|
|
6596
6597
|
sx: { display: "flex", gap: 0.5, p: 2, width: 320, borderRadius: 1 }
|
|
6597
6598
|
},
|
|
6598
6599
|
/* @__PURE__ */ React102.createElement(import_icons33.InfoCircleFilledIcon, { sx: { color: "secondary.main" } }),
|
|
6599
|
-
/* @__PURE__ */ React102.createElement(import_ui86.Typography, { variant: "body2", color: "text.secondary", fontSize: "14px" }, (0,
|
|
6600
|
+
/* @__PURE__ */ React102.createElement(import_ui86.Typography, { variant: "body2", color: "text.secondary", fontSize: "14px" }, (0, import_i18n49.__)("You can use each kind of transform only once per element.", "elementor"))
|
|
6600
6601
|
);
|
|
6601
6602
|
var Repeater2 = ({
|
|
6602
6603
|
headerRef,
|
|
@@ -6619,7 +6620,7 @@ var Repeater2 = ({
|
|
|
6619
6620
|
/* @__PURE__ */ React102.createElement(
|
|
6620
6621
|
RepeaterHeader,
|
|
6621
6622
|
{
|
|
6622
|
-
label: (0,
|
|
6623
|
+
label: (0, import_i18n49.__)("Transform", "elementor"),
|
|
6623
6624
|
adornment: () => /* @__PURE__ */ React102.createElement(ControlAdornments, { customContext: { path: ["transform"], propType } }),
|
|
6624
6625
|
ref: headerRef
|
|
6625
6626
|
},
|
|
@@ -6650,7 +6651,7 @@ var TransformBasePopoverTrigger = ({
|
|
|
6650
6651
|
repeaterBindKey
|
|
6651
6652
|
}) => {
|
|
6652
6653
|
const { bind } = useBoundProp();
|
|
6653
|
-
const titleLabel = (0,
|
|
6654
|
+
const titleLabel = (0, import_i18n49.__)("Transform settings", "elementor");
|
|
6654
6655
|
return bind !== repeaterBindKey ? null : /* @__PURE__ */ React102.createElement(import_ui86.Tooltip, { title: titleLabel, placement: "top" }, /* @__PURE__ */ React102.createElement(import_ui86.IconButton, { size: SIZE10, "aria-label": titleLabel, ...(0, import_ui86.bindTrigger)(popupState) }, /* @__PURE__ */ React102.createElement(import_icons33.AdjustmentsIcon, { fontSize: SIZE10 })));
|
|
6655
6656
|
};
|
|
6656
6657
|
|
|
@@ -6661,7 +6662,7 @@ var import_editor_props53 = require("@elementor/editor-props");
|
|
|
6661
6662
|
var import_icons35 = require("@elementor/icons");
|
|
6662
6663
|
var import_ui89 = require("@elementor/ui");
|
|
6663
6664
|
var import_utils7 = require("@elementor/utils");
|
|
6664
|
-
var
|
|
6665
|
+
var import_i18n52 = require("@wordpress/i18n");
|
|
6665
6666
|
|
|
6666
6667
|
// src/controls/selection-size-control.tsx
|
|
6667
6668
|
var React103 = __toESM(require("react"));
|
|
@@ -6699,12 +6700,12 @@ var SelectionSizeControl = createControl(
|
|
|
6699
6700
|
|
|
6700
6701
|
// src/controls/transition-control/data.ts
|
|
6701
6702
|
var import_utils6 = require("@elementor/utils");
|
|
6702
|
-
var
|
|
6703
|
+
var import_i18n50 = require("@wordpress/i18n");
|
|
6703
6704
|
var initialTransitionValue = {
|
|
6704
6705
|
selection: {
|
|
6705
6706
|
$$type: "key-value",
|
|
6706
6707
|
value: {
|
|
6707
|
-
key: { value: (0,
|
|
6708
|
+
key: { value: (0, import_i18n50.__)("All properties", "elementor"), $$type: "string" },
|
|
6708
6709
|
value: { value: "all", $$type: "string" }
|
|
6709
6710
|
}
|
|
6710
6711
|
},
|
|
@@ -6728,128 +6729,128 @@ var createTransitionPropertiesList = () => {
|
|
|
6728
6729
|
const isSiteRtl = getIsSiteRtl();
|
|
6729
6730
|
const baseProperties = [
|
|
6730
6731
|
{
|
|
6731
|
-
label: (0,
|
|
6732
|
+
label: (0, import_i18n50.__)("Default", "elementor"),
|
|
6732
6733
|
type: "category",
|
|
6733
|
-
properties: [{ label: (0,
|
|
6734
|
+
properties: [{ label: (0, import_i18n50.__)("All properties", "elementor"), value: "all" }]
|
|
6734
6735
|
},
|
|
6735
6736
|
{
|
|
6736
|
-
label: (0,
|
|
6737
|
+
label: (0, import_i18n50.__)("Margin", "elementor"),
|
|
6737
6738
|
type: "category",
|
|
6738
6739
|
properties: [
|
|
6739
|
-
{ label: (0,
|
|
6740
|
-
{ label: (0,
|
|
6740
|
+
{ label: (0, import_i18n50.__)("Margin (all)", "elementor"), value: "margin", isDisabled: true },
|
|
6741
|
+
{ label: (0, import_i18n50.__)("Margin bottom", "elementor"), value: "margin-block-end", isDisabled: true },
|
|
6741
6742
|
{
|
|
6742
|
-
label: isSiteRtl ? (0,
|
|
6743
|
+
label: isSiteRtl ? (0, import_i18n50.__)("Margin right", "elementor") : (0, import_i18n50.__)("Margin left", "elementor"),
|
|
6743
6744
|
value: "margin-inline-start",
|
|
6744
6745
|
isDisabled: true
|
|
6745
6746
|
},
|
|
6746
6747
|
{
|
|
6747
|
-
label: isSiteRtl ? (0,
|
|
6748
|
+
label: isSiteRtl ? (0, import_i18n50.__)("Margin left", "elementor") : (0, import_i18n50.__)("Margin right", "elementor"),
|
|
6748
6749
|
value: "margin-inline-end",
|
|
6749
6750
|
isDisabled: true
|
|
6750
6751
|
},
|
|
6751
|
-
{ label: (0,
|
|
6752
|
+
{ label: (0, import_i18n50.__)("Margin top", "elementor"), value: "margin-block-start", isDisabled: true }
|
|
6752
6753
|
]
|
|
6753
6754
|
},
|
|
6754
6755
|
{
|
|
6755
|
-
label: (0,
|
|
6756
|
+
label: (0, import_i18n50.__)("Padding", "elementor"),
|
|
6756
6757
|
type: "category",
|
|
6757
6758
|
properties: [
|
|
6758
|
-
{ label: (0,
|
|
6759
|
-
{ label: (0,
|
|
6759
|
+
{ label: (0, import_i18n50.__)("Padding (all)", "elementor"), value: "padding", isDisabled: true },
|
|
6760
|
+
{ label: (0, import_i18n50.__)("Padding bottom", "elementor"), value: "padding-block-end", isDisabled: true },
|
|
6760
6761
|
{
|
|
6761
|
-
label: isSiteRtl ? (0,
|
|
6762
|
+
label: isSiteRtl ? (0, import_i18n50.__)("Padding right", "elementor") : (0, import_i18n50.__)("Padding left", "elementor"),
|
|
6762
6763
|
value: "padding-inline-start",
|
|
6763
6764
|
isDisabled: true
|
|
6764
6765
|
},
|
|
6765
6766
|
{
|
|
6766
|
-
label: isSiteRtl ? (0,
|
|
6767
|
+
label: isSiteRtl ? (0, import_i18n50.__)("Padding left", "elementor") : (0, import_i18n50.__)("Padding right", "elementor"),
|
|
6767
6768
|
value: "padding-inline-end",
|
|
6768
6769
|
isDisabled: true
|
|
6769
6770
|
},
|
|
6770
|
-
{ label: (0,
|
|
6771
|
+
{ label: (0, import_i18n50.__)("Padding top", "elementor"), value: "padding-block-start", isDisabled: true }
|
|
6771
6772
|
]
|
|
6772
6773
|
},
|
|
6773
6774
|
{
|
|
6774
|
-
label: (0,
|
|
6775
|
+
label: (0, import_i18n50.__)("Flex", "elementor"),
|
|
6775
6776
|
type: "category",
|
|
6776
6777
|
properties: [
|
|
6777
|
-
{ label: (0,
|
|
6778
|
-
{ label: (0,
|
|
6779
|
-
{ label: (0,
|
|
6780
|
-
{ label: (0,
|
|
6778
|
+
{ label: (0, import_i18n50.__)("Flex (all)", "elementor"), value: "flex", isDisabled: true },
|
|
6779
|
+
{ label: (0, import_i18n50.__)("Flex grow", "elementor"), value: "flex-grow", isDisabled: true },
|
|
6780
|
+
{ label: (0, import_i18n50.__)("Flex shrink", "elementor"), value: "flex-shrink", isDisabled: true },
|
|
6781
|
+
{ label: (0, import_i18n50.__)("Flex basis", "elementor"), value: "flex-basis", isDisabled: true }
|
|
6781
6782
|
]
|
|
6782
6783
|
},
|
|
6783
6784
|
{
|
|
6784
|
-
label: (0,
|
|
6785
|
+
label: (0, import_i18n50.__)("Size", "elementor"),
|
|
6785
6786
|
type: "category",
|
|
6786
6787
|
properties: [
|
|
6787
|
-
{ label: (0,
|
|
6788
|
-
{ label: (0,
|
|
6789
|
-
{ label: (0,
|
|
6790
|
-
{ label: (0,
|
|
6791
|
-
{ label: (0,
|
|
6792
|
-
{ label: (0,
|
|
6788
|
+
{ label: (0, import_i18n50.__)("Width", "elementor"), value: "width", isDisabled: true },
|
|
6789
|
+
{ label: (0, import_i18n50.__)("Height", "elementor"), value: "height", isDisabled: true },
|
|
6790
|
+
{ label: (0, import_i18n50.__)("Max height", "elementor"), value: "max-height", isDisabled: true },
|
|
6791
|
+
{ label: (0, import_i18n50.__)("Max width", "elementor"), value: "max-width", isDisabled: true },
|
|
6792
|
+
{ label: (0, import_i18n50.__)("Min height", "elementor"), value: "min-height", isDisabled: true },
|
|
6793
|
+
{ label: (0, import_i18n50.__)("Min width", "elementor"), value: "min-width", isDisabled: true }
|
|
6793
6794
|
]
|
|
6794
6795
|
},
|
|
6795
6796
|
{
|
|
6796
|
-
label: (0,
|
|
6797
|
+
label: (0, import_i18n50.__)("Position", "elementor"),
|
|
6797
6798
|
type: "category",
|
|
6798
6799
|
properties: [
|
|
6799
|
-
{ label: (0,
|
|
6800
|
+
{ label: (0, import_i18n50.__)("Top", "elementor"), value: "inset-block-start", isDisabled: true },
|
|
6800
6801
|
{
|
|
6801
|
-
label: isSiteRtl ? (0,
|
|
6802
|
+
label: isSiteRtl ? (0, import_i18n50.__)("Right", "elementor") : (0, import_i18n50.__)("Left", "elementor"),
|
|
6802
6803
|
value: "inset-inline-start",
|
|
6803
6804
|
isDisabled: true
|
|
6804
6805
|
},
|
|
6805
6806
|
{
|
|
6806
|
-
label: isSiteRtl ? (0,
|
|
6807
|
+
label: isSiteRtl ? (0, import_i18n50.__)("Left", "elementor") : (0, import_i18n50.__)("Right", "elementor"),
|
|
6807
6808
|
value: "inset-inline-end",
|
|
6808
6809
|
isDisabled: true
|
|
6809
6810
|
},
|
|
6810
|
-
{ label: (0,
|
|
6811
|
-
{ label: (0,
|
|
6811
|
+
{ label: (0, import_i18n50.__)("Bottom", "elementor"), value: "inset-block-end", isDisabled: true },
|
|
6812
|
+
{ label: (0, import_i18n50.__)("Z-index", "elementor"), value: "z-index", isDisabled: true }
|
|
6812
6813
|
]
|
|
6813
6814
|
},
|
|
6814
6815
|
{
|
|
6815
|
-
label: (0,
|
|
6816
|
+
label: (0, import_i18n50.__)("Typography", "elementor"),
|
|
6816
6817
|
type: "category",
|
|
6817
6818
|
properties: [
|
|
6818
|
-
{ label: (0,
|
|
6819
|
-
{ label: (0,
|
|
6820
|
-
{ label: (0,
|
|
6821
|
-
{ label: (0,
|
|
6822
|
-
{ label: (0,
|
|
6823
|
-
{ label: (0,
|
|
6824
|
-
{ label: (0,
|
|
6819
|
+
{ label: (0, import_i18n50.__)("Font color", "elementor"), value: "color", isDisabled: true },
|
|
6820
|
+
{ label: (0, import_i18n50.__)("Font size", "elementor"), value: "font-size", isDisabled: true },
|
|
6821
|
+
{ label: (0, import_i18n50.__)("Line height", "elementor"), value: "line-height", isDisabled: true },
|
|
6822
|
+
{ label: (0, import_i18n50.__)("Letter spacing", "elementor"), value: "letter-spacing", isDisabled: true },
|
|
6823
|
+
{ label: (0, import_i18n50.__)("Word spacing", "elementor"), value: "word-spacing", isDisabled: true },
|
|
6824
|
+
{ label: (0, import_i18n50.__)("Font variations", "elementor"), value: "font-variation-settings", isDisabled: true },
|
|
6825
|
+
{ label: (0, import_i18n50.__)("Text stroke color", "elementor"), value: "-webkit-text-stroke-color", isDisabled: true }
|
|
6825
6826
|
]
|
|
6826
6827
|
},
|
|
6827
6828
|
{
|
|
6828
|
-
label: (0,
|
|
6829
|
+
label: (0, import_i18n50.__)("Background", "elementor"),
|
|
6829
6830
|
type: "category",
|
|
6830
6831
|
properties: [
|
|
6831
|
-
{ label: (0,
|
|
6832
|
-
{ label: (0,
|
|
6833
|
-
{ label: (0,
|
|
6832
|
+
{ label: (0, import_i18n50.__)("Background color", "elementor"), value: "background-color", isDisabled: true },
|
|
6833
|
+
{ label: (0, import_i18n50.__)("Background position", "elementor"), value: "background-position", isDisabled: true },
|
|
6834
|
+
{ label: (0, import_i18n50.__)("Box shadow", "elementor"), value: "box-shadow", isDisabled: true }
|
|
6834
6835
|
]
|
|
6835
6836
|
},
|
|
6836
6837
|
{
|
|
6837
|
-
label: (0,
|
|
6838
|
+
label: (0, import_i18n50.__)("Border", "elementor"),
|
|
6838
6839
|
type: "category",
|
|
6839
6840
|
properties: [
|
|
6840
|
-
{ label: (0,
|
|
6841
|
-
{ label: (0,
|
|
6842
|
-
{ label: (0,
|
|
6843
|
-
{ label: (0,
|
|
6841
|
+
{ label: (0, import_i18n50.__)("Border (all)", "elementor"), value: "border", isDisabled: true },
|
|
6842
|
+
{ label: (0, import_i18n50.__)("Border radius", "elementor"), value: "border-radius", isDisabled: true },
|
|
6843
|
+
{ label: (0, import_i18n50.__)("Border color", "elementor"), value: "border-color", isDisabled: true },
|
|
6844
|
+
{ label: (0, import_i18n50.__)("Border width", "elementor"), value: "border-width", isDisabled: true }
|
|
6844
6845
|
]
|
|
6845
6846
|
},
|
|
6846
6847
|
{
|
|
6847
|
-
label: (0,
|
|
6848
|
+
label: (0, import_i18n50.__)("Effects", "elementor"),
|
|
6848
6849
|
type: "category",
|
|
6849
6850
|
properties: [
|
|
6850
|
-
{ label: (0,
|
|
6851
|
-
{ label: (0,
|
|
6852
|
-
{ label: (0,
|
|
6851
|
+
{ label: (0, import_i18n50.__)("Opacity", "elementor"), value: "opacity", isDisabled: true },
|
|
6852
|
+
{ label: (0, import_i18n50.__)("Transform (all)", "elementor"), value: "transform", isDisabled: true },
|
|
6853
|
+
{ label: (0, import_i18n50.__)("Filter (all)", "elementor"), value: "filter", isDisabled: true }
|
|
6853
6854
|
]
|
|
6854
6855
|
}
|
|
6855
6856
|
];
|
|
@@ -6891,7 +6892,7 @@ var import_editor_props52 = require("@elementor/editor-props");
|
|
|
6891
6892
|
var import_editor_ui14 = require("@elementor/editor-ui");
|
|
6892
6893
|
var import_icons34 = require("@elementor/icons");
|
|
6893
6894
|
var import_ui88 = require("@elementor/ui");
|
|
6894
|
-
var
|
|
6895
|
+
var import_i18n51 = require("@wordpress/i18n");
|
|
6895
6896
|
|
|
6896
6897
|
// src/utils/tracking.ts
|
|
6897
6898
|
var import_editor_elements5 = require("@elementor/editor-elements");
|
|
@@ -6995,7 +6996,7 @@ var TransitionSelector = ({
|
|
|
6995
6996
|
return [
|
|
6996
6997
|
first,
|
|
6997
6998
|
{
|
|
6998
|
-
label: (0,
|
|
6999
|
+
label: (0, import_i18n51.__)("Recently Used", "elementor"),
|
|
6999
7000
|
items: recentItems
|
|
7000
7001
|
},
|
|
7001
7002
|
...rest
|
|
@@ -7047,7 +7048,7 @@ var TransitionSelector = ({
|
|
|
7047
7048
|
onItemChange: handleTransitionPropertyChange,
|
|
7048
7049
|
onClose: popoverState.close,
|
|
7049
7050
|
sectionWidth: 268,
|
|
7050
|
-
title: (0,
|
|
7051
|
+
title: (0, import_i18n51.__)("Transition Property", "elementor"),
|
|
7051
7052
|
icon: import_icons34.VariationsIcon,
|
|
7052
7053
|
disabledItems: includeCurrentValueInOptions(value, disabledItems),
|
|
7053
7054
|
categoryItemContentTemplate: (item) => /* @__PURE__ */ React104.createElement(
|
|
@@ -7066,7 +7067,7 @@ var TransitionSelector = ({
|
|
|
7066
7067
|
footer: showPromotion ? /* @__PURE__ */ React104.createElement(
|
|
7067
7068
|
import_editor_ui14.PromotionAlert,
|
|
7068
7069
|
{
|
|
7069
|
-
message: (0,
|
|
7070
|
+
message: (0, import_i18n51.__)(
|
|
7070
7071
|
"Upgrade to customize transition properties and control effects.",
|
|
7071
7072
|
"elementor"
|
|
7072
7073
|
),
|
|
@@ -7105,8 +7106,8 @@ var areAllPropertiesUsed = (value = []) => {
|
|
|
7105
7106
|
};
|
|
7106
7107
|
var getSelectionSizeProps = (recentlyUsedList, disabledItems, showPromotion) => {
|
|
7107
7108
|
return {
|
|
7108
|
-
selectionLabel: (0,
|
|
7109
|
-
sizeLabel: (0,
|
|
7109
|
+
selectionLabel: (0, import_i18n52.__)("Type", "elementor"),
|
|
7110
|
+
sizeLabel: (0, import_i18n52.__)("Duration", "elementor"),
|
|
7110
7111
|
selectionConfig: {
|
|
7111
7112
|
component: TransitionSelector,
|
|
7112
7113
|
props: {
|
|
@@ -7192,8 +7193,8 @@ var disableAddItemTooltipContent = /* @__PURE__ */ React105.createElement(
|
|
|
7192
7193
|
color: "secondary",
|
|
7193
7194
|
icon: /* @__PURE__ */ React105.createElement(import_icons35.InfoCircleFilledIcon, null)
|
|
7194
7195
|
},
|
|
7195
|
-
/* @__PURE__ */ React105.createElement(import_ui89.AlertTitle, null, (0,
|
|
7196
|
-
/* @__PURE__ */ React105.createElement(import_ui89.Box, { component: "span" }, /* @__PURE__ */ React105.createElement(import_ui89.Typography, { variant: "body2" }, (0,
|
|
7196
|
+
/* @__PURE__ */ React105.createElement(import_ui89.AlertTitle, null, (0, import_i18n52.__)("Transitions", "elementor")),
|
|
7197
|
+
/* @__PURE__ */ React105.createElement(import_ui89.Box, { component: "span" }, /* @__PURE__ */ React105.createElement(import_ui89.Typography, { variant: "body2" }, (0, import_i18n52.__)("Switch to 'Normal' state to add a transition.", "elementor")))
|
|
7197
7198
|
);
|
|
7198
7199
|
var TransitionRepeaterControl = createControl(
|
|
7199
7200
|
({
|
|
@@ -7239,10 +7240,10 @@ var TransitionRepeaterControl = createControl(
|
|
|
7239
7240
|
return /* @__PURE__ */ React105.createElement(
|
|
7240
7241
|
RepeatableControl,
|
|
7241
7242
|
{
|
|
7242
|
-
label: (0,
|
|
7243
|
-
repeaterLabel: (0,
|
|
7243
|
+
label: (0, import_i18n52.__)("Transitions", "elementor"),
|
|
7244
|
+
repeaterLabel: (0, import_i18n52.__)("Transitions", "elementor"),
|
|
7244
7245
|
patternLabel: "${value.selection.value.key.value}: ${value.size.value.size}${value.size.value.unit}",
|
|
7245
|
-
placeholder: (0,
|
|
7246
|
+
placeholder: (0, import_i18n52.__)("Empty Transition", "elementor"),
|
|
7246
7247
|
showDuplicate: false,
|
|
7247
7248
|
showToggle: true,
|
|
7248
7249
|
initialValues: getInitialValue(value),
|
|
@@ -7604,7 +7605,7 @@ var import_editor_props58 = require("@elementor/editor-props");
|
|
|
7604
7605
|
var import_editor_ui15 = require("@elementor/editor-ui");
|
|
7605
7606
|
var import_ui93 = require("@elementor/ui");
|
|
7606
7607
|
var import_utils9 = require("@elementor/utils");
|
|
7607
|
-
var
|
|
7608
|
+
var import_i18n53 = require("@wordpress/i18n");
|
|
7608
7609
|
|
|
7609
7610
|
// src/hooks/use-form-field-suggestions.ts
|
|
7610
7611
|
var import_editor_elements6 = require("@elementor/editor-elements");
|
|
@@ -7649,13 +7650,13 @@ function useFormFieldSuggestions() {
|
|
|
7649
7650
|
|
|
7650
7651
|
// src/controls/email-form-action-control.tsx
|
|
7651
7652
|
var EmailField = ({ bind, label, placeholder }) => /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind }, /* @__PURE__ */ React109.createElement(import_ui93.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(import_ui93.Grid, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, label)), /* @__PURE__ */ React109.createElement(import_ui93.Grid, { item: true }, /* @__PURE__ */ React109.createElement(TextControl, { placeholder }))));
|
|
7652
|
-
var SendToField = ({ placeholder }) => /* @__PURE__ */ React109.createElement(EmailField, { bind: "to", label: (0,
|
|
7653
|
+
var SendToField = ({ placeholder }) => /* @__PURE__ */ React109.createElement(EmailField, { bind: "to", label: (0, import_i18n53.__)("Send to", "elementor"), placeholder });
|
|
7653
7654
|
var SubjectField = () => /* @__PURE__ */ React109.createElement(
|
|
7654
7655
|
EmailField,
|
|
7655
7656
|
{
|
|
7656
7657
|
bind: "subject",
|
|
7657
|
-
label: (0,
|
|
7658
|
-
placeholder: (0,
|
|
7658
|
+
label: (0, import_i18n53.__)("Email subject", "elementor"),
|
|
7659
|
+
placeholder: (0, import_i18n53.__)("New form submission", "elementor")
|
|
7659
7660
|
}
|
|
7660
7661
|
);
|
|
7661
7662
|
var MIN_PRO_VERSION_FOR_MENTIONS = "4.1.0";
|
|
@@ -7671,55 +7672,55 @@ var shouldShowMentionsInfo = () => {
|
|
|
7671
7672
|
};
|
|
7672
7673
|
var MessageField = () => {
|
|
7673
7674
|
const suggestions = useFormFieldSuggestions();
|
|
7674
|
-
return /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React109.createElement(import_ui93.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(import_ui93.Grid, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, (0,
|
|
7675
|
+
return /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "message" }, /* @__PURE__ */ React109.createElement(import_ui93.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(import_ui93.Grid, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, (0, import_i18n53.__)("Message", "elementor"))), /* @__PURE__ */ React109.createElement(import_ui93.Grid, { item: true }, /* @__PURE__ */ React109.createElement(MentionTextAreaControl, { suggestions })), /* @__PURE__ */ React109.createElement(import_ui93.Grid, { item: true }, /* @__PURE__ */ React109.createElement(import_editor_ui15.InfoAlert, null, shouldShowMentionsInfo() ? (0, import_i18n53.__)(
|
|
7675
7676
|
"[all-fields] shortcode sends all fields. Type @ to insert specific fields and customize your message.",
|
|
7676
7677
|
"elementor"
|
|
7677
|
-
) : (0,
|
|
7678
|
+
) : (0, import_i18n53.__)("[all-fields] shortcode sends all fields.", "elementor")))));
|
|
7678
7679
|
};
|
|
7679
7680
|
var FromEmailField = () => /* @__PURE__ */ React109.createElement(
|
|
7680
7681
|
EmailField,
|
|
7681
7682
|
{
|
|
7682
7683
|
bind: "from",
|
|
7683
|
-
label: (0,
|
|
7684
|
-
placeholder: (0,
|
|
7684
|
+
label: (0, import_i18n53.__)("From email", "elementor"),
|
|
7685
|
+
placeholder: (0, import_i18n53.__)("What email should appear as the sender?", "elementor")
|
|
7685
7686
|
}
|
|
7686
7687
|
);
|
|
7687
7688
|
var FromNameField = () => /* @__PURE__ */ React109.createElement(
|
|
7688
7689
|
EmailField,
|
|
7689
7690
|
{
|
|
7690
7691
|
bind: "from-name",
|
|
7691
|
-
label: (0,
|
|
7692
|
-
placeholder: (0,
|
|
7692
|
+
label: (0, import_i18n53.__)("From name", "elementor"),
|
|
7693
|
+
placeholder: (0, import_i18n53.__)("What name should appear as the sender?", "elementor")
|
|
7693
7694
|
}
|
|
7694
7695
|
);
|
|
7695
|
-
var ReplyToField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "reply-to", label: (0,
|
|
7696
|
-
var CcField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "cc", label: (0,
|
|
7697
|
-
var BccField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "bcc", label: (0,
|
|
7698
|
-
var MetaDataField = () => /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React109.createElement(import_ui93.Stack, { gap: 0.5 }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, (0,
|
|
7696
|
+
var ReplyToField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "reply-to", label: (0, import_i18n53.__)("Reply-to", "elementor") });
|
|
7697
|
+
var CcField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "cc", label: (0, import_i18n53.__)("Cc", "elementor") });
|
|
7698
|
+
var BccField = () => /* @__PURE__ */ React109.createElement(EmailField, { bind: "bcc", label: (0, import_i18n53.__)("Bcc", "elementor") });
|
|
7699
|
+
var MetaDataField = () => /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "meta-data" }, /* @__PURE__ */ React109.createElement(import_ui93.Stack, { gap: 0.5 }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, (0, import_i18n53.__)("Metadata", "elementor")), /* @__PURE__ */ React109.createElement(
|
|
7699
7700
|
ChipsControl,
|
|
7700
7701
|
{
|
|
7701
7702
|
options: [
|
|
7702
|
-
{ label: (0,
|
|
7703
|
-
{ label: (0,
|
|
7704
|
-
{ label: (0,
|
|
7705
|
-
{ label: (0,
|
|
7706
|
-
{ label: (0,
|
|
7703
|
+
{ label: (0, import_i18n53.__)("Date", "elementor"), value: "date" },
|
|
7704
|
+
{ label: (0, import_i18n53.__)("Time", "elementor"), value: "time" },
|
|
7705
|
+
{ label: (0, import_i18n53.__)("Page URL", "elementor"), value: "page-url" },
|
|
7706
|
+
{ label: (0, import_i18n53.__)("User agent", "elementor"), value: "user-agent" },
|
|
7707
|
+
{ label: (0, import_i18n53.__)("Credit", "elementor"), value: "credit" }
|
|
7707
7708
|
]
|
|
7708
7709
|
}
|
|
7709
7710
|
)));
|
|
7710
|
-
var SendAsField = () => /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React109.createElement(import_ui93.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(import_ui93.Grid, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, (0,
|
|
7711
|
+
var SendAsField = () => /* @__PURE__ */ React109.createElement(PropKeyProvider, { bind: "send-as" }, /* @__PURE__ */ React109.createElement(import_ui93.Grid, { container: true, direction: "column", gap: 0.5 }, /* @__PURE__ */ React109.createElement(import_ui93.Grid, { item: true }, /* @__PURE__ */ React109.createElement(ControlFormLabel, null, (0, import_i18n53.__)("Send as", "elementor"))), /* @__PURE__ */ React109.createElement(import_ui93.Grid, { item: true }, /* @__PURE__ */ React109.createElement(
|
|
7711
7712
|
SelectControl,
|
|
7712
7713
|
{
|
|
7713
7714
|
options: [
|
|
7714
|
-
{ label: (0,
|
|
7715
|
-
{ label: (0,
|
|
7715
|
+
{ label: (0, import_i18n53.__)("HTML", "elementor"), value: "html" },
|
|
7716
|
+
{ label: (0, import_i18n53.__)("Plain Text", "elementor"), value: "plain" }
|
|
7716
7717
|
]
|
|
7717
7718
|
}
|
|
7718
7719
|
))));
|
|
7719
7720
|
var AdvancedSettings = () => /* @__PURE__ */ React109.createElement(import_editor_ui15.CollapsibleContent, { defaultOpen: false }, /* @__PURE__ */ React109.createElement(import_ui93.Box, { sx: { pt: 2 } }, /* @__PURE__ */ React109.createElement(import_ui93.Stack, { gap: 2 }, /* @__PURE__ */ React109.createElement(FromNameField, null), /* @__PURE__ */ React109.createElement(ReplyToField, null), /* @__PURE__ */ React109.createElement(CcField, null), /* @__PURE__ */ React109.createElement(BccField, null), /* @__PURE__ */ React109.createElement(import_ui93.Divider, null), /* @__PURE__ */ React109.createElement(MetaDataField, null), /* @__PURE__ */ React109.createElement(SendAsField, null))));
|
|
7720
7721
|
var EmailFormActionControl = createControl(({ toPlaceholder }) => {
|
|
7721
7722
|
const { value, setValue, ...propContext } = useBoundProp(import_editor_props58.emailPropTypeUtil);
|
|
7722
|
-
return /* @__PURE__ */ React109.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React109.createElement(import_ui93.Stack, { gap: 2 }, /* @__PURE__ */ React109.createElement(ControlLabel, null, (0,
|
|
7723
|
+
return /* @__PURE__ */ React109.createElement(PropProvider, { ...propContext, value, setValue }, /* @__PURE__ */ React109.createElement(import_ui93.Stack, { gap: 2 }, /* @__PURE__ */ React109.createElement(ControlLabel, null, (0, import_i18n53.__)("Email settings", "elementor")), /* @__PURE__ */ React109.createElement(SendToField, { placeholder: toPlaceholder }), /* @__PURE__ */ React109.createElement(SubjectField, null), /* @__PURE__ */ React109.createElement(MessageField, null), /* @__PURE__ */ React109.createElement(FromEmailField, null), /* @__PURE__ */ React109.createElement(AdvancedSettings, null)));
|
|
7723
7724
|
});
|
|
7724
7725
|
|
|
7725
7726
|
// src/components/promotions/display-conditions-control.tsx
|
|
@@ -7727,7 +7728,7 @@ var React111 = __toESM(require("react"));
|
|
|
7727
7728
|
var import_react67 = require("react");
|
|
7728
7729
|
var import_icons36 = require("@elementor/icons");
|
|
7729
7730
|
var import_ui95 = require("@elementor/ui");
|
|
7730
|
-
var
|
|
7731
|
+
var import_i18n54 = require("@wordpress/i18n");
|
|
7731
7732
|
|
|
7732
7733
|
// src/components/promotions/promotion-trigger.tsx
|
|
7733
7734
|
var React110 = __toESM(require("react"));
|
|
@@ -7780,7 +7781,7 @@ var PromotionTrigger = (0, import_react66.forwardRef)(
|
|
|
7780
7781
|
);
|
|
7781
7782
|
|
|
7782
7783
|
// src/components/promotions/display-conditions-control.tsx
|
|
7783
|
-
var ARIA_LABEL = (0,
|
|
7784
|
+
var ARIA_LABEL = (0, import_i18n54.__)("Display Conditions", "elementor");
|
|
7784
7785
|
var TRACKING_DATA = { target_name: "display_conditions", location_l2: "general" };
|
|
7785
7786
|
var DisplayConditionsControl = createControl(() => {
|
|
7786
7787
|
const triggerRef = (0, import_react67.useRef)(null);
|
|
@@ -7818,8 +7819,8 @@ var React112 = __toESM(require("react"));
|
|
|
7818
7819
|
var import_react68 = require("react");
|
|
7819
7820
|
var import_icons37 = require("@elementor/icons");
|
|
7820
7821
|
var import_ui96 = require("@elementor/ui");
|
|
7821
|
-
var
|
|
7822
|
-
var ARIA_LABEL2 = (0,
|
|
7822
|
+
var import_i18n55 = require("@wordpress/i18n");
|
|
7823
|
+
var ARIA_LABEL2 = (0, import_i18n55.__)("Attributes", "elementor");
|
|
7823
7824
|
var TRACKING_DATA2 = { target_name: "attributes", location_l2: "general" };
|
|
7824
7825
|
var AttributesControl = createControl(() => {
|
|
7825
7826
|
const triggerRef = (0, import_react68.useRef)(null);
|
|
@@ -7862,7 +7863,7 @@ var React114 = __toESM(require("react"));
|
|
|
7862
7863
|
var import_react69 = require("react");
|
|
7863
7864
|
var import_icons39 = require("@elementor/icons");
|
|
7864
7865
|
var import_ui98 = require("@elementor/ui");
|
|
7865
|
-
var
|
|
7866
|
+
var import_i18n56 = require("@wordpress/i18n");
|
|
7866
7867
|
var SIZE11 = "tiny";
|
|
7867
7868
|
var EMPTY_OPEN_ITEM2 = -1;
|
|
7868
7869
|
var Repeater3 = ({
|
|
@@ -7952,7 +7953,7 @@ var Repeater3 = ({
|
|
|
7952
7953
|
},
|
|
7953
7954
|
disabled: isButtonDisabled,
|
|
7954
7955
|
onClick: addRepeaterItem,
|
|
7955
|
-
"aria-label": (0,
|
|
7956
|
+
"aria-label": (0, import_i18n56.__)("Add item", "elementor")
|
|
7956
7957
|
},
|
|
7957
7958
|
/* @__PURE__ */ React114.createElement(import_icons39.PlusIcon, { fontSize: SIZE11 })
|
|
7958
7959
|
);
|
|
@@ -8032,16 +8033,16 @@ var RepeaterItem = ({
|
|
|
8032
8033
|
wrappedOnPopoverClose
|
|
8033
8034
|
);
|
|
8034
8035
|
const triggerProps = (0, import_ui98.bindTrigger)(popoverState);
|
|
8035
|
-
const duplicateLabel = (0,
|
|
8036
|
-
const toggleLabel = propDisabled ? (0,
|
|
8037
|
-
const removeLabel = (0,
|
|
8036
|
+
const duplicateLabel = (0, import_i18n56.__)("Duplicate", "elementor");
|
|
8037
|
+
const toggleLabel = propDisabled ? (0, import_i18n56.__)("Show", "elementor") : (0, import_i18n56.__)("Hide", "elementor");
|
|
8038
|
+
const removeLabel = (0, import_i18n56.__)("Remove", "elementor");
|
|
8038
8039
|
return /* @__PURE__ */ React114.createElement(React114.Fragment, null, /* @__PURE__ */ React114.createElement(
|
|
8039
8040
|
RepeaterTag,
|
|
8040
8041
|
{
|
|
8041
8042
|
disabled,
|
|
8042
8043
|
label,
|
|
8043
8044
|
ref: setRef,
|
|
8044
|
-
"aria-label": (0,
|
|
8045
|
+
"aria-label": (0, import_i18n56.__)("Open item", "elementor"),
|
|
8045
8046
|
...triggerProps,
|
|
8046
8047
|
onClick: (e) => {
|
|
8047
8048
|
triggerProps.onClick(e);
|
|
@@ -8091,14 +8092,14 @@ var import_editor_elements7 = require("@elementor/editor-elements");
|
|
|
8091
8092
|
var import_icons41 = require("@elementor/icons");
|
|
8092
8093
|
var import_ui100 = require("@elementor/ui");
|
|
8093
8094
|
var import_react72 = require("@tiptap/react");
|
|
8094
|
-
var
|
|
8095
|
+
var import_i18n58 = require("@wordpress/i18n");
|
|
8095
8096
|
|
|
8096
8097
|
// src/components/url-popover.tsx
|
|
8097
8098
|
var React115 = __toESM(require("react"));
|
|
8098
8099
|
var import_react70 = require("react");
|
|
8099
8100
|
var import_icons40 = require("@elementor/icons");
|
|
8100
8101
|
var import_ui99 = require("@elementor/ui");
|
|
8101
|
-
var
|
|
8102
|
+
var import_i18n57 = require("@wordpress/i18n");
|
|
8102
8103
|
var UrlPopover = ({
|
|
8103
8104
|
popupState,
|
|
8104
8105
|
restoreValue,
|
|
@@ -8136,20 +8137,20 @@ var UrlPopover = ({
|
|
|
8136
8137
|
onChange,
|
|
8137
8138
|
size: "tiny",
|
|
8138
8139
|
fullWidth: true,
|
|
8139
|
-
placeholder: (0,
|
|
8140
|
+
placeholder: (0, import_i18n57.__)("Type a URL", "elementor"),
|
|
8140
8141
|
inputProps: { ref: inputRef },
|
|
8141
8142
|
color: "secondary",
|
|
8142
8143
|
InputProps: { sx: { borderRadius: "8px" } },
|
|
8143
8144
|
onKeyUp: (event) => event.key === "Enter" && handleClose()
|
|
8144
8145
|
}
|
|
8145
|
-
), /* @__PURE__ */ React115.createElement(import_ui99.Tooltip, { title: (0,
|
|
8146
|
+
), /* @__PURE__ */ React115.createElement(import_ui99.Tooltip, { title: (0, import_i18n57.__)("Open in a new tab", "elementor") }, /* @__PURE__ */ React115.createElement(
|
|
8146
8147
|
import_ui99.ToggleButton,
|
|
8147
8148
|
{
|
|
8148
8149
|
size: "tiny",
|
|
8149
8150
|
value: "newTab",
|
|
8150
8151
|
selected: openInNewTab,
|
|
8151
8152
|
onClick: onToggleNewTab,
|
|
8152
|
-
"aria-label": (0,
|
|
8153
|
+
"aria-label": (0, import_i18n57.__)("Open in a new tab", "elementor"),
|
|
8153
8154
|
sx: { borderRadius: "8px" }
|
|
8154
8155
|
},
|
|
8155
8156
|
/* @__PURE__ */ React115.createElement(import_icons40.ExternalLinkIcon, { fontSize: "tiny" })
|
|
@@ -8289,7 +8290,7 @@ var checkIfElementIsClickable = (elementId) => {
|
|
|
8289
8290
|
};
|
|
8290
8291
|
var toolbarButtons = {
|
|
8291
8292
|
clear: {
|
|
8292
|
-
label: (0,
|
|
8293
|
+
label: (0, import_i18n58.__)("Clear", "elementor"),
|
|
8293
8294
|
icon: /* @__PURE__ */ React116.createElement(import_icons41.MinusIcon, { fontSize: "tiny" }),
|
|
8294
8295
|
action: "clear",
|
|
8295
8296
|
method: (editor) => {
|
|
@@ -8297,7 +8298,7 @@ var toolbarButtons = {
|
|
|
8297
8298
|
}
|
|
8298
8299
|
},
|
|
8299
8300
|
bold: {
|
|
8300
|
-
label: (0,
|
|
8301
|
+
label: (0, import_i18n58.__)("Bold", "elementor"),
|
|
8301
8302
|
icon: /* @__PURE__ */ React116.createElement(import_icons41.BoldIcon, { fontSize: "tiny" }),
|
|
8302
8303
|
action: "bold",
|
|
8303
8304
|
method: (editor) => {
|
|
@@ -8305,7 +8306,7 @@ var toolbarButtons = {
|
|
|
8305
8306
|
}
|
|
8306
8307
|
},
|
|
8307
8308
|
italic: {
|
|
8308
|
-
label: (0,
|
|
8309
|
+
label: (0, import_i18n58.__)("Italic", "elementor"),
|
|
8309
8310
|
icon: /* @__PURE__ */ React116.createElement(import_icons41.ItalicIcon, { fontSize: "tiny" }),
|
|
8310
8311
|
action: "italic",
|
|
8311
8312
|
method: (editor) => {
|
|
@@ -8313,7 +8314,7 @@ var toolbarButtons = {
|
|
|
8313
8314
|
}
|
|
8314
8315
|
},
|
|
8315
8316
|
underline: {
|
|
8316
|
-
label: (0,
|
|
8317
|
+
label: (0, import_i18n58.__)("Underline", "elementor"),
|
|
8317
8318
|
icon: /* @__PURE__ */ React116.createElement(import_icons41.UnderlineIcon, { fontSize: "tiny" }),
|
|
8318
8319
|
action: "underline",
|
|
8319
8320
|
method: (editor) => {
|
|
@@ -8321,7 +8322,7 @@ var toolbarButtons = {
|
|
|
8321
8322
|
}
|
|
8322
8323
|
},
|
|
8323
8324
|
strike: {
|
|
8324
|
-
label: (0,
|
|
8325
|
+
label: (0, import_i18n58.__)("Strikethrough", "elementor"),
|
|
8325
8326
|
icon: /* @__PURE__ */ React116.createElement(import_icons41.StrikethroughIcon, { fontSize: "tiny" }),
|
|
8326
8327
|
action: "strike",
|
|
8327
8328
|
method: (editor) => {
|
|
@@ -8329,7 +8330,7 @@ var toolbarButtons = {
|
|
|
8329
8330
|
}
|
|
8330
8331
|
},
|
|
8331
8332
|
superscript: {
|
|
8332
|
-
label: (0,
|
|
8333
|
+
label: (0, import_i18n58.__)("Superscript", "elementor"),
|
|
8333
8334
|
icon: /* @__PURE__ */ React116.createElement(import_icons41.SuperscriptIcon, { fontSize: "tiny" }),
|
|
8334
8335
|
action: "superscript",
|
|
8335
8336
|
method: (editor) => {
|
|
@@ -8337,7 +8338,7 @@ var toolbarButtons = {
|
|
|
8337
8338
|
}
|
|
8338
8339
|
},
|
|
8339
8340
|
subscript: {
|
|
8340
|
-
label: (0,
|
|
8341
|
+
label: (0, import_i18n58.__)("Subscript", "elementor"),
|
|
8341
8342
|
icon: /* @__PURE__ */ React116.createElement(import_icons41.SubscriptIcon, { fontSize: "tiny" }),
|
|
8342
8343
|
action: "subscript",
|
|
8343
8344
|
method: (editor) => {
|
|
@@ -8345,7 +8346,7 @@ var toolbarButtons = {
|
|
|
8345
8346
|
}
|
|
8346
8347
|
},
|
|
8347
8348
|
link: {
|
|
8348
|
-
label: (0,
|
|
8349
|
+
label: (0, import_i18n58.__)("Link", "elementor"),
|
|
8349
8350
|
icon: /* @__PURE__ */ React116.createElement(import_icons41.LinkIcon, { fontSize: "tiny" }),
|
|
8350
8351
|
action: "link",
|
|
8351
8352
|
method: null
|