@elementor/editor-variables 4.1.0-799 → 4.1.0-800
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 +28 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +30 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +15 -15
- package/src/components/variables-repeater-item-slot.tsx +20 -0
- package/src/repeater-injections.ts +22 -0
package/dist/index.js
CHANGED
|
@@ -4272,6 +4272,20 @@ var BoxShadowRepeaterLabel = ({ value }) => {
|
|
|
4272
4272
|
const positionLabel = position?.value || "outset";
|
|
4273
4273
|
return /* @__PURE__ */ React39.createElement(import_ui36.Box, { component: "span", style: { textTransform: "capitalize" } }, positionLabel, ": ", labels.join(" "));
|
|
4274
4274
|
};
|
|
4275
|
+
var TransformRepeaterLabel = ({ value }) => {
|
|
4276
|
+
const labels = [];
|
|
4277
|
+
if (import_editor_props8.moveTransformPropTypeUtil.isValid(value)) {
|
|
4278
|
+
labels.push((0, import_i18n27.__)("Move:", "elementor"));
|
|
4279
|
+
const { x, y, z: z6 } = import_editor_props8.moveTransformPropTypeUtil.extract(value) || {};
|
|
4280
|
+
for (const val of [x, y, z6]) {
|
|
4281
|
+
const rendered = sizeValue(val);
|
|
4282
|
+
if (rendered) {
|
|
4283
|
+
labels.push(rendered);
|
|
4284
|
+
}
|
|
4285
|
+
}
|
|
4286
|
+
}
|
|
4287
|
+
return /* @__PURE__ */ React39.createElement(import_ui36.Box, { component: "span" }, labels.join(" "));
|
|
4288
|
+
};
|
|
4275
4289
|
var TransitionsSizeVariableLabel = ({ value: prop }) => {
|
|
4276
4290
|
let label = "";
|
|
4277
4291
|
const variableId = prop?.value?.size?.value || "";
|
|
@@ -4291,6 +4305,7 @@ function registerRepeaterInjections() {
|
|
|
4291
4305
|
backgroundOverlayRepeaterInjections();
|
|
4292
4306
|
boxShadowRepeaterInjections();
|
|
4293
4307
|
transitionsRepeaterInjections();
|
|
4308
|
+
transformRepeaterInjections();
|
|
4294
4309
|
filterRepeaterInjections();
|
|
4295
4310
|
}
|
|
4296
4311
|
function backgroundOverlayRepeaterInjections() {
|
|
@@ -4327,6 +4342,19 @@ function boxShadowRepeaterInjections() {
|
|
|
4327
4342
|
}
|
|
4328
4343
|
});
|
|
4329
4344
|
}
|
|
4345
|
+
function transformRepeaterInjections() {
|
|
4346
|
+
(0, import_editor_controls17.injectIntoRepeaterItemLabel)({
|
|
4347
|
+
id: "transform-size-variables-label",
|
|
4348
|
+
component: TransformRepeaterLabel,
|
|
4349
|
+
condition: ({ value }) => {
|
|
4350
|
+
if (import_editor_props9.moveTransformPropTypeUtil.isValid(value)) {
|
|
4351
|
+
const { x: xAxis, y: yAxis, z: zAxis } = import_editor_props9.moveTransformPropTypeUtil.extract(value) || {};
|
|
4352
|
+
return hasAssignedSizeVariable(xAxis) || hasAssignedSizeVariable(yAxis) || hasAssignedSizeVariable(zAxis);
|
|
4353
|
+
}
|
|
4354
|
+
return false;
|
|
4355
|
+
}
|
|
4356
|
+
});
|
|
4357
|
+
}
|
|
4330
4358
|
function transitionsRepeaterInjections() {
|
|
4331
4359
|
(0, import_editor_controls17.injectIntoRepeaterItemLabel)({
|
|
4332
4360
|
id: "transition-size-variables-label",
|