@elementor/editor-controls 3.33.0-127 → 3.33.0-129

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 CHANGED
@@ -4211,11 +4211,24 @@ var getGradientValue = (value) => {
4211
4211
  };
4212
4212
 
4213
4213
  // src/controls/background-control/background-control.tsx
4214
+ var clipOptions = [
4215
+ { label: (0, import_i18n32.__)("Border edges", "elementor"), value: "border-box" },
4216
+ { label: (0, import_i18n32.__)("Padding edges", "elementor"), value: "padding-box" },
4217
+ { label: (0, import_i18n32.__)("Content edges", "elementor"), value: "content-box" },
4218
+ { label: (0, import_i18n32.__)("Text", "elementor"), value: "text" }
4219
+ ];
4220
+ var colorLabel = (0, import_i18n32.__)("Color", "elementor");
4221
+ var clipLabel = (0, import_i18n32.__)("Clipping", "elementor");
4214
4222
  var BackgroundControl = createControl(() => {
4215
4223
  const propContext = useBoundProp(import_editor_props33.backgroundPropTypeUtil);
4216
- const colorLabel = (0, import_i18n32.__)("Color", "elementor");
4217
- return /* @__PURE__ */ React72.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React72.createElement(PropKeyProvider, { bind: "background-overlay" }, /* @__PURE__ */ React72.createElement(BackgroundOverlayRepeaterControl, null)), /* @__PURE__ */ React72.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React72.createElement(import_ui59.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React72.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React72.createElement(ControlLabel, null, colorLabel)), /* @__PURE__ */ React72.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React72.createElement(ColorControl, null)))));
4224
+ return /* @__PURE__ */ React72.createElement(PropProvider, { ...propContext }, /* @__PURE__ */ React72.createElement(PropKeyProvider, { bind: "background-overlay" }, /* @__PURE__ */ React72.createElement(BackgroundOverlayRepeaterControl, null)), /* @__PURE__ */ React72.createElement(BackgroundColorField, null), /* @__PURE__ */ React72.createElement(BackgroundClipField, null));
4218
4225
  });
4226
+ var BackgroundColorField = () => {
4227
+ return /* @__PURE__ */ React72.createElement(PropKeyProvider, { bind: "color" }, /* @__PURE__ */ React72.createElement(import_ui59.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React72.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React72.createElement(ControlLabel, null, colorLabel)), /* @__PURE__ */ React72.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React72.createElement(ColorControl, null))));
4228
+ };
4229
+ var BackgroundClipField = () => {
4230
+ return /* @__PURE__ */ React72.createElement(PropKeyProvider, { bind: "clip" }, /* @__PURE__ */ React72.createElement(import_ui59.Grid, { container: true, gap: 2, alignItems: "center", flexWrap: "nowrap" }, /* @__PURE__ */ React72.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React72.createElement(ControlLabel, null, clipLabel)), /* @__PURE__ */ React72.createElement(import_ui59.Grid, { item: true, xs: 6 }, /* @__PURE__ */ React72.createElement(SelectControl, { options: clipOptions }))));
4231
+ };
4219
4232
 
4220
4233
  // src/controls/repeatable-control.tsx
4221
4234
  var React73 = __toESM(require("react"));
@@ -5175,7 +5188,7 @@ var transitionsItemsList = transitionProperties.map((category) => ({
5175
5188
 
5176
5189
  // src/controls/transition-control/trainsition-events.ts
5177
5190
  var import_editor_elements3 = require("@elementor/editor-elements");
5178
- var import_utils5 = require("@elementor/utils");
5191
+ var import_mixpanel = require("@elementor/mixpanel");
5179
5192
  var transitionRepeaterMixpanelEvent = {
5180
5193
  eventName: "click_added_transition",
5181
5194
  location: "V4 Style Tab",
@@ -5188,7 +5201,7 @@ function subscribeToTransitionEvent() {
5188
5201
  const value = payload?.itemValue?.selection?.value?.value?.value;
5189
5202
  const selectedElements = (0, import_editor_elements3.getSelectedElements)();
5190
5203
  const widgetType = selectedElements[0]?.type ?? null;
5191
- (0, import_utils5.sendMixpanelEvent)({
5204
+ (0, import_mixpanel.trackEvent)({
5192
5205
  transition_type: value ?? "unknown",
5193
5206
  ...transitionRepeaterMixpanelEvent,
5194
5207
  widget_type: widgetType