@elementor/editor-controls 3.33.0-154 → 3.33.0-156
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 +233 -220
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +169 -156
- package/dist/index.mjs.map +1 -1
- package/package.json +15 -15
- package/src/components/autocomplete.tsx +16 -0
- package/src/controls/query-control.tsx +6 -1
package/dist/index.js
CHANGED
|
@@ -3006,10 +3006,10 @@ var React62 = __toESM(require("react"));
|
|
|
3006
3006
|
var import_react30 = require("react");
|
|
3007
3007
|
var import_editor_elements2 = require("@elementor/editor-elements");
|
|
3008
3008
|
var import_editor_props24 = require("@elementor/editor-props");
|
|
3009
|
-
var
|
|
3009
|
+
var import_icons15 = require("@elementor/icons");
|
|
3010
3010
|
var import_session = require("@elementor/session");
|
|
3011
3011
|
var import_ui47 = require("@elementor/ui");
|
|
3012
|
-
var
|
|
3012
|
+
var import_i18n23 = require("@wordpress/i18n");
|
|
3013
3013
|
|
|
3014
3014
|
// src/components/restricted-link-infotip.tsx
|
|
3015
3015
|
var React58 = __toESM(require("react"));
|
|
@@ -3075,7 +3075,9 @@ var React60 = __toESM(require("react"));
|
|
|
3075
3075
|
var import_react29 = require("react");
|
|
3076
3076
|
var import_editor_props22 = require("@elementor/editor-props");
|
|
3077
3077
|
var import_http_client2 = require("@elementor/http-client");
|
|
3078
|
+
var import_icons14 = require("@elementor/icons");
|
|
3078
3079
|
var import_utils4 = require("@elementor/utils");
|
|
3080
|
+
var import_i18n22 = require("@wordpress/i18n");
|
|
3079
3081
|
|
|
3080
3082
|
// src/components/autocomplete.tsx
|
|
3081
3083
|
var React59 = __toESM(require("react"));
|
|
@@ -3091,6 +3093,7 @@ var Autocomplete = (0, import_react28.forwardRef)((props, ref) => {
|
|
|
3091
3093
|
placeholder = "",
|
|
3092
3094
|
minInputLength = 2,
|
|
3093
3095
|
value = "",
|
|
3096
|
+
startAdornment,
|
|
3094
3097
|
...restProps
|
|
3095
3098
|
} = props;
|
|
3096
3099
|
const optionKeys = factoryFilter(value, options, minInputLength).map(({ id }) => id);
|
|
@@ -3098,6 +3101,9 @@ var Autocomplete = (0, import_react28.forwardRef)((props, ref) => {
|
|
|
3098
3101
|
const muiWarningPreventer = allowCustomValues || !!value?.toString()?.length;
|
|
3099
3102
|
const isOptionEqualToValue = muiWarningPreventer ? void 0 : () => true;
|
|
3100
3103
|
const isValueFromOptions = typeof value === "number" && !!findMatchingOption(options, value);
|
|
3104
|
+
const valueLength = value?.toString()?.length ?? 0;
|
|
3105
|
+
const meetsMinLength = valueLength >= minInputLength;
|
|
3106
|
+
const shouldOpen = meetsMinLength && (allowCustomValues ? optionKeys.length > 0 : true);
|
|
3101
3107
|
return /* @__PURE__ */ React59.createElement(
|
|
3102
3108
|
import_ui45.Autocomplete,
|
|
3103
3109
|
{
|
|
@@ -3107,6 +3113,8 @@ var Autocomplete = (0, import_react28.forwardRef)((props, ref) => {
|
|
|
3107
3113
|
disableClearable: true,
|
|
3108
3114
|
disablePortal: true,
|
|
3109
3115
|
freeSolo: allowCustomValues,
|
|
3116
|
+
openOnFocus: false,
|
|
3117
|
+
open: shouldOpen,
|
|
3110
3118
|
value: value?.toString() || "",
|
|
3111
3119
|
size: "tiny",
|
|
3112
3120
|
onChange: (_, newValue) => onOptionChange(Number(newValue)),
|
|
@@ -3125,7 +3133,8 @@ var Autocomplete = (0, import_react28.forwardRef)((props, ref) => {
|
|
|
3125
3133
|
handleChange: (newValue) => onTextChange?.(newValue),
|
|
3126
3134
|
allowClear,
|
|
3127
3135
|
placeholder,
|
|
3128
|
-
hasSelectedValue: isValueFromOptions
|
|
3136
|
+
hasSelectedValue: isValueFromOptions,
|
|
3137
|
+
startAdornment
|
|
3129
3138
|
}
|
|
3130
3139
|
)
|
|
3131
3140
|
}
|
|
@@ -3136,7 +3145,8 @@ var TextInput = ({
|
|
|
3136
3145
|
allowClear,
|
|
3137
3146
|
placeholder,
|
|
3138
3147
|
handleChange,
|
|
3139
|
-
hasSelectedValue
|
|
3148
|
+
hasSelectedValue,
|
|
3149
|
+
startAdornment
|
|
3140
3150
|
}) => {
|
|
3141
3151
|
const onChange = (event) => {
|
|
3142
3152
|
handleChange(event.target.value);
|
|
@@ -3154,6 +3164,7 @@ var TextInput = ({
|
|
|
3154
3164
|
},
|
|
3155
3165
|
InputProps: {
|
|
3156
3166
|
...params.InputProps,
|
|
3167
|
+
startAdornment: startAdornment ? /* @__PURE__ */ React59.createElement(import_ui45.InputAdornment, { position: "start" }, startAdornment) : params.InputProps.startAdornment,
|
|
3157
3168
|
endAdornment: /* @__PURE__ */ React59.createElement(ClearButton, { params, allowClear, handleChange })
|
|
3158
3169
|
}
|
|
3159
3170
|
}
|
|
@@ -3194,6 +3205,7 @@ var QueryControl = createControl((props) => {
|
|
|
3194
3205
|
minInputLength = 2,
|
|
3195
3206
|
onSetValue
|
|
3196
3207
|
} = props || {};
|
|
3208
|
+
const normalizedPlaceholder = placeholder || (0, import_i18n22.__)("Search", "elementor");
|
|
3197
3209
|
const [options, setOptions] = (0, import_react29.useState)(
|
|
3198
3210
|
generateFirstLoadedOption(value?.value)
|
|
3199
3211
|
);
|
|
@@ -3246,7 +3258,8 @@ var QueryControl = createControl((props) => {
|
|
|
3246
3258
|
{
|
|
3247
3259
|
options,
|
|
3248
3260
|
allowCustomValues,
|
|
3249
|
-
placeholder,
|
|
3261
|
+
placeholder: normalizedPlaceholder,
|
|
3262
|
+
startAdornment: /* @__PURE__ */ React60.createElement(import_icons14.SearchIcon, { fontSize: "tiny" }),
|
|
3250
3263
|
value: value?.value?.id?.value || value?.value,
|
|
3251
3264
|
onOptionChange,
|
|
3252
3265
|
onTextChange,
|
|
@@ -3318,7 +3331,7 @@ var LinkControl = createControl((props) => {
|
|
|
3318
3331
|
placeholder,
|
|
3319
3332
|
minInputLength = 2,
|
|
3320
3333
|
context: { elementId },
|
|
3321
|
-
label = (0,
|
|
3334
|
+
label = (0, import_i18n23.__)("Link", "elementor")
|
|
3322
3335
|
} = props || {};
|
|
3323
3336
|
const [linkInLinkRestriction, setLinkInLinkRestriction] = (0, import_react30.useState)((0, import_editor_elements2.getLinkInLinkRestriction)(elementId));
|
|
3324
3337
|
const shouldDisableAddingLink = !isActive && linkInLinkRestriction.shouldRestrict;
|
|
@@ -3364,7 +3377,7 @@ var LinkControl = createControl((props) => {
|
|
|
3364
3377
|
disabled: shouldDisableAddingLink,
|
|
3365
3378
|
active: isActive,
|
|
3366
3379
|
onIconClick: onEnabledChange,
|
|
3367
|
-
label: (0,
|
|
3380
|
+
label: (0, import_i18n23.__)("Toggle link", "elementor")
|
|
3368
3381
|
}
|
|
3369
3382
|
))
|
|
3370
3383
|
), /* @__PURE__ */ React62.createElement(import_ui47.Collapse, { in: isActive, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ React62.createElement(import_ui47.Stack, { gap: 1.5 }, /* @__PURE__ */ React62.createElement(PropKeyProvider, { bind: "destination" }, /* @__PURE__ */ React62.createElement(
|
|
@@ -3376,10 +3389,10 @@ var LinkControl = createControl((props) => {
|
|
|
3376
3389
|
placeholder,
|
|
3377
3390
|
onSetValue: onSaveValueToSession
|
|
3378
3391
|
}
|
|
3379
|
-
)), /* @__PURE__ */ React62.createElement(PropKeyProvider, { bind: "isTargetBlank" }, /* @__PURE__ */ React62.createElement(import_ui47.Grid, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React62.createElement(import_ui47.Grid, { item: true }, /* @__PURE__ */ React62.createElement(ControlFormLabel, null, (0,
|
|
3392
|
+
)), /* @__PURE__ */ React62.createElement(PropKeyProvider, { bind: "isTargetBlank" }, /* @__PURE__ */ React62.createElement(import_ui47.Grid, { container: true, alignItems: "center", flexWrap: "nowrap", justifyContent: "space-between" }, /* @__PURE__ */ React62.createElement(import_ui47.Grid, { item: true }, /* @__PURE__ */ React62.createElement(ControlFormLabel, null, (0, import_i18n23.__)("Open in a new tab", "elementor"))), /* @__PURE__ */ React62.createElement(import_ui47.Grid, { item: true, sx: { marginInlineEnd: -1 } }, /* @__PURE__ */ React62.createElement(SwitchControl, null))))))));
|
|
3380
3393
|
});
|
|
3381
3394
|
var ToggleIconControl = ({ disabled, active, onIconClick, label }) => {
|
|
3382
|
-
return /* @__PURE__ */ React62.createElement(import_ui47.IconButton, { size: SIZE6, onClick: onIconClick, "aria-label": label, disabled }, active ? /* @__PURE__ */ React62.createElement(
|
|
3395
|
+
return /* @__PURE__ */ React62.createElement(import_ui47.IconButton, { size: SIZE6, onClick: onIconClick, "aria-label": label, disabled }, active ? /* @__PURE__ */ React62.createElement(import_icons15.MinusIcon, { fontSize: SIZE6 }) : /* @__PURE__ */ React62.createElement(import_icons15.PlusIcon, { fontSize: SIZE6 }));
|
|
3383
3396
|
};
|
|
3384
3397
|
|
|
3385
3398
|
// src/controls/html-tag-control.tsx
|
|
@@ -3388,7 +3401,7 @@ var import_editor_elements3 = require("@elementor/editor-elements");
|
|
|
3388
3401
|
var import_editor_props25 = require("@elementor/editor-props");
|
|
3389
3402
|
var import_editor_ui6 = require("@elementor/editor-ui");
|
|
3390
3403
|
var import_ui50 = require("@elementor/ui");
|
|
3391
|
-
var
|
|
3404
|
+
var import_i18n24 = require("@wordpress/i18n");
|
|
3392
3405
|
|
|
3393
3406
|
// src/components/conditional-control-infotip.tsx
|
|
3394
3407
|
var React63 = __toESM(require("react"));
|
|
@@ -3445,9 +3458,9 @@ var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} })
|
|
|
3445
3458
|
};
|
|
3446
3459
|
const elementLabel = (0, import_editor_elements3.getElementLabel)() ?? "element";
|
|
3447
3460
|
const infoTipProps = {
|
|
3448
|
-
title: (0,
|
|
3461
|
+
title: (0, import_i18n24.__)("HTML Tag", "elementor"),
|
|
3449
3462
|
/* translators: %s is the element name. */
|
|
3450
|
-
description: (0,
|
|
3463
|
+
description: (0, import_i18n24.__)(
|
|
3451
3464
|
`The tag is locked to 'a' tag because this %s has a link. To pick a different tag, remove the link first.`,
|
|
3452
3465
|
"elementor"
|
|
3453
3466
|
).replace("%s", elementLabel),
|
|
@@ -3485,9 +3498,9 @@ var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} })
|
|
|
3485
3498
|
var React65 = __toESM(require("react"));
|
|
3486
3499
|
var import_react31 = require("react");
|
|
3487
3500
|
var import_editor_props26 = require("@elementor/editor-props");
|
|
3488
|
-
var
|
|
3501
|
+
var import_icons16 = require("@elementor/icons");
|
|
3489
3502
|
var import_ui51 = require("@elementor/ui");
|
|
3490
|
-
var
|
|
3503
|
+
var import_i18n25 = require("@wordpress/i18n");
|
|
3491
3504
|
var GapControl = ({ label }) => {
|
|
3492
3505
|
const {
|
|
3493
3506
|
value: directionValue,
|
|
@@ -3510,9 +3523,9 @@ var GapControl = ({ label }) => {
|
|
|
3510
3523
|
});
|
|
3511
3524
|
};
|
|
3512
3525
|
const tooltipLabel = label.toLowerCase();
|
|
3513
|
-
const LinkedIcon = isLinked ?
|
|
3514
|
-
const linkedLabel = (0,
|
|
3515
|
-
const unlinkedLabel = (0,
|
|
3526
|
+
const LinkedIcon = isLinked ? import_icons16.LinkIcon : import_icons16.DetachIcon;
|
|
3527
|
+
const linkedLabel = (0, import_i18n25.__)("Link %s", "elementor").replace("%s", tooltipLabel);
|
|
3528
|
+
const unlinkedLabel = (0, import_i18n25.__)("Unlink %s", "elementor").replace("%s", tooltipLabel);
|
|
3516
3529
|
const disabled = sizeDisabled || directionDisabled;
|
|
3517
3530
|
return /* @__PURE__ */ React65.createElement(PropProvider, { propType, value: directionValue, setValue: setDirectionValue }, /* @__PURE__ */ React65.createElement(import_ui51.Stack, { direction: "row", gap: 2, flexWrap: "nowrap" }, /* @__PURE__ */ React65.createElement(ControlLabel, null, label), /* @__PURE__ */ React65.createElement(import_ui51.Tooltip, { title: isLinked ? unlinkedLabel : linkedLabel, placement: "top" }, /* @__PURE__ */ React65.createElement(
|
|
3518
3531
|
import_ui51.ToggleButton,
|
|
@@ -3526,7 +3539,7 @@ var GapControl = ({ label }) => {
|
|
|
3526
3539
|
disabled
|
|
3527
3540
|
},
|
|
3528
3541
|
/* @__PURE__ */ React65.createElement(LinkedIcon, { fontSize: "tiny" })
|
|
3529
|
-
))), /* @__PURE__ */ React65.createElement(import_ui51.Stack, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React65.createElement(import_ui51.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React65.createElement(import_ui51.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React65.createElement(ControlFormLabel, null, (0,
|
|
3542
|
+
))), /* @__PURE__ */ React65.createElement(import_ui51.Stack, { direction: "row", gap: 2, flexWrap: "nowrap", ref: stackRef }, /* @__PURE__ */ React65.createElement(import_ui51.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React65.createElement(import_ui51.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React65.createElement(ControlFormLabel, null, (0, import_i18n25.__)("Column", "elementor"))), /* @__PURE__ */ React65.createElement(import_ui51.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React65.createElement(Control4, { bind: "column", isLinked, anchorRef: stackRef }))), /* @__PURE__ */ React65.createElement(import_ui51.Grid, { container: true, gap: 0.75, alignItems: "center" }, /* @__PURE__ */ React65.createElement(import_ui51.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React65.createElement(ControlFormLabel, null, (0, import_i18n25.__)("Row", "elementor"))), /* @__PURE__ */ React65.createElement(import_ui51.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React65.createElement(Control4, { bind: "row", isLinked, anchorRef: stackRef })))));
|
|
3530
3543
|
};
|
|
3531
3544
|
var Control4 = ({
|
|
3532
3545
|
bind,
|
|
@@ -3544,11 +3557,11 @@ var React66 = __toESM(require("react"));
|
|
|
3544
3557
|
var import_react32 = require("react");
|
|
3545
3558
|
var import_editor_props27 = require("@elementor/editor-props");
|
|
3546
3559
|
var import_editor_ui7 = require("@elementor/editor-ui");
|
|
3547
|
-
var
|
|
3560
|
+
var import_icons17 = require("@elementor/icons");
|
|
3548
3561
|
var import_ui52 = require("@elementor/ui");
|
|
3549
|
-
var
|
|
3562
|
+
var import_i18n26 = require("@wordpress/i18n");
|
|
3550
3563
|
var RATIO_OPTIONS = [
|
|
3551
|
-
{ label: (0,
|
|
3564
|
+
{ label: (0, import_i18n26.__)("Auto", "elementor"), value: "auto" },
|
|
3552
3565
|
{ label: "1/1", value: "1/1" },
|
|
3553
3566
|
{ label: "4/3", value: "4/3" },
|
|
3554
3567
|
{ label: "3/4", value: "3/4" },
|
|
@@ -3618,7 +3631,7 @@ var AspectRatioControl = createControl(({ label }) => {
|
|
|
3618
3631
|
onChange: handleSelectChange,
|
|
3619
3632
|
fullWidth: true
|
|
3620
3633
|
},
|
|
3621
|
-
[...RATIO_OPTIONS, { label: (0,
|
|
3634
|
+
[...RATIO_OPTIONS, { label: (0, import_i18n26.__)("Custom", "elementor"), value: CUSTOM_RATIO }].map(
|
|
3622
3635
|
({ label: optionLabel, ...props }) => /* @__PURE__ */ React66.createElement(import_editor_ui7.MenuListItem, { key: props.value, ...props, value: props.value ?? "" }, optionLabel)
|
|
3623
3636
|
)
|
|
3624
3637
|
))), isCustom && /* @__PURE__ */ React66.createElement(import_ui52.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React66.createElement(import_ui52.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React66.createElement(
|
|
@@ -3631,7 +3644,7 @@ var AspectRatioControl = createControl(({ label }) => {
|
|
|
3631
3644
|
value: customWidth,
|
|
3632
3645
|
onChange: handleCustomWidthChange,
|
|
3633
3646
|
InputProps: {
|
|
3634
|
-
startAdornment: /* @__PURE__ */ React66.createElement(
|
|
3647
|
+
startAdornment: /* @__PURE__ */ React66.createElement(import_icons17.ArrowsMoveHorizontalIcon, { fontSize: "tiny" })
|
|
3635
3648
|
}
|
|
3636
3649
|
}
|
|
3637
3650
|
)), /* @__PURE__ */ React66.createElement(import_ui52.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React66.createElement(
|
|
@@ -3644,7 +3657,7 @@ var AspectRatioControl = createControl(({ label }) => {
|
|
|
3644
3657
|
value: customHeight,
|
|
3645
3658
|
onChange: handleCustomHeightChange,
|
|
3646
3659
|
InputProps: {
|
|
3647
|
-
startAdornment: /* @__PURE__ */ React66.createElement(
|
|
3660
|
+
startAdornment: /* @__PURE__ */ React66.createElement(import_icons17.ArrowsMoveVerticalIcon, { fontSize: "tiny" })
|
|
3648
3661
|
}
|
|
3649
3662
|
}
|
|
3650
3663
|
)))));
|
|
@@ -3655,23 +3668,23 @@ var React68 = __toESM(require("react"));
|
|
|
3655
3668
|
var import_react34 = require("react");
|
|
3656
3669
|
var import_editor_current_user = require("@elementor/editor-current-user");
|
|
3657
3670
|
var import_editor_props28 = require("@elementor/editor-props");
|
|
3658
|
-
var
|
|
3671
|
+
var import_icons18 = require("@elementor/icons");
|
|
3659
3672
|
var import_ui54 = require("@elementor/ui");
|
|
3660
3673
|
var import_wp_media2 = require("@elementor/wp-media");
|
|
3661
|
-
var
|
|
3674
|
+
var import_i18n28 = require("@wordpress/i18n");
|
|
3662
3675
|
|
|
3663
3676
|
// src/components/enable-unfiltered-modal.tsx
|
|
3664
3677
|
var React67 = __toESM(require("react"));
|
|
3665
3678
|
var import_react33 = require("react");
|
|
3666
3679
|
var import_ui53 = require("@elementor/ui");
|
|
3667
|
-
var
|
|
3668
|
-
var ADMIN_TITLE_TEXT = (0,
|
|
3669
|
-
var ADMIN_CONTENT_TEXT = (0,
|
|
3680
|
+
var import_i18n27 = require("@wordpress/i18n");
|
|
3681
|
+
var ADMIN_TITLE_TEXT = (0, import_i18n27.__)("Enable Unfiltered Uploads", "elementor");
|
|
3682
|
+
var ADMIN_CONTENT_TEXT = (0, import_i18n27.__)(
|
|
3670
3683
|
"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.",
|
|
3671
3684
|
"elementor"
|
|
3672
3685
|
);
|
|
3673
|
-
var ADMIN_FAILED_CONTENT_TEXT_PT1 = (0,
|
|
3674
|
-
var ADMIN_FAILED_CONTENT_TEXT_PT2 = (0,
|
|
3686
|
+
var ADMIN_FAILED_CONTENT_TEXT_PT1 = (0, import_i18n27.__)("Failed to enable unfiltered files upload.", "elementor");
|
|
3687
|
+
var ADMIN_FAILED_CONTENT_TEXT_PT2 = (0, import_i18n27.__)(
|
|
3675
3688
|
"You can try again, if the problem persists, please contact support.",
|
|
3676
3689
|
"elementor"
|
|
3677
3690
|
);
|
|
@@ -3698,7 +3711,7 @@ var EnableUnfilteredModal = (props) => {
|
|
|
3698
3711
|
const dialogProps = { ...props, isPending, handleEnable, isError, onClose };
|
|
3699
3712
|
return /* @__PURE__ */ React67.createElement(AdminDialog, { ...dialogProps });
|
|
3700
3713
|
};
|
|
3701
|
-
var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @__PURE__ */ React67.createElement(import_ui53.Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React67.createElement(import_ui53.DialogHeader, { logo: false }, /* @__PURE__ */ React67.createElement(import_ui53.DialogTitle, null, ADMIN_TITLE_TEXT)), /* @__PURE__ */ React67.createElement(import_ui53.Divider, null), /* @__PURE__ */ React67.createElement(import_ui53.DialogContent, null, /* @__PURE__ */ React67.createElement(import_ui53.DialogContentText, null, isError ? /* @__PURE__ */ React67.createElement(React67.Fragment, null, ADMIN_FAILED_CONTENT_TEXT_PT1, " ", /* @__PURE__ */ React67.createElement("br", null), " ", ADMIN_FAILED_CONTENT_TEXT_PT2) : ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React67.createElement(import_ui53.DialogActions, null, /* @__PURE__ */ React67.createElement(import_ui53.Button, { size: "medium", color: "secondary", onClick: () => onClose(false) }, (0,
|
|
3714
|
+
var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @__PURE__ */ React67.createElement(import_ui53.Dialog, { open, maxWidth: "sm", onClose: () => onClose(false) }, /* @__PURE__ */ React67.createElement(import_ui53.DialogHeader, { logo: false }, /* @__PURE__ */ React67.createElement(import_ui53.DialogTitle, null, ADMIN_TITLE_TEXT)), /* @__PURE__ */ React67.createElement(import_ui53.Divider, null), /* @__PURE__ */ React67.createElement(import_ui53.DialogContent, null, /* @__PURE__ */ React67.createElement(import_ui53.DialogContentText, null, isError ? /* @__PURE__ */ React67.createElement(React67.Fragment, null, ADMIN_FAILED_CONTENT_TEXT_PT1, " ", /* @__PURE__ */ React67.createElement("br", null), " ", ADMIN_FAILED_CONTENT_TEXT_PT2) : ADMIN_CONTENT_TEXT)), /* @__PURE__ */ React67.createElement(import_ui53.DialogActions, null, /* @__PURE__ */ React67.createElement(import_ui53.Button, { size: "medium", color: "secondary", onClick: () => onClose(false) }, (0, import_i18n27.__)("Cancel", "elementor")), /* @__PURE__ */ React67.createElement(
|
|
3702
3715
|
import_ui53.Button,
|
|
3703
3716
|
{
|
|
3704
3717
|
size: "medium",
|
|
@@ -3707,7 +3720,7 @@ var AdminDialog = ({ open, onClose, handleEnable, isPending, isError }) => /* @_
|
|
|
3707
3720
|
color: "primary",
|
|
3708
3721
|
disabled: isPending
|
|
3709
3722
|
},
|
|
3710
|
-
isPending ? /* @__PURE__ */ React67.createElement(import_ui53.CircularProgress, { size: 24 }) : (0,
|
|
3723
|
+
isPending ? /* @__PURE__ */ React67.createElement(import_ui53.CircularProgress, { size: 24 }) : (0, import_i18n27.__)("Enable", "elementor")
|
|
3711
3724
|
)));
|
|
3712
3725
|
|
|
3713
3726
|
// src/controls/svg-media-control.tsx
|
|
@@ -3772,8 +3785,8 @@ var SvgMediaControl = createControl(() => {
|
|
|
3772
3785
|
}
|
|
3773
3786
|
};
|
|
3774
3787
|
const infotipProps = {
|
|
3775
|
-
title: (0,
|
|
3776
|
-
description: /* @__PURE__ */ React68.createElement(React68.Fragment, null, (0,
|
|
3788
|
+
title: (0, import_i18n28.__)("Sorry, you can't upload that file yet.", "elementor"),
|
|
3789
|
+
description: /* @__PURE__ */ React68.createElement(React68.Fragment, null, (0, import_i18n28.__)("To upload them anyway, ask the site administrator to enable unfiltered", "elementor"), /* @__PURE__ */ React68.createElement("br", null), (0, import_i18n28.__)("file uploads.", "elementor")),
|
|
3777
3790
|
isEnabled: !canManageOptions
|
|
3778
3791
|
};
|
|
3779
3792
|
return /* @__PURE__ */ React68.createElement(import_ui54.Stack, { gap: 1 }, /* @__PURE__ */ React68.createElement(EnableUnfilteredModal, { open: unfilteredModalOpenState, onClose: onCloseUnfilteredModal }), /* @__PURE__ */ React68.createElement(ControlActions, null, /* @__PURE__ */ React68.createElement(StyledCard, { variant: "outlined" }, /* @__PURE__ */ React68.createElement(StyledCardMediaContainer, null, isFetching ? /* @__PURE__ */ React68.createElement(import_ui54.CircularProgress, { role: "progressbar" }) : /* @__PURE__ */ React68.createElement(
|
|
@@ -3781,7 +3794,7 @@ var SvgMediaControl = createControl(() => {
|
|
|
3781
3794
|
{
|
|
3782
3795
|
component: "img",
|
|
3783
3796
|
image: src,
|
|
3784
|
-
alt: (0,
|
|
3797
|
+
alt: (0, import_i18n28.__)("Preview SVG", "elementor"),
|
|
3785
3798
|
sx: { maxHeight: "140px", width: "50px" }
|
|
3786
3799
|
}
|
|
3787
3800
|
)), /* @__PURE__ */ React68.createElement(
|
|
@@ -3801,18 +3814,18 @@ var SvgMediaControl = createControl(() => {
|
|
|
3801
3814
|
variant: "outlined",
|
|
3802
3815
|
onClick: () => handleClick(MODE_BROWSE)
|
|
3803
3816
|
},
|
|
3804
|
-
(0,
|
|
3817
|
+
(0, import_i18n28.__)("Select SVG", "elementor")
|
|
3805
3818
|
), /* @__PURE__ */ React68.createElement(ConditionalControlInfotip, { ...infotipProps }, /* @__PURE__ */ React68.createElement("span", null, /* @__PURE__ */ React68.createElement(import_ui54.ThemeProvider, { colorScheme: canManageOptions ? "light" : "dark" }, /* @__PURE__ */ React68.createElement(
|
|
3806
3819
|
import_ui54.Button,
|
|
3807
3820
|
{
|
|
3808
3821
|
size: "tiny",
|
|
3809
3822
|
variant: "text",
|
|
3810
3823
|
color: "inherit",
|
|
3811
|
-
startIcon: /* @__PURE__ */ React68.createElement(
|
|
3824
|
+
startIcon: /* @__PURE__ */ React68.createElement(import_icons18.UploadIcon, null),
|
|
3812
3825
|
disabled: canManageOptions ? false : true,
|
|
3813
3826
|
onClick: () => canManageOptions && handleClick(MODE_UPLOAD)
|
|
3814
3827
|
},
|
|
3815
|
-
(0,
|
|
3828
|
+
(0, import_i18n28.__)("Upload", "elementor")
|
|
3816
3829
|
)))))
|
|
3817
3830
|
))));
|
|
3818
3831
|
});
|
|
@@ -3821,14 +3834,14 @@ var SvgMediaControl = createControl(() => {
|
|
|
3821
3834
|
var React75 = __toESM(require("react"));
|
|
3822
3835
|
var import_editor_props34 = require("@elementor/editor-props");
|
|
3823
3836
|
var import_ui62 = require("@elementor/ui");
|
|
3824
|
-
var
|
|
3837
|
+
var import_i18n34 = require("@wordpress/i18n");
|
|
3825
3838
|
|
|
3826
3839
|
// src/controls/background-control/background-overlay/background-overlay-repeater-control.tsx
|
|
3827
3840
|
var React74 = __toESM(require("react"));
|
|
3828
3841
|
var import_editor_props33 = require("@elementor/editor-props");
|
|
3829
3842
|
var import_ui61 = require("@elementor/ui");
|
|
3830
3843
|
var import_wp_media3 = require("@elementor/wp-media");
|
|
3831
|
-
var
|
|
3844
|
+
var import_i18n33 = require("@wordpress/i18n");
|
|
3832
3845
|
|
|
3833
3846
|
// src/env.ts
|
|
3834
3847
|
var import_env = require("@elementor/env");
|
|
@@ -3901,25 +3914,25 @@ var initialBackgroundGradientOverlay = import_editor_props29.backgroundGradientO
|
|
|
3901
3914
|
|
|
3902
3915
|
// src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-attachment.tsx
|
|
3903
3916
|
var React70 = __toESM(require("react"));
|
|
3904
|
-
var
|
|
3917
|
+
var import_icons19 = require("@elementor/icons");
|
|
3905
3918
|
var import_ui56 = require("@elementor/ui");
|
|
3906
|
-
var
|
|
3919
|
+
var import_i18n29 = require("@wordpress/i18n");
|
|
3907
3920
|
var attachmentControlOptions = [
|
|
3908
3921
|
{
|
|
3909
3922
|
value: "fixed",
|
|
3910
|
-
label: (0,
|
|
3911
|
-
renderContent: ({ size }) => /* @__PURE__ */ React70.createElement(
|
|
3923
|
+
label: (0, import_i18n29.__)("Fixed", "elementor"),
|
|
3924
|
+
renderContent: ({ size }) => /* @__PURE__ */ React70.createElement(import_icons19.PinIcon, { fontSize: size }),
|
|
3912
3925
|
showTooltip: true
|
|
3913
3926
|
},
|
|
3914
3927
|
{
|
|
3915
3928
|
value: "scroll",
|
|
3916
|
-
label: (0,
|
|
3917
|
-
renderContent: ({ size }) => /* @__PURE__ */ React70.createElement(
|
|
3929
|
+
label: (0, import_i18n29.__)("Scroll", "elementor"),
|
|
3930
|
+
renderContent: ({ size }) => /* @__PURE__ */ React70.createElement(import_icons19.PinnedOffIcon, { fontSize: size }),
|
|
3918
3931
|
showTooltip: true
|
|
3919
3932
|
}
|
|
3920
3933
|
];
|
|
3921
3934
|
var BackgroundImageOverlayAttachment = () => {
|
|
3922
|
-
return /* @__PURE__ */ React70.createElement(PopoverGridContainer, null, /* @__PURE__ */ React70.createElement(import_ui56.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React70.createElement(ControlFormLabel, null, (0,
|
|
3935
|
+
return /* @__PURE__ */ React70.createElement(PopoverGridContainer, null, /* @__PURE__ */ React70.createElement(import_ui56.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React70.createElement(ControlFormLabel, null, (0, import_i18n29.__)("Attachment", "elementor"))), /* @__PURE__ */ React70.createElement(import_ui56.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React70.createElement(ToggleControl, { options: attachmentControlOptions })));
|
|
3923
3936
|
};
|
|
3924
3937
|
|
|
3925
3938
|
// src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-position.tsx
|
|
@@ -3927,20 +3940,20 @@ var React71 = __toESM(require("react"));
|
|
|
3927
3940
|
var import_react35 = require("react");
|
|
3928
3941
|
var import_editor_props30 = require("@elementor/editor-props");
|
|
3929
3942
|
var import_editor_ui8 = require("@elementor/editor-ui");
|
|
3930
|
-
var
|
|
3943
|
+
var import_icons20 = require("@elementor/icons");
|
|
3931
3944
|
var import_ui57 = require("@elementor/ui");
|
|
3932
|
-
var
|
|
3945
|
+
var import_i18n30 = require("@wordpress/i18n");
|
|
3933
3946
|
var backgroundPositionOptions = [
|
|
3934
|
-
{ label: (0,
|
|
3935
|
-
{ label: (0,
|
|
3936
|
-
{ label: (0,
|
|
3937
|
-
{ label: (0,
|
|
3938
|
-
{ label: (0,
|
|
3939
|
-
{ label: (0,
|
|
3940
|
-
{ label: (0,
|
|
3941
|
-
{ label: (0,
|
|
3942
|
-
{ label: (0,
|
|
3943
|
-
{ label: (0,
|
|
3947
|
+
{ label: (0, import_i18n30.__)("Center center", "elementor"), value: "center center" },
|
|
3948
|
+
{ label: (0, import_i18n30.__)("Center left", "elementor"), value: "center left" },
|
|
3949
|
+
{ label: (0, import_i18n30.__)("Center right", "elementor"), value: "center right" },
|
|
3950
|
+
{ label: (0, import_i18n30.__)("Top center", "elementor"), value: "top center" },
|
|
3951
|
+
{ label: (0, import_i18n30.__)("Top left", "elementor"), value: "top left" },
|
|
3952
|
+
{ label: (0, import_i18n30.__)("Top right", "elementor"), value: "top right" },
|
|
3953
|
+
{ label: (0, import_i18n30.__)("Bottom center", "elementor"), value: "bottom center" },
|
|
3954
|
+
{ label: (0, import_i18n30.__)("Bottom left", "elementor"), value: "bottom left" },
|
|
3955
|
+
{ label: (0, import_i18n30.__)("Bottom right", "elementor"), value: "bottom right" },
|
|
3956
|
+
{ label: (0, import_i18n30.__)("Custom", "elementor"), value: "custom" }
|
|
3944
3957
|
];
|
|
3945
3958
|
var BackgroundImageOverlayPosition = () => {
|
|
3946
3959
|
const backgroundImageOffsetContext = useBoundProp(import_editor_props30.backgroundImagePositionOffsetPropTypeUtil);
|
|
@@ -3955,7 +3968,7 @@ var BackgroundImageOverlayPosition = () => {
|
|
|
3955
3968
|
stringPropContext.setValue(value);
|
|
3956
3969
|
}
|
|
3957
3970
|
};
|
|
3958
|
-
return /* @__PURE__ */ React71.createElement(import_ui57.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React71.createElement(import_ui57.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React71.createElement(PopoverGridContainer, null, /* @__PURE__ */ React71.createElement(import_ui57.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React71.createElement(ControlFormLabel, null, (0,
|
|
3971
|
+
return /* @__PURE__ */ React71.createElement(import_ui57.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React71.createElement(import_ui57.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React71.createElement(PopoverGridContainer, null, /* @__PURE__ */ React71.createElement(import_ui57.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React71.createElement(ControlFormLabel, null, (0, import_i18n30.__)("Position", "elementor"))), /* @__PURE__ */ React71.createElement(import_ui57.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end", overflow: "hidden" } }, /* @__PURE__ */ React71.createElement(
|
|
3959
3972
|
import_ui57.Select,
|
|
3960
3973
|
{
|
|
3961
3974
|
fullWidth: true,
|
|
@@ -3968,14 +3981,14 @@ var BackgroundImageOverlayPosition = () => {
|
|
|
3968
3981
|
)))), isCustom ? /* @__PURE__ */ React71.createElement(PropProvider, { ...backgroundImageOffsetContext }, /* @__PURE__ */ React71.createElement(import_ui57.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React71.createElement(import_ui57.Grid, { container: true, spacing: 1.5, ref: rowRef }, /* @__PURE__ */ React71.createElement(import_ui57.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React71.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React71.createElement(
|
|
3969
3982
|
SizeControl,
|
|
3970
3983
|
{
|
|
3971
|
-
startIcon: /* @__PURE__ */ React71.createElement(
|
|
3984
|
+
startIcon: /* @__PURE__ */ React71.createElement(import_icons20.LetterXIcon, { fontSize: "tiny" }),
|
|
3972
3985
|
anchorRef: rowRef,
|
|
3973
3986
|
min: -Number.MAX_SAFE_INTEGER
|
|
3974
3987
|
}
|
|
3975
3988
|
))), /* @__PURE__ */ React71.createElement(import_ui57.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React71.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React71.createElement(
|
|
3976
3989
|
SizeControl,
|
|
3977
3990
|
{
|
|
3978
|
-
startIcon: /* @__PURE__ */ React71.createElement(
|
|
3991
|
+
startIcon: /* @__PURE__ */ React71.createElement(import_icons20.LetterYIcon, { fontSize: "tiny" }),
|
|
3979
3992
|
anchorRef: rowRef,
|
|
3980
3993
|
min: -Number.MAX_SAFE_INTEGER
|
|
3981
3994
|
}
|
|
@@ -3984,69 +3997,69 @@ var BackgroundImageOverlayPosition = () => {
|
|
|
3984
3997
|
|
|
3985
3998
|
// src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-repeat.tsx
|
|
3986
3999
|
var React72 = __toESM(require("react"));
|
|
3987
|
-
var
|
|
4000
|
+
var import_icons21 = require("@elementor/icons");
|
|
3988
4001
|
var import_ui58 = require("@elementor/ui");
|
|
3989
|
-
var
|
|
4002
|
+
var import_i18n31 = require("@wordpress/i18n");
|
|
3990
4003
|
var repeatControlOptions = [
|
|
3991
4004
|
{
|
|
3992
4005
|
value: "repeat",
|
|
3993
|
-
label: (0,
|
|
3994
|
-
renderContent: ({ size }) => /* @__PURE__ */ React72.createElement(
|
|
4006
|
+
label: (0, import_i18n31.__)("Repeat", "elementor"),
|
|
4007
|
+
renderContent: ({ size }) => /* @__PURE__ */ React72.createElement(import_icons21.GridDotsIcon, { fontSize: size }),
|
|
3995
4008
|
showTooltip: true
|
|
3996
4009
|
},
|
|
3997
4010
|
{
|
|
3998
4011
|
value: "repeat-x",
|
|
3999
|
-
label: (0,
|
|
4000
|
-
renderContent: ({ size }) => /* @__PURE__ */ React72.createElement(
|
|
4012
|
+
label: (0, import_i18n31.__)("Repeat-x", "elementor"),
|
|
4013
|
+
renderContent: ({ size }) => /* @__PURE__ */ React72.createElement(import_icons21.DotsHorizontalIcon, { fontSize: size }),
|
|
4001
4014
|
showTooltip: true
|
|
4002
4015
|
},
|
|
4003
4016
|
{
|
|
4004
4017
|
value: "repeat-y",
|
|
4005
|
-
label: (0,
|
|
4006
|
-
renderContent: ({ size }) => /* @__PURE__ */ React72.createElement(
|
|
4018
|
+
label: (0, import_i18n31.__)("Repeat-y", "elementor"),
|
|
4019
|
+
renderContent: ({ size }) => /* @__PURE__ */ React72.createElement(import_icons21.DotsVerticalIcon, { fontSize: size }),
|
|
4007
4020
|
showTooltip: true
|
|
4008
4021
|
},
|
|
4009
4022
|
{
|
|
4010
4023
|
value: "no-repeat",
|
|
4011
|
-
label: (0,
|
|
4012
|
-
renderContent: ({ size }) => /* @__PURE__ */ React72.createElement(
|
|
4024
|
+
label: (0, import_i18n31.__)("No-repeat", "elementor"),
|
|
4025
|
+
renderContent: ({ size }) => /* @__PURE__ */ React72.createElement(import_icons21.XIcon, { fontSize: size }),
|
|
4013
4026
|
showTooltip: true
|
|
4014
4027
|
}
|
|
4015
4028
|
];
|
|
4016
4029
|
var BackgroundImageOverlayRepeat = () => {
|
|
4017
|
-
return /* @__PURE__ */ React72.createElement(PopoverGridContainer, null, /* @__PURE__ */ React72.createElement(import_ui58.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React72.createElement(ControlFormLabel, null, (0,
|
|
4030
|
+
return /* @__PURE__ */ React72.createElement(PopoverGridContainer, null, /* @__PURE__ */ React72.createElement(import_ui58.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React72.createElement(ControlFormLabel, null, (0, import_i18n31.__)("Repeat", "elementor"))), /* @__PURE__ */ React72.createElement(import_ui58.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React72.createElement(ToggleControl, { options: repeatControlOptions })));
|
|
4018
4031
|
};
|
|
4019
4032
|
|
|
4020
4033
|
// src/controls/background-control/background-overlay/background-image-overlay/background-image-overlay-size.tsx
|
|
4021
4034
|
var React73 = __toESM(require("react"));
|
|
4022
4035
|
var import_react36 = require("react");
|
|
4023
4036
|
var import_editor_props31 = require("@elementor/editor-props");
|
|
4024
|
-
var
|
|
4037
|
+
var import_icons22 = require("@elementor/icons");
|
|
4025
4038
|
var import_ui59 = require("@elementor/ui");
|
|
4026
|
-
var
|
|
4039
|
+
var import_i18n32 = require("@wordpress/i18n");
|
|
4027
4040
|
var sizeControlOptions = [
|
|
4028
4041
|
{
|
|
4029
4042
|
value: "auto",
|
|
4030
|
-
label: (0,
|
|
4031
|
-
renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(
|
|
4043
|
+
label: (0, import_i18n32.__)("Auto", "elementor"),
|
|
4044
|
+
renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(import_icons22.LetterAIcon, { fontSize: size }),
|
|
4032
4045
|
showTooltip: true
|
|
4033
4046
|
},
|
|
4034
4047
|
{
|
|
4035
4048
|
value: "cover",
|
|
4036
|
-
label: (0,
|
|
4037
|
-
renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(
|
|
4049
|
+
label: (0, import_i18n32.__)("Cover", "elementor"),
|
|
4050
|
+
renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(import_icons22.ArrowsMaximizeIcon, { fontSize: size }),
|
|
4038
4051
|
showTooltip: true
|
|
4039
4052
|
},
|
|
4040
4053
|
{
|
|
4041
4054
|
value: "contain",
|
|
4042
|
-
label: (0,
|
|
4043
|
-
renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(
|
|
4055
|
+
label: (0, import_i18n32.__)("Contain", "elementor"),
|
|
4056
|
+
renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(import_icons22.ArrowBarBothIcon, { fontSize: size }),
|
|
4044
4057
|
showTooltip: true
|
|
4045
4058
|
},
|
|
4046
4059
|
{
|
|
4047
4060
|
value: "custom",
|
|
4048
|
-
label: (0,
|
|
4049
|
-
renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(
|
|
4061
|
+
label: (0, import_i18n32.__)("Custom", "elementor"),
|
|
4062
|
+
renderContent: ({ size }) => /* @__PURE__ */ React73.createElement(import_icons22.PencilIcon, { fontSize: size }),
|
|
4050
4063
|
showTooltip: true
|
|
4051
4064
|
}
|
|
4052
4065
|
];
|
|
@@ -4062,7 +4075,7 @@ var BackgroundImageOverlaySize = () => {
|
|
|
4062
4075
|
stringPropContext.setValue(size);
|
|
4063
4076
|
}
|
|
4064
4077
|
};
|
|
4065
|
-
return /* @__PURE__ */ React73.createElement(import_ui59.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React73.createElement(import_ui59.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React73.createElement(PopoverGridContainer, null, /* @__PURE__ */ React73.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React73.createElement(ControlFormLabel, null, (0,
|
|
4078
|
+
return /* @__PURE__ */ React73.createElement(import_ui59.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React73.createElement(import_ui59.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React73.createElement(PopoverGridContainer, null, /* @__PURE__ */ React73.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React73.createElement(ControlFormLabel, null, (0, import_i18n32.__)("Size", "elementor"))), /* @__PURE__ */ React73.createElement(import_ui59.Grid, { item: true, xs: 6, sx: { display: "flex", justifyContent: "flex-end" } }, /* @__PURE__ */ React73.createElement(
|
|
4066
4079
|
ControlToggleButtonGroup,
|
|
4067
4080
|
{
|
|
4068
4081
|
exclusive: true,
|
|
@@ -4074,14 +4087,14 @@ var BackgroundImageOverlaySize = () => {
|
|
|
4074
4087
|
)))), isCustom ? /* @__PURE__ */ React73.createElement(PropProvider, { ...backgroundImageScaleContext }, /* @__PURE__ */ React73.createElement(import_ui59.Grid, { item: true, xs: 12, ref: rowRef }, /* @__PURE__ */ React73.createElement(PopoverGridContainer, null, /* @__PURE__ */ React73.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React73.createElement(PropKeyProvider, { bind: "width" }, /* @__PURE__ */ React73.createElement(
|
|
4075
4088
|
SizeControl,
|
|
4076
4089
|
{
|
|
4077
|
-
startIcon: /* @__PURE__ */ React73.createElement(
|
|
4090
|
+
startIcon: /* @__PURE__ */ React73.createElement(import_icons22.ArrowsMoveHorizontalIcon, { fontSize: "tiny" }),
|
|
4078
4091
|
extendedOptions: ["auto"],
|
|
4079
4092
|
anchorRef: rowRef
|
|
4080
4093
|
}
|
|
4081
4094
|
))), /* @__PURE__ */ React73.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React73.createElement(PropKeyProvider, { bind: "height" }, /* @__PURE__ */ React73.createElement(
|
|
4082
4095
|
SizeControl,
|
|
4083
4096
|
{
|
|
4084
|
-
startIcon: /* @__PURE__ */ React73.createElement(
|
|
4097
|
+
startIcon: /* @__PURE__ */ React73.createElement(import_icons22.ArrowsMoveVerticalIcon, { fontSize: "tiny" }),
|
|
4085
4098
|
extendedOptions: ["auto"],
|
|
4086
4099
|
anchorRef: rowRef
|
|
4087
4100
|
}
|
|
@@ -4178,10 +4191,10 @@ var getInitialBackgroundOverlay = () => ({
|
|
|
4178
4191
|
}
|
|
4179
4192
|
});
|
|
4180
4193
|
var backgroundResolutionOptions = [
|
|
4181
|
-
{ label: (0,
|
|
4182
|
-
{ label: (0,
|
|
4183
|
-
{ label: (0,
|
|
4184
|
-
{ label: (0,
|
|
4194
|
+
{ label: (0, import_i18n33.__)("Thumbnail - 150 x 150", "elementor"), value: "thumbnail" },
|
|
4195
|
+
{ label: (0, import_i18n33.__)("Medium - 300 x 300", "elementor"), value: "medium" },
|
|
4196
|
+
{ label: (0, import_i18n33.__)("Large 1024 x 1024", "elementor"), value: "large" },
|
|
4197
|
+
{ label: (0, import_i18n33.__)("Full", "elementor"), value: "full" }
|
|
4185
4198
|
];
|
|
4186
4199
|
var BackgroundOverlayRepeaterControl = createControl(() => {
|
|
4187
4200
|
const { propType, value: overlayValues, setValue } = useBoundProp(import_editor_props33.backgroundOverlayPropTypeUtil);
|
|
@@ -4191,7 +4204,7 @@ var BackgroundOverlayRepeaterControl = createControl(() => {
|
|
|
4191
4204
|
initial: getInitialBackgroundOverlay(),
|
|
4192
4205
|
propTypeUtil: import_editor_props33.backgroundOverlayPropTypeUtil
|
|
4193
4206
|
},
|
|
4194
|
-
/* @__PURE__ */ React74.createElement(Header, { label: (0,
|
|
4207
|
+
/* @__PURE__ */ React74.createElement(Header, { label: (0, import_i18n33.__)("Overlay", "elementor") }, /* @__PURE__ */ React74.createElement(TooltipAddItemAction, { newItemIndex: 0 })),
|
|
4195
4208
|
/* @__PURE__ */ React74.createElement(ItemsContainer, null, /* @__PURE__ */ React74.createElement(
|
|
4196
4209
|
Item,
|
|
4197
4210
|
{
|
|
@@ -4216,11 +4229,11 @@ var ItemContent = () => {
|
|
|
4216
4229
|
size: "small",
|
|
4217
4230
|
variant: "fullWidth",
|
|
4218
4231
|
...getTabsProps(),
|
|
4219
|
-
"aria-label": (0,
|
|
4232
|
+
"aria-label": (0, import_i18n33.__)("Background Overlay", "elementor")
|
|
4220
4233
|
},
|
|
4221
|
-
/* @__PURE__ */ React74.createElement(import_ui61.Tab, { label: (0,
|
|
4222
|
-
/* @__PURE__ */ React74.createElement(import_ui61.Tab, { label: (0,
|
|
4223
|
-
/* @__PURE__ */ React74.createElement(import_ui61.Tab, { label: (0,
|
|
4234
|
+
/* @__PURE__ */ React74.createElement(import_ui61.Tab, { label: (0, import_i18n33.__)("Image", "elementor"), ...getTabProps("image") }),
|
|
4235
|
+
/* @__PURE__ */ React74.createElement(import_ui61.Tab, { label: (0, import_i18n33.__)("Gradient", "elementor"), ...getTabProps("gradient") }),
|
|
4236
|
+
/* @__PURE__ */ React74.createElement(import_ui61.Tab, { label: (0, import_i18n33.__)("Color", "elementor"), ...getTabProps("color") })
|
|
4224
4237
|
)), /* @__PURE__ */ React74.createElement(import_ui61.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("image") }, /* @__PURE__ */ React74.createElement(PopoverContent, null, /* @__PURE__ */ React74.createElement(ImageOverlayContent, null))), /* @__PURE__ */ React74.createElement(import_ui61.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("gradient") }, /* @__PURE__ */ React74.createElement(BackgroundGradientColorControl, null)), /* @__PURE__ */ React74.createElement(import_ui61.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps("color") }, /* @__PURE__ */ React74.createElement(PopoverContent, null, /* @__PURE__ */ React74.createElement(ColorOverlayContent, { anchorEl: rowRef }))));
|
|
4225
4238
|
};
|
|
4226
4239
|
var ItemIcon2 = ({ value }) => {
|
|
@@ -4286,9 +4299,9 @@ var ItemLabelImage = ({ value }) => {
|
|
|
4286
4299
|
};
|
|
4287
4300
|
var ItemLabelGradient = ({ value }) => {
|
|
4288
4301
|
if (value.value.type.value === "linear") {
|
|
4289
|
-
return /* @__PURE__ */ React74.createElement("span", null, (0,
|
|
4302
|
+
return /* @__PURE__ */ React74.createElement("span", null, (0, import_i18n33.__)("Linear Gradient", "elementor"));
|
|
4290
4303
|
}
|
|
4291
|
-
return /* @__PURE__ */ React74.createElement("span", null, (0,
|
|
4304
|
+
return /* @__PURE__ */ React74.createElement("span", null, (0, import_i18n33.__)("Radial Gradient", "elementor"));
|
|
4292
4305
|
};
|
|
4293
4306
|
var ColorOverlayContent = ({ anchorEl }) => {
|
|
4294
4307
|
const propContext = useBoundProp(import_editor_props33.backgroundColorOverlayPropTypeUtil);
|
|
@@ -4335,13 +4348,13 @@ var getGradientValue = (value) => {
|
|
|
4335
4348
|
|
|
4336
4349
|
// src/controls/background-control/background-control.tsx
|
|
4337
4350
|
var clipOptions = [
|
|
4338
|
-
{ label: (0,
|
|
4339
|
-
{ label: (0,
|
|
4340
|
-
{ label: (0,
|
|
4341
|
-
{ label: (0,
|
|
4351
|
+
{ label: (0, import_i18n34.__)("Border edges", "elementor"), value: "border-box" },
|
|
4352
|
+
{ label: (0, import_i18n34.__)("Padding edges", "elementor"), value: "padding-box" },
|
|
4353
|
+
{ label: (0, import_i18n34.__)("Content edges", "elementor"), value: "content-box" },
|
|
4354
|
+
{ label: (0, import_i18n34.__)("Text", "elementor"), value: "text" }
|
|
4342
4355
|
];
|
|
4343
|
-
var colorLabel = (0,
|
|
4344
|
-
var clipLabel = (0,
|
|
4356
|
+
var colorLabel = (0, import_i18n34.__)("Color", "elementor");
|
|
4357
|
+
var clipLabel = (0, import_i18n34.__)("Clipping", "elementor");
|
|
4345
4358
|
var BackgroundControl = createControl(() => {
|
|
4346
4359
|
const propContext = useBoundProp(import_editor_props34.backgroundPropTypeUtil);
|
|
4347
4360
|
return /* @__PURE__ */ React75.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React75.createElement(PropKeyProvider, { bind: "background-overlay" }, /* @__PURE__ */ React75.createElement(BackgroundOverlayRepeaterControl, null)), /* @__PURE__ */ React75.createElement(BackgroundColorField, null), /* @__PURE__ */ React75.createElement(BackgroundClipField, null));
|
|
@@ -4504,7 +4517,7 @@ var React77 = __toESM(require("react"));
|
|
|
4504
4517
|
var import_react40 = require("react");
|
|
4505
4518
|
var import_editor_props36 = require("@elementor/editor-props");
|
|
4506
4519
|
var import_ui64 = require("@elementor/ui");
|
|
4507
|
-
var
|
|
4520
|
+
var import_i18n35 = require("@wordpress/i18n");
|
|
4508
4521
|
|
|
4509
4522
|
// src/utils/escape-html-attr.ts
|
|
4510
4523
|
var escapeHtmlAttr = (value) => {
|
|
@@ -4527,8 +4540,8 @@ var KeyValueControl = createControl((props = {}) => {
|
|
|
4527
4540
|
key: value?.key?.value || "",
|
|
4528
4541
|
value: value?.value?.value || ""
|
|
4529
4542
|
});
|
|
4530
|
-
const keyLabel = props.keyName || (0,
|
|
4531
|
-
const valueLabel = props.valueName || (0,
|
|
4543
|
+
const keyLabel = props.keyName || (0, import_i18n35.__)("Key", "elementor");
|
|
4544
|
+
const valueLabel = props.valueName || (0, import_i18n35.__)("Value", "elementor");
|
|
4532
4545
|
const { keyHelper, valueHelper } = props.getHelperText?.(sessionState.key, sessionState.value) || {
|
|
4533
4546
|
keyHelper: void 0,
|
|
4534
4547
|
valueHelper: void 0
|
|
@@ -4537,7 +4550,7 @@ var KeyValueControl = createControl((props = {}) => {
|
|
|
4537
4550
|
() => [
|
|
4538
4551
|
props.regexKey ? new RegExp(props.regexKey) : void 0,
|
|
4539
4552
|
props.regexValue ? new RegExp(props.regexValue) : void 0,
|
|
4540
|
-
props.validationErrorMessage || (0,
|
|
4553
|
+
props.validationErrorMessage || (0, import_i18n35.__)("Invalid Format", "elementor")
|
|
4541
4554
|
],
|
|
4542
4555
|
[props.regexKey, props.regexValue, props.validationErrorMessage]
|
|
4543
4556
|
);
|
|
@@ -4608,20 +4621,20 @@ var KeyValueControl = createControl((props = {}) => {
|
|
|
4608
4621
|
var React78 = __toESM(require("react"));
|
|
4609
4622
|
var import_editor_props37 = require("@elementor/editor-props");
|
|
4610
4623
|
var import_editor_ui9 = require("@elementor/editor-ui");
|
|
4611
|
-
var
|
|
4624
|
+
var import_icons23 = require("@elementor/icons");
|
|
4612
4625
|
var import_ui65 = require("@elementor/ui");
|
|
4613
|
-
var
|
|
4626
|
+
var import_i18n36 = require("@wordpress/i18n");
|
|
4614
4627
|
var positionOptions = [
|
|
4615
|
-
{ label: (0,
|
|
4616
|
-
{ label: (0,
|
|
4617
|
-
{ label: (0,
|
|
4618
|
-
{ label: (0,
|
|
4619
|
-
{ label: (0,
|
|
4620
|
-
{ label: (0,
|
|
4621
|
-
{ label: (0,
|
|
4622
|
-
{ label: (0,
|
|
4623
|
-
{ label: (0,
|
|
4624
|
-
{ label: (0,
|
|
4628
|
+
{ label: (0, import_i18n36.__)("Center center", "elementor"), value: "center center" },
|
|
4629
|
+
{ label: (0, import_i18n36.__)("Center left", "elementor"), value: "center left" },
|
|
4630
|
+
{ label: (0, import_i18n36.__)("Center right", "elementor"), value: "center right" },
|
|
4631
|
+
{ label: (0, import_i18n36.__)("Top center", "elementor"), value: "top center" },
|
|
4632
|
+
{ label: (0, import_i18n36.__)("Top left", "elementor"), value: "top left" },
|
|
4633
|
+
{ label: (0, import_i18n36.__)("Top right", "elementor"), value: "top right" },
|
|
4634
|
+
{ label: (0, import_i18n36.__)("Bottom center", "elementor"), value: "bottom center" },
|
|
4635
|
+
{ label: (0, import_i18n36.__)("Bottom left", "elementor"), value: "bottom left" },
|
|
4636
|
+
{ label: (0, import_i18n36.__)("Bottom right", "elementor"), value: "bottom right" },
|
|
4637
|
+
{ label: (0, import_i18n36.__)("Custom", "elementor"), value: "custom" }
|
|
4625
4638
|
];
|
|
4626
4639
|
var PositionControl = () => {
|
|
4627
4640
|
const positionContext = useBoundProp(import_editor_props37.positionPropTypeUtil);
|
|
@@ -4635,7 +4648,7 @@ var PositionControl = () => {
|
|
|
4635
4648
|
stringPropContext.setValue(value);
|
|
4636
4649
|
}
|
|
4637
4650
|
};
|
|
4638
|
-
return /* @__PURE__ */ React78.createElement(import_ui65.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React78.createElement(import_ui65.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React78.createElement(import_ui65.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React78.createElement(import_ui65.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(ControlFormLabel, null, (0,
|
|
4651
|
+
return /* @__PURE__ */ React78.createElement(import_ui65.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React78.createElement(import_ui65.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React78.createElement(import_ui65.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React78.createElement(import_ui65.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(ControlFormLabel, null, (0, import_i18n36.__)("Object position", "elementor"))), /* @__PURE__ */ React78.createElement(import_ui65.Grid, { item: true, xs: 6, sx: { overflow: "hidden" } }, /* @__PURE__ */ React78.createElement(
|
|
4639
4652
|
import_ui65.Select,
|
|
4640
4653
|
{
|
|
4641
4654
|
size: "tiny",
|
|
@@ -4648,13 +4661,13 @@ var PositionControl = () => {
|
|
|
4648
4661
|
)))), isCustom && /* @__PURE__ */ React78.createElement(PropProvider, { ...positionContext }, /* @__PURE__ */ React78.createElement(import_ui65.Grid, { item: true, xs: 12 }, /* @__PURE__ */ React78.createElement(import_ui65.Grid, { container: true, spacing: 1.5 }, /* @__PURE__ */ React78.createElement(import_ui65.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind: "x" }, /* @__PURE__ */ React78.createElement(
|
|
4649
4662
|
SizeControl,
|
|
4650
4663
|
{
|
|
4651
|
-
startIcon: /* @__PURE__ */ React78.createElement(
|
|
4664
|
+
startIcon: /* @__PURE__ */ React78.createElement(import_icons23.LetterXIcon, { fontSize: "tiny" }),
|
|
4652
4665
|
min: -Number.MAX_SAFE_INTEGER
|
|
4653
4666
|
}
|
|
4654
4667
|
))), /* @__PURE__ */ React78.createElement(import_ui65.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React78.createElement(PropKeyProvider, { bind: "y" }, /* @__PURE__ */ React78.createElement(
|
|
4655
4668
|
SizeControl,
|
|
4656
4669
|
{
|
|
4657
|
-
startIcon: /* @__PURE__ */ React78.createElement(
|
|
4670
|
+
startIcon: /* @__PURE__ */ React78.createElement(import_icons23.LetterYIcon, { fontSize: "tiny" }),
|
|
4658
4671
|
min: -Number.MAX_SAFE_INTEGER
|
|
4659
4672
|
}
|
|
4660
4673
|
)))))));
|
|
@@ -4664,9 +4677,9 @@ var PositionControl = () => {
|
|
|
4664
4677
|
var React91 = __toESM(require("react"));
|
|
4665
4678
|
var import_react46 = require("react");
|
|
4666
4679
|
var import_editor_props46 = require("@elementor/editor-props");
|
|
4667
|
-
var
|
|
4680
|
+
var import_icons30 = require("@elementor/icons");
|
|
4668
4681
|
var import_ui78 = require("@elementor/ui");
|
|
4669
|
-
var
|
|
4682
|
+
var import_i18n46 = require("@wordpress/i18n");
|
|
4670
4683
|
|
|
4671
4684
|
// src/controls/transform-control/initial-values.ts
|
|
4672
4685
|
var import_editor_props38 = require("@elementor/editor-props");
|
|
@@ -4717,35 +4730,35 @@ var initialSkewValue = import_editor_props38.skewTransformPropTypeUtil.create({
|
|
|
4717
4730
|
// src/controls/transform-control/transform-base-control.tsx
|
|
4718
4731
|
var React81 = __toESM(require("react"));
|
|
4719
4732
|
var import_editor_ui10 = require("@elementor/editor-ui");
|
|
4720
|
-
var
|
|
4733
|
+
var import_icons24 = require("@elementor/icons");
|
|
4721
4734
|
var import_ui68 = require("@elementor/ui");
|
|
4722
|
-
var
|
|
4735
|
+
var import_i18n39 = require("@wordpress/i18n");
|
|
4723
4736
|
|
|
4724
4737
|
// src/controls/transform-control/transform-base-controls/children-perspective-control.tsx
|
|
4725
4738
|
var React79 = __toESM(require("react"));
|
|
4726
4739
|
var import_editor_props39 = require("@elementor/editor-props");
|
|
4727
4740
|
var import_ui66 = require("@elementor/ui");
|
|
4728
|
-
var
|
|
4741
|
+
var import_i18n37 = require("@wordpress/i18n");
|
|
4729
4742
|
var ORIGIN_UNITS = ["px", "%", "em", "rem"];
|
|
4730
4743
|
var PERSPECTIVE_CONTROL_FIELD = {
|
|
4731
|
-
label: (0,
|
|
4744
|
+
label: (0, import_i18n37.__)("Perspective", "elementor"),
|
|
4732
4745
|
bind: "perspective",
|
|
4733
4746
|
units: ["px", "em", "rem", "vw", "vh"]
|
|
4734
4747
|
};
|
|
4735
4748
|
var CHILDREN_PERSPECTIVE_FIELDS = [
|
|
4736
4749
|
{
|
|
4737
|
-
label: (0,
|
|
4750
|
+
label: (0, import_i18n37.__)("Origin X", "elementor"),
|
|
4738
4751
|
bind: "x",
|
|
4739
4752
|
units: ORIGIN_UNITS
|
|
4740
4753
|
},
|
|
4741
4754
|
{
|
|
4742
|
-
label: (0,
|
|
4755
|
+
label: (0, import_i18n37.__)("Origin Y", "elementor"),
|
|
4743
4756
|
bind: "y",
|
|
4744
4757
|
units: ORIGIN_UNITS
|
|
4745
4758
|
}
|
|
4746
4759
|
];
|
|
4747
4760
|
var ChildrenPerspectiveControl = () => {
|
|
4748
|
-
return /* @__PURE__ */ React79.createElement(import_ui66.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React79.createElement(ControlFormLabel, null, (0,
|
|
4761
|
+
return /* @__PURE__ */ React79.createElement(import_ui66.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React79.createElement(ControlFormLabel, null, (0, import_i18n37.__)("Children perspective", "elementor")), /* @__PURE__ */ React79.createElement(PerspectiveControl, null), /* @__PURE__ */ React79.createElement(PerspectiveOriginControl, null));
|
|
4749
4762
|
};
|
|
4750
4763
|
var PerspectiveControl = () => /* @__PURE__ */ React79.createElement(PropKeyProvider, { bind: "perspective" }, /* @__PURE__ */ React79.createElement(ControlFields, { control: PERSPECTIVE_CONTROL_FIELD, key: PERSPECTIVE_CONTROL_FIELD.bind }));
|
|
4751
4764
|
var PerspectiveOriginControl = () => /* @__PURE__ */ React79.createElement(PropKeyProvider, { bind: "perspective-origin" }, /* @__PURE__ */ React79.createElement(PerspectiveOriginControlProvider, null));
|
|
@@ -4762,28 +4775,28 @@ var ControlFields = ({ control }) => {
|
|
|
4762
4775
|
var React80 = __toESM(require("react"));
|
|
4763
4776
|
var import_editor_props40 = require("@elementor/editor-props");
|
|
4764
4777
|
var import_ui67 = require("@elementor/ui");
|
|
4765
|
-
var
|
|
4778
|
+
var import_i18n38 = require("@wordpress/i18n");
|
|
4766
4779
|
var TRANSFORM_ORIGIN_UNITS = ["px", "%", "em", "rem"];
|
|
4767
4780
|
var TRANSFORM_ORIGIN_UNITS_Z_AXIS = TRANSFORM_ORIGIN_UNITS.filter((unit) => unit !== "%");
|
|
4768
4781
|
var TRANSFORM_ORIGIN_FIELDS = [
|
|
4769
4782
|
{
|
|
4770
|
-
label: (0,
|
|
4783
|
+
label: (0, import_i18n38.__)("Origin X", "elementor"),
|
|
4771
4784
|
bind: "x",
|
|
4772
4785
|
units: TRANSFORM_ORIGIN_UNITS
|
|
4773
4786
|
},
|
|
4774
4787
|
{
|
|
4775
|
-
label: (0,
|
|
4788
|
+
label: (0, import_i18n38.__)("Origin Y", "elementor"),
|
|
4776
4789
|
bind: "y",
|
|
4777
4790
|
units: TRANSFORM_ORIGIN_UNITS
|
|
4778
4791
|
},
|
|
4779
4792
|
{
|
|
4780
|
-
label: (0,
|
|
4793
|
+
label: (0, import_i18n38.__)("Origin Z", "elementor"),
|
|
4781
4794
|
bind: "z",
|
|
4782
4795
|
units: TRANSFORM_ORIGIN_UNITS_Z_AXIS
|
|
4783
4796
|
}
|
|
4784
4797
|
];
|
|
4785
4798
|
var TransformOriginControl = () => {
|
|
4786
|
-
return /* @__PURE__ */ React80.createElement(import_ui67.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React80.createElement(ControlFormLabel, null, (0,
|
|
4799
|
+
return /* @__PURE__ */ React80.createElement(import_ui67.Stack, { direction: "column", spacing: 1.5 }, /* @__PURE__ */ React80.createElement(ControlFormLabel, null, (0, import_i18n38.__)("Transform", "elementor")), TRANSFORM_ORIGIN_FIELDS.map((control) => /* @__PURE__ */ React80.createElement(ControlFields2, { control, key: control.bind })));
|
|
4787
4800
|
};
|
|
4788
4801
|
var ControlFields2 = ({ control }) => {
|
|
4789
4802
|
const context = useBoundProp(import_editor_props40.transformOriginPropTypeUtil);
|
|
@@ -4819,9 +4832,9 @@ var TransformBaseControl = ({
|
|
|
4819
4832
|
/* @__PURE__ */ React81.createElement(
|
|
4820
4833
|
import_editor_ui10.PopoverHeader,
|
|
4821
4834
|
{
|
|
4822
|
-
title: (0,
|
|
4835
|
+
title: (0, import_i18n39.__)("Base Transform", "elementor"),
|
|
4823
4836
|
onClose: popupState.close,
|
|
4824
|
-
icon: /* @__PURE__ */ React81.createElement(
|
|
4837
|
+
icon: /* @__PURE__ */ React81.createElement(import_icons24.AdjustmentsIcon, { fontSize: SIZE7 })
|
|
4825
4838
|
}
|
|
4826
4839
|
),
|
|
4827
4840
|
/* @__PURE__ */ React81.createElement(import_ui68.Divider, null),
|
|
@@ -4832,15 +4845,15 @@ var TransformBaseControl = ({
|
|
|
4832
4845
|
// src/controls/transform-control/transform-content.tsx
|
|
4833
4846
|
var React88 = __toESM(require("react"));
|
|
4834
4847
|
var import_ui76 = require("@elementor/ui");
|
|
4835
|
-
var
|
|
4848
|
+
var import_i18n44 = require("@wordpress/i18n");
|
|
4836
4849
|
|
|
4837
4850
|
// src/controls/transform-control/functions/move.tsx
|
|
4838
4851
|
var React83 = __toESM(require("react"));
|
|
4839
4852
|
var import_react41 = require("react");
|
|
4840
4853
|
var import_editor_props41 = require("@elementor/editor-props");
|
|
4841
|
-
var
|
|
4854
|
+
var import_icons25 = require("@elementor/icons");
|
|
4842
4855
|
var import_ui70 = require("@elementor/ui");
|
|
4843
|
-
var
|
|
4856
|
+
var import_i18n40 = require("@wordpress/i18n");
|
|
4844
4857
|
|
|
4845
4858
|
// src/controls/transform-control/functions/axis-row.tsx
|
|
4846
4859
|
var React82 = __toESM(require("react"));
|
|
@@ -4863,21 +4876,21 @@ var AxisRow = ({ label, bind, startIcon, anchorRef, units: units2, variant = "an
|
|
|
4863
4876
|
// src/controls/transform-control/functions/move.tsx
|
|
4864
4877
|
var moveAxisControls = [
|
|
4865
4878
|
{
|
|
4866
|
-
label: (0,
|
|
4879
|
+
label: (0, import_i18n40.__)("Move X", "elementor"),
|
|
4867
4880
|
bind: "x",
|
|
4868
|
-
startIcon: /* @__PURE__ */ React83.createElement(
|
|
4881
|
+
startIcon: /* @__PURE__ */ React83.createElement(import_icons25.ArrowRightIcon, { fontSize: "tiny" }),
|
|
4869
4882
|
units: ["px", "%", "em", "rem", "vw"]
|
|
4870
4883
|
},
|
|
4871
4884
|
{
|
|
4872
|
-
label: (0,
|
|
4885
|
+
label: (0, import_i18n40.__)("Move Y", "elementor"),
|
|
4873
4886
|
bind: "y",
|
|
4874
|
-
startIcon: /* @__PURE__ */ React83.createElement(
|
|
4887
|
+
startIcon: /* @__PURE__ */ React83.createElement(import_icons25.ArrowDownSmallIcon, { fontSize: "tiny" }),
|
|
4875
4888
|
units: ["px", "%", "em", "rem", "vh"]
|
|
4876
4889
|
},
|
|
4877
4890
|
{
|
|
4878
|
-
label: (0,
|
|
4891
|
+
label: (0, import_i18n40.__)("Move Z", "elementor"),
|
|
4879
4892
|
bind: "z",
|
|
4880
|
-
startIcon: /* @__PURE__ */ React83.createElement(
|
|
4893
|
+
startIcon: /* @__PURE__ */ React83.createElement(import_icons25.ArrowDownLeftIcon, { fontSize: "tiny" }),
|
|
4881
4894
|
units: ["px", "%", "em", "rem", "vw", "vh"]
|
|
4882
4895
|
}
|
|
4883
4896
|
];
|
|
@@ -4900,24 +4913,24 @@ var Move = () => {
|
|
|
4900
4913
|
var React84 = __toESM(require("react"));
|
|
4901
4914
|
var import_react42 = require("react");
|
|
4902
4915
|
var import_editor_props42 = require("@elementor/editor-props");
|
|
4903
|
-
var
|
|
4916
|
+
var import_icons26 = require("@elementor/icons");
|
|
4904
4917
|
var import_ui71 = require("@elementor/ui");
|
|
4905
|
-
var
|
|
4918
|
+
var import_i18n41 = require("@wordpress/i18n");
|
|
4906
4919
|
var rotateAxisControls = [
|
|
4907
4920
|
{
|
|
4908
|
-
label: (0,
|
|
4921
|
+
label: (0, import_i18n41.__)("Rotate X", "elementor"),
|
|
4909
4922
|
bind: "x",
|
|
4910
|
-
startIcon: /* @__PURE__ */ React84.createElement(
|
|
4923
|
+
startIcon: /* @__PURE__ */ React84.createElement(import_icons26.Arrow360Icon, { fontSize: "tiny" })
|
|
4911
4924
|
},
|
|
4912
4925
|
{
|
|
4913
|
-
label: (0,
|
|
4926
|
+
label: (0, import_i18n41.__)("Rotate Y", "elementor"),
|
|
4914
4927
|
bind: "y",
|
|
4915
|
-
startIcon: /* @__PURE__ */ React84.createElement(
|
|
4928
|
+
startIcon: /* @__PURE__ */ React84.createElement(import_icons26.Arrow360Icon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
|
|
4916
4929
|
},
|
|
4917
4930
|
{
|
|
4918
|
-
label: (0,
|
|
4931
|
+
label: (0, import_i18n41.__)("Rotate Z", "elementor"),
|
|
4919
4932
|
bind: "z",
|
|
4920
|
-
startIcon: /* @__PURE__ */ React84.createElement(
|
|
4933
|
+
startIcon: /* @__PURE__ */ React84.createElement(import_icons26.RotateClockwiseIcon, { fontSize: "tiny" })
|
|
4921
4934
|
}
|
|
4922
4935
|
];
|
|
4923
4936
|
var rotateUnits = ["deg", "rad", "grad", "turn"];
|
|
@@ -4939,9 +4952,9 @@ var Rotate = () => {
|
|
|
4939
4952
|
var React86 = __toESM(require("react"));
|
|
4940
4953
|
var import_react43 = require("react");
|
|
4941
4954
|
var import_editor_props43 = require("@elementor/editor-props");
|
|
4942
|
-
var
|
|
4955
|
+
var import_icons27 = require("@elementor/icons");
|
|
4943
4956
|
var import_ui73 = require("@elementor/ui");
|
|
4944
|
-
var
|
|
4957
|
+
var import_i18n42 = require("@wordpress/i18n");
|
|
4945
4958
|
|
|
4946
4959
|
// src/controls/transform-control/functions/scale-axis-row.tsx
|
|
4947
4960
|
var React85 = __toESM(require("react"));
|
|
@@ -4953,19 +4966,19 @@ var ScaleAxisRow = ({ label, bind, startIcon, anchorRef }) => {
|
|
|
4953
4966
|
// src/controls/transform-control/functions/scale.tsx
|
|
4954
4967
|
var scaleAxisControls = [
|
|
4955
4968
|
{
|
|
4956
|
-
label: (0,
|
|
4969
|
+
label: (0, import_i18n42.__)("Scale X", "elementor"),
|
|
4957
4970
|
bind: "x",
|
|
4958
|
-
startIcon: /* @__PURE__ */ React86.createElement(
|
|
4971
|
+
startIcon: /* @__PURE__ */ React86.createElement(import_icons27.ArrowRightIcon, { fontSize: "tiny" })
|
|
4959
4972
|
},
|
|
4960
4973
|
{
|
|
4961
|
-
label: (0,
|
|
4974
|
+
label: (0, import_i18n42.__)("Scale Y", "elementor"),
|
|
4962
4975
|
bind: "y",
|
|
4963
|
-
startIcon: /* @__PURE__ */ React86.createElement(
|
|
4976
|
+
startIcon: /* @__PURE__ */ React86.createElement(import_icons27.ArrowDownSmallIcon, { fontSize: "tiny" })
|
|
4964
4977
|
},
|
|
4965
4978
|
{
|
|
4966
|
-
label: (0,
|
|
4979
|
+
label: (0, import_i18n42.__)("Scale Z", "elementor"),
|
|
4967
4980
|
bind: "z",
|
|
4968
|
-
startIcon: /* @__PURE__ */ React86.createElement(
|
|
4981
|
+
startIcon: /* @__PURE__ */ React86.createElement(import_icons27.ArrowDownLeftIcon, { fontSize: "tiny" })
|
|
4969
4982
|
}
|
|
4970
4983
|
];
|
|
4971
4984
|
var Scale = () => {
|
|
@@ -4978,19 +4991,19 @@ var Scale = () => {
|
|
|
4978
4991
|
var React87 = __toESM(require("react"));
|
|
4979
4992
|
var import_react44 = require("react");
|
|
4980
4993
|
var import_editor_props44 = require("@elementor/editor-props");
|
|
4981
|
-
var
|
|
4994
|
+
var import_icons28 = require("@elementor/icons");
|
|
4982
4995
|
var import_ui74 = require("@elementor/ui");
|
|
4983
|
-
var
|
|
4996
|
+
var import_i18n43 = require("@wordpress/i18n");
|
|
4984
4997
|
var skewAxisControls = [
|
|
4985
4998
|
{
|
|
4986
|
-
label: (0,
|
|
4999
|
+
label: (0, import_i18n43.__)("Skew X", "elementor"),
|
|
4987
5000
|
bind: "x",
|
|
4988
|
-
startIcon: /* @__PURE__ */ React87.createElement(
|
|
5001
|
+
startIcon: /* @__PURE__ */ React87.createElement(import_icons28.ArrowRightIcon, { fontSize: "tiny" })
|
|
4989
5002
|
},
|
|
4990
5003
|
{
|
|
4991
|
-
label: (0,
|
|
5004
|
+
label: (0, import_i18n43.__)("Skew Y", "elementor"),
|
|
4992
5005
|
bind: "y",
|
|
4993
|
-
startIcon: /* @__PURE__ */ React87.createElement(
|
|
5006
|
+
startIcon: /* @__PURE__ */ React87.createElement(import_icons28.ArrowLeftIcon, { fontSize: "tiny", style: { transform: "scaleX(-1) rotate(-90deg)" } })
|
|
4994
5007
|
}
|
|
4995
5008
|
];
|
|
4996
5009
|
var skewUnits = ["deg", "rad", "grad", "turn"];
|
|
@@ -5108,28 +5121,28 @@ var TransformContent = () => {
|
|
|
5108
5121
|
}
|
|
5109
5122
|
},
|
|
5110
5123
|
...getTabsProps(),
|
|
5111
|
-
"aria-label": (0,
|
|
5124
|
+
"aria-label": (0, import_i18n44.__)("Transform", "elementor")
|
|
5112
5125
|
},
|
|
5113
|
-
/* @__PURE__ */ React88.createElement(import_ui76.Tab, { label: (0,
|
|
5114
|
-
/* @__PURE__ */ React88.createElement(import_ui76.Tab, { label: (0,
|
|
5115
|
-
/* @__PURE__ */ React88.createElement(import_ui76.Tab, { label: (0,
|
|
5116
|
-
/* @__PURE__ */ React88.createElement(import_ui76.Tab, { label: (0,
|
|
5126
|
+
/* @__PURE__ */ React88.createElement(import_ui76.Tab, { label: (0, import_i18n44.__)("Move", "elementor"), ...getTabProps(TransformFunctionKeys.move) }),
|
|
5127
|
+
/* @__PURE__ */ React88.createElement(import_ui76.Tab, { label: (0, import_i18n44.__)("Scale", "elementor"), ...getTabProps(TransformFunctionKeys.scale) }),
|
|
5128
|
+
/* @__PURE__ */ React88.createElement(import_ui76.Tab, { label: (0, import_i18n44.__)("Rotate", "elementor"), ...getTabProps(TransformFunctionKeys.rotate) }),
|
|
5129
|
+
/* @__PURE__ */ React88.createElement(import_ui76.Tab, { label: (0, import_i18n44.__)("Skew", "elementor"), ...getTabProps(TransformFunctionKeys.skew) })
|
|
5117
5130
|
)), /* @__PURE__ */ React88.createElement(import_ui76.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.move) }, /* @__PURE__ */ React88.createElement(Move, null)), /* @__PURE__ */ React88.createElement(import_ui76.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.scale) }, /* @__PURE__ */ React88.createElement(Scale, null)), /* @__PURE__ */ React88.createElement(import_ui76.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.rotate) }, /* @__PURE__ */ React88.createElement(Rotate, null)), /* @__PURE__ */ React88.createElement(import_ui76.TabPanel, { sx: { p: 1.5 }, ...getTabPanelProps(TransformFunctionKeys.skew) }, /* @__PURE__ */ React88.createElement(Skew, null))));
|
|
5118
5131
|
};
|
|
5119
5132
|
|
|
5120
5133
|
// src/controls/transform-control/transform-icon.tsx
|
|
5121
5134
|
var React89 = __toESM(require("react"));
|
|
5122
|
-
var
|
|
5135
|
+
var import_icons29 = require("@elementor/icons");
|
|
5123
5136
|
var TransformIcon = ({ value }) => {
|
|
5124
5137
|
switch (value.$$type) {
|
|
5125
5138
|
case TransformFunctionKeys.move:
|
|
5126
|
-
return /* @__PURE__ */ React89.createElement(
|
|
5139
|
+
return /* @__PURE__ */ React89.createElement(import_icons29.ArrowsMaximizeIcon, { fontSize: "tiny" });
|
|
5127
5140
|
case TransformFunctionKeys.scale:
|
|
5128
|
-
return /* @__PURE__ */ React89.createElement(
|
|
5141
|
+
return /* @__PURE__ */ React89.createElement(import_icons29.ExpandIcon, { fontSize: "tiny" });
|
|
5129
5142
|
case TransformFunctionKeys.rotate:
|
|
5130
|
-
return /* @__PURE__ */ React89.createElement(
|
|
5143
|
+
return /* @__PURE__ */ React89.createElement(import_icons29.RotateClockwise2Icon, { fontSize: "tiny" });
|
|
5131
5144
|
case TransformFunctionKeys.skew:
|
|
5132
|
-
return /* @__PURE__ */ React89.createElement(
|
|
5145
|
+
return /* @__PURE__ */ React89.createElement(import_icons29.SkewXIcon, { fontSize: "tiny" });
|
|
5133
5146
|
default:
|
|
5134
5147
|
return null;
|
|
5135
5148
|
}
|
|
@@ -5138,7 +5151,7 @@ var TransformIcon = ({ value }) => {
|
|
|
5138
5151
|
// src/controls/transform-control/transform-label.tsx
|
|
5139
5152
|
var React90 = __toESM(require("react"));
|
|
5140
5153
|
var import_ui77 = require("@elementor/ui");
|
|
5141
|
-
var
|
|
5154
|
+
var import_i18n45 = require("@wordpress/i18n");
|
|
5142
5155
|
var transformMoveValue = (value) => Object.values(value).map((axis) => {
|
|
5143
5156
|
const size = axis?.value?.size ?? defaultValues.move.size;
|
|
5144
5157
|
const unit = axis?.value?.unit ?? defaultValues.move.unit;
|
|
@@ -5159,13 +5172,13 @@ var TransformLabel = (props) => {
|
|
|
5159
5172
|
const { $$type, value } = props.value;
|
|
5160
5173
|
switch ($$type) {
|
|
5161
5174
|
case TransformFunctionKeys.move:
|
|
5162
|
-
return /* @__PURE__ */ React90.createElement(Label2, { label: (0,
|
|
5175
|
+
return /* @__PURE__ */ React90.createElement(Label2, { label: (0, import_i18n45.__)("Move", "elementor"), value: transformMoveValue(value) });
|
|
5163
5176
|
case TransformFunctionKeys.scale:
|
|
5164
|
-
return /* @__PURE__ */ React90.createElement(Label2, { label: (0,
|
|
5177
|
+
return /* @__PURE__ */ React90.createElement(Label2, { label: (0, import_i18n45.__)("Scale", "elementor"), value: transformScaleValue(value) });
|
|
5165
5178
|
case TransformFunctionKeys.rotate:
|
|
5166
|
-
return /* @__PURE__ */ React90.createElement(Label2, { label: (0,
|
|
5179
|
+
return /* @__PURE__ */ React90.createElement(Label2, { label: (0, import_i18n45.__)("Rotate", "elementor"), value: transformRotateValue(value) });
|
|
5167
5180
|
case TransformFunctionKeys.skew:
|
|
5168
|
-
return /* @__PURE__ */ React90.createElement(Label2, { label: (0,
|
|
5181
|
+
return /* @__PURE__ */ React90.createElement(Label2, { label: (0, import_i18n45.__)("Skew", "elementor"), value: transformSkewValue(value) });
|
|
5169
5182
|
default:
|
|
5170
5183
|
return "";
|
|
5171
5184
|
}
|
|
@@ -5189,8 +5202,8 @@ var ToolTip = /* @__PURE__ */ React91.createElement(
|
|
|
5189
5202
|
"aria-label": void 0,
|
|
5190
5203
|
sx: { display: "flex", gap: 0.5, p: 2, width: 320, borderRadius: 1 }
|
|
5191
5204
|
},
|
|
5192
|
-
/* @__PURE__ */ React91.createElement(
|
|
5193
|
-
/* @__PURE__ */ React91.createElement(import_ui78.Typography, { variant: "body2", color: "text.secondary", fontSize: "14px" }, (0,
|
|
5205
|
+
/* @__PURE__ */ React91.createElement(import_icons30.InfoCircleFilledIcon, { sx: { color: "secondary.main" } }),
|
|
5206
|
+
/* @__PURE__ */ React91.createElement(import_ui78.Typography, { variant: "body2", color: "text.secondary", fontSize: "14px" }, (0, import_i18n46.__)("You can use each kind of transform only once per element.", "elementor"))
|
|
5194
5207
|
);
|
|
5195
5208
|
var Repeater2 = ({
|
|
5196
5209
|
headerRef,
|
|
@@ -5213,7 +5226,7 @@ var Repeater2 = ({
|
|
|
5213
5226
|
/* @__PURE__ */ React91.createElement(
|
|
5214
5227
|
Header,
|
|
5215
5228
|
{
|
|
5216
|
-
label: (0,
|
|
5229
|
+
label: (0, import_i18n46.__)("Transform", "elementor"),
|
|
5217
5230
|
adornment: () => /* @__PURE__ */ React91.createElement(ControlAdornments, { customContext: { path: ["transform"], propType } }),
|
|
5218
5231
|
ref: headerRef
|
|
5219
5232
|
},
|
|
@@ -5244,16 +5257,16 @@ var TransformBasePopoverTrigger = ({
|
|
|
5244
5257
|
repeaterBindKey
|
|
5245
5258
|
}) => {
|
|
5246
5259
|
const { bind } = useBoundProp();
|
|
5247
|
-
return bind !== repeaterBindKey ? null : /* @__PURE__ */ React91.createElement(import_ui78.IconButton, { size: SIZE8, "aria-label": (0,
|
|
5260
|
+
return bind !== repeaterBindKey ? null : /* @__PURE__ */ React91.createElement(import_ui78.IconButton, { size: SIZE8, "aria-label": (0, import_i18n46.__)("Base Transform", "elementor"), ...(0, import_ui78.bindTrigger)(popupState) }, /* @__PURE__ */ React91.createElement(import_icons30.AdjustmentsIcon, { fontSize: SIZE8 }));
|
|
5248
5261
|
};
|
|
5249
5262
|
|
|
5250
5263
|
// src/controls/transition-control/transition-repeater-control.tsx
|
|
5251
5264
|
var React94 = __toESM(require("react"));
|
|
5252
5265
|
var import_react49 = require("react");
|
|
5253
5266
|
var import_editor_props49 = require("@elementor/editor-props");
|
|
5254
|
-
var
|
|
5267
|
+
var import_icons32 = require("@elementor/icons");
|
|
5255
5268
|
var import_ui81 = require("@elementor/ui");
|
|
5256
|
-
var
|
|
5269
|
+
var import_i18n49 = require("@wordpress/i18n");
|
|
5257
5270
|
|
|
5258
5271
|
// src/controls/selection-size-control.tsx
|
|
5259
5272
|
var React92 = __toESM(require("react"));
|
|
@@ -5290,12 +5303,12 @@ var SelectionSizeControl = createControl(
|
|
|
5290
5303
|
);
|
|
5291
5304
|
|
|
5292
5305
|
// src/controls/transition-control/data.ts
|
|
5293
|
-
var
|
|
5306
|
+
var import_i18n47 = require("@wordpress/i18n");
|
|
5294
5307
|
var initialTransitionValue = {
|
|
5295
5308
|
selection: {
|
|
5296
5309
|
$$type: "key-value",
|
|
5297
5310
|
value: {
|
|
5298
|
-
key: { value: (0,
|
|
5311
|
+
key: { value: (0, import_i18n47.__)("All properties", "elementor"), $$type: "string" },
|
|
5299
5312
|
value: { value: "all", $$type: "string" }
|
|
5300
5313
|
}
|
|
5301
5314
|
},
|
|
@@ -5303,9 +5316,9 @@ var initialTransitionValue = {
|
|
|
5303
5316
|
};
|
|
5304
5317
|
var transitionProperties = [
|
|
5305
5318
|
{
|
|
5306
|
-
label: (0,
|
|
5319
|
+
label: (0, import_i18n47.__)("Default", "elementor"),
|
|
5307
5320
|
type: "category",
|
|
5308
|
-
properties: [{ label: (0,
|
|
5321
|
+
properties: [{ label: (0, import_i18n47.__)("All properties", "elementor"), value: "all" }]
|
|
5309
5322
|
}
|
|
5310
5323
|
];
|
|
5311
5324
|
var transitionsItemsList = transitionProperties.map((category) => ({
|
|
@@ -5340,9 +5353,9 @@ function subscribeToTransitionEvent() {
|
|
|
5340
5353
|
var React93 = __toESM(require("react"));
|
|
5341
5354
|
var import_react48 = require("react");
|
|
5342
5355
|
var import_editor_props48 = require("@elementor/editor-props");
|
|
5343
|
-
var
|
|
5356
|
+
var import_icons31 = require("@elementor/icons");
|
|
5344
5357
|
var import_ui80 = require("@elementor/ui");
|
|
5345
|
-
var
|
|
5358
|
+
var import_i18n48 = require("@wordpress/i18n");
|
|
5346
5359
|
var toTransitionSelectorValue = (label) => {
|
|
5347
5360
|
for (const category of transitionProperties) {
|
|
5348
5361
|
const property = category.properties.find((prop) => prop.label === label);
|
|
@@ -5388,7 +5401,7 @@ var TransitionSelector = ({
|
|
|
5388
5401
|
return [
|
|
5389
5402
|
first,
|
|
5390
5403
|
{
|
|
5391
|
-
label: (0,
|
|
5404
|
+
label: (0, import_i18n48.__)("Recently Used", "elementor"),
|
|
5392
5405
|
items: recentItems
|
|
5393
5406
|
},
|
|
5394
5407
|
...rest
|
|
@@ -5417,7 +5430,7 @@ var TransitionSelector = ({
|
|
|
5417
5430
|
{
|
|
5418
5431
|
variant: "outlined",
|
|
5419
5432
|
label: transitionLabel,
|
|
5420
|
-
endIcon: /* @__PURE__ */ React93.createElement(
|
|
5433
|
+
endIcon: /* @__PURE__ */ React93.createElement(import_icons31.ChevronDownIcon, { fontSize: "tiny" }),
|
|
5421
5434
|
...(0, import_ui80.bindTrigger)(popoverState),
|
|
5422
5435
|
fullWidth: true
|
|
5423
5436
|
}
|
|
@@ -5440,8 +5453,8 @@ var TransitionSelector = ({
|
|
|
5440
5453
|
onItemChange: handleTransitionPropertyChange,
|
|
5441
5454
|
onClose: popoverState.close,
|
|
5442
5455
|
sectionWidth: 268,
|
|
5443
|
-
title: (0,
|
|
5444
|
-
icon:
|
|
5456
|
+
title: (0, import_i18n48.__)("Transition Property", "elementor"),
|
|
5457
|
+
icon: import_icons31.VariationsIcon,
|
|
5445
5458
|
disabledItems
|
|
5446
5459
|
}
|
|
5447
5460
|
)
|
|
@@ -5456,8 +5469,8 @@ var DURATION_CONFIG = {
|
|
|
5456
5469
|
};
|
|
5457
5470
|
var getSelectionSizeProps = (recentlyUsedList, disabledItems) => {
|
|
5458
5471
|
return {
|
|
5459
|
-
selectionLabel: (0,
|
|
5460
|
-
sizeLabel: (0,
|
|
5472
|
+
selectionLabel: (0, import_i18n49.__)("Type", "elementor"),
|
|
5473
|
+
sizeLabel: (0, import_i18n49.__)("Duration", "elementor"),
|
|
5461
5474
|
selectionConfig: {
|
|
5462
5475
|
component: TransitionSelector,
|
|
5463
5476
|
props: {
|
|
@@ -5493,10 +5506,10 @@ var disableAddItemTooltipContent = /* @__PURE__ */ React94.createElement(
|
|
|
5493
5506
|
gap: 0.5
|
|
5494
5507
|
},
|
|
5495
5508
|
color: "secondary",
|
|
5496
|
-
icon: /* @__PURE__ */ React94.createElement(
|
|
5509
|
+
icon: /* @__PURE__ */ React94.createElement(import_icons32.InfoCircleFilledIcon, null)
|
|
5497
5510
|
},
|
|
5498
|
-
/* @__PURE__ */ React94.createElement(import_ui81.AlertTitle, null, (0,
|
|
5499
|
-
/* @__PURE__ */ React94.createElement(import_ui81.Box, { component: "span" }, /* @__PURE__ */ React94.createElement(import_ui81.Typography, { variant: "body2" }, (0,
|
|
5511
|
+
/* @__PURE__ */ React94.createElement(import_ui81.AlertTitle, null, (0, import_i18n49.__)("Transitions", "elementor")),
|
|
5512
|
+
/* @__PURE__ */ React94.createElement(import_ui81.Box, { component: "span" }, /* @__PURE__ */ React94.createElement(import_ui81.Typography, { variant: "body2" }, (0, import_i18n49.__)("Switch to 'Normal' state to add a transition.", "elementor")))
|
|
5500
5513
|
);
|
|
5501
5514
|
subscribeToTransitionEvent();
|
|
5502
5515
|
var getTransitionLabel = (item) => {
|
|
@@ -5524,10 +5537,10 @@ var TransitionRepeaterControl = createControl(
|
|
|
5524
5537
|
return /* @__PURE__ */ React94.createElement(
|
|
5525
5538
|
RepeatableControl,
|
|
5526
5539
|
{
|
|
5527
|
-
label: (0,
|
|
5528
|
-
repeaterLabel: (0,
|
|
5540
|
+
label: (0, import_i18n49.__)("Transitions", "elementor"),
|
|
5541
|
+
repeaterLabel: (0, import_i18n49.__)("Transitions", "elementor"),
|
|
5529
5542
|
patternLabel: "${value.selection.value.key.value}: ${value.size.value.size}${value.size.value.unit}",
|
|
5530
|
-
placeholder: (0,
|
|
5543
|
+
placeholder: (0, import_i18n49.__)("Empty Transition", "elementor"),
|
|
5531
5544
|
showDuplicate: false,
|
|
5532
5545
|
showToggle: true,
|
|
5533
5546
|
initialValues: initialTransitionValue,
|
|
@@ -5545,20 +5558,20 @@ var TransitionRepeaterControl = createControl(
|
|
|
5545
5558
|
|
|
5546
5559
|
// src/components/icon-buttons/clear-icon-button.tsx
|
|
5547
5560
|
var React95 = __toESM(require("react"));
|
|
5548
|
-
var
|
|
5561
|
+
var import_icons33 = require("@elementor/icons");
|
|
5549
5562
|
var import_ui82 = require("@elementor/ui");
|
|
5550
5563
|
var CustomIconButton = (0, import_ui82.styled)(import_ui82.IconButton)(({ theme }) => ({
|
|
5551
5564
|
width: theme.spacing(2.5),
|
|
5552
5565
|
height: theme.spacing(2.5)
|
|
5553
5566
|
}));
|
|
5554
|
-
var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React95.createElement(import_ui82.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React95.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React95.createElement(
|
|
5567
|
+
var ClearIconButton = ({ tooltipText, onClick, disabled, size = "tiny" }) => /* @__PURE__ */ React95.createElement(import_ui82.Tooltip, { title: tooltipText, placement: "top", disableInteractive: true }, /* @__PURE__ */ React95.createElement(CustomIconButton, { "aria-label": tooltipText, size, onClick, disabled }, /* @__PURE__ */ React95.createElement(import_icons33.BrushBigIcon, { fontSize: size })));
|
|
5555
5568
|
|
|
5556
5569
|
// src/components/repeater.tsx
|
|
5557
5570
|
var React96 = __toESM(require("react"));
|
|
5558
5571
|
var import_react50 = require("react");
|
|
5559
|
-
var
|
|
5572
|
+
var import_icons34 = require("@elementor/icons");
|
|
5560
5573
|
var import_ui83 = require("@elementor/ui");
|
|
5561
|
-
var
|
|
5574
|
+
var import_i18n50 = require("@wordpress/i18n");
|
|
5562
5575
|
var SIZE9 = "tiny";
|
|
5563
5576
|
var EMPTY_OPEN_ITEM2 = -1;
|
|
5564
5577
|
var Repeater3 = ({
|
|
@@ -5671,9 +5684,9 @@ var Repeater3 = ({
|
|
|
5671
5684
|
sx: { ml: "auto" },
|
|
5672
5685
|
disabled,
|
|
5673
5686
|
onClick: addRepeaterItem,
|
|
5674
|
-
"aria-label": (0,
|
|
5687
|
+
"aria-label": (0, import_i18n50.__)("Add item", "elementor")
|
|
5675
5688
|
},
|
|
5676
|
-
/* @__PURE__ */ React96.createElement(
|
|
5689
|
+
/* @__PURE__ */ React96.createElement(import_icons34.PlusIcon, { fontSize: SIZE9 })
|
|
5677
5690
|
)
|
|
5678
5691
|
), 0 < uniqueKeys.length && /* @__PURE__ */ React96.createElement(SortableProvider, { value: uniqueKeys, onChange: onChangeOrder }, uniqueKeys.map((key, index) => {
|
|
5679
5692
|
const value = items2[index];
|
|
@@ -5717,9 +5730,9 @@ var RepeaterItem = ({
|
|
|
5717
5730
|
}) => {
|
|
5718
5731
|
const [anchorEl, setAnchorEl] = (0, import_react50.useState)(null);
|
|
5719
5732
|
const { popoverState, popoverProps, ref, setRef } = usePopover(openOnMount, onOpen);
|
|
5720
|
-
const duplicateLabel = (0,
|
|
5721
|
-
const toggleLabel = propDisabled ? (0,
|
|
5722
|
-
const removeLabel = (0,
|
|
5733
|
+
const duplicateLabel = (0, import_i18n50.__)("Duplicate", "elementor");
|
|
5734
|
+
const toggleLabel = propDisabled ? (0, import_i18n50.__)("Show", "elementor") : (0, import_i18n50.__)("Hide", "elementor");
|
|
5735
|
+
const removeLabel = (0, import_i18n50.__)("Remove", "elementor");
|
|
5723
5736
|
return /* @__PURE__ */ React96.createElement(React96.Fragment, null, /* @__PURE__ */ React96.createElement(
|
|
5724
5737
|
import_ui83.UnstableTag,
|
|
5725
5738
|
{
|
|
@@ -5729,10 +5742,10 @@ var RepeaterItem = ({
|
|
|
5729
5742
|
fullWidth: true,
|
|
5730
5743
|
ref: setRef,
|
|
5731
5744
|
variant: "outlined",
|
|
5732
|
-
"aria-label": (0,
|
|
5745
|
+
"aria-label": (0, import_i18n50.__)("Open item", "elementor"),
|
|
5733
5746
|
...(0, import_ui83.bindTrigger)(popoverState),
|
|
5734
5747
|
startIcon,
|
|
5735
|
-
actions: /* @__PURE__ */ React96.createElement(React96.Fragment, null, showDuplicate && /* @__PURE__ */ React96.createElement(import_ui83.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React96.createElement(import_ui83.IconButton, { size: SIZE9, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React96.createElement(
|
|
5748
|
+
actions: /* @__PURE__ */ React96.createElement(React96.Fragment, null, showDuplicate && /* @__PURE__ */ React96.createElement(import_ui83.Tooltip, { title: duplicateLabel, placement: "top" }, /* @__PURE__ */ React96.createElement(import_ui83.IconButton, { size: SIZE9, onClick: duplicateItem, "aria-label": duplicateLabel }, /* @__PURE__ */ React96.createElement(import_icons34.CopyIcon, { fontSize: SIZE9 }))), showToggle && /* @__PURE__ */ React96.createElement(import_ui83.Tooltip, { title: toggleLabel, placement: "top" }, /* @__PURE__ */ React96.createElement(import_ui83.IconButton, { size: SIZE9, onClick: toggleDisableItem, "aria-label": toggleLabel }, propDisabled ? /* @__PURE__ */ React96.createElement(import_icons34.EyeOffIcon, { fontSize: SIZE9 }) : /* @__PURE__ */ React96.createElement(import_icons34.EyeIcon, { fontSize: SIZE9 }))), /* @__PURE__ */ React96.createElement(import_ui83.Tooltip, { title: removeLabel, placement: "top" }, /* @__PURE__ */ React96.createElement(import_ui83.IconButton, { size: SIZE9, onClick: removeItem, "aria-label": removeLabel }, /* @__PURE__ */ React96.createElement(import_icons34.XIcon, { fontSize: SIZE9 }))))
|
|
5736
5749
|
}
|
|
5737
5750
|
), /* @__PURE__ */ React96.createElement(
|
|
5738
5751
|
import_ui83.Popover,
|