@elementor/editor-components 3.35.0-414 → 3.35.0-416

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
@@ -42,7 +42,7 @@ var import_editor_editing_panel8 = require("@elementor/editor-editing-panel");
42
42
  var import_editor_elements_panel = require("@elementor/editor-elements-panel");
43
43
  var import_editor_panels4 = require("@elementor/editor-panels");
44
44
  var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
45
- var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
45
+ var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
46
46
  var import_store76 = require("@elementor/store");
47
47
  var import_i18n26 = require("@wordpress/i18n");
48
48
 
@@ -390,16 +390,31 @@ var import_editor_documents2 = require("@elementor/editor-documents");
390
390
  var import_store5 = require("@elementor/store");
391
391
 
392
392
  // src/utils/switch-to-component.ts
393
+ var import_editor_elements = require("@elementor/editor-elements");
394
+ var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
395
+
396
+ // src/utils/expand-navigator.ts
393
397
  var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
394
- function switchToComponent(componentId, componentInstanceId, element) {
398
+ async function expandNavigator() {
399
+ await (0, import_editor_v1_adapters2.__privateRunCommand)("navigator/expand-all");
400
+ }
401
+
402
+ // src/utils/switch-to-component.ts
403
+ async function switchToComponent(componentId, componentInstanceId, element) {
395
404
  const selector = getSelector(element, componentInstanceId);
396
- (0, import_editor_v1_adapters2.__privateRunCommand)("editor/documents/switch", {
405
+ await (0, import_editor_v1_adapters3.__privateRunCommand)("editor/documents/switch", {
397
406
  id: componentId,
398
407
  selector,
399
408
  mode: "autosave",
400
409
  setAsInitial: false,
401
410
  shouldScroll: false
402
411
  });
412
+ const currentDocumentContainer = (0, import_editor_elements.getCurrentDocumentContainer)();
413
+ const topLevelElement = currentDocumentContainer?.children?.[0];
414
+ if (topLevelElement) {
415
+ (0, import_editor_elements.selectElement)(topLevelElement.id);
416
+ expandNavigator();
417
+ }
403
418
  }
404
419
  function getSelector(element, componentInstanceId) {
405
420
  if (element) {
@@ -447,7 +462,7 @@ function useNavigateBack() {
447
462
  // src/components/component-properties-panel/component-properties-panel.tsx
448
463
  var React8 = __toESM(require("react"));
449
464
  var import_editor_editing_panel = require("@elementor/editor-editing-panel");
450
- var import_editor_elements3 = require("@elementor/editor-elements");
465
+ var import_editor_elements4 = require("@elementor/editor-elements");
451
466
  var import_editor_panels2 = require("@elementor/editor-panels");
452
467
  var import_editor_ui5 = require("@elementor/editor-ui");
453
468
  var import_ui8 = require("@elementor/ui");
@@ -669,7 +684,7 @@ function deleteOverridableGroup({ componentId, groupId }) {
669
684
  }
670
685
 
671
686
  // src/store/actions/delete-overridable-prop.ts
672
- var import_editor_elements = require("@elementor/editor-elements");
687
+ var import_editor_elements2 = require("@elementor/editor-elements");
673
688
  var import_store11 = require("@elementor/store");
674
689
  function deleteOverridableProp({ componentId, propKey }) {
675
690
  const overridableProps = selectOverridableProps((0, import_store11.__getState)(), componentId);
@@ -695,11 +710,11 @@ function deleteOverridableProp({ componentId, propKey }) {
695
710
  );
696
711
  }
697
712
  function revertElementSetting(elementId, settingKey, originValue) {
698
- const container = (0, import_editor_elements.getContainer)(elementId);
713
+ const container = (0, import_editor_elements2.getContainer)(elementId);
699
714
  if (!container) {
700
715
  return;
701
716
  }
702
- (0, import_editor_elements.updateElementSettings)({
717
+ (0, import_editor_elements2.updateElementSettings)({
703
718
  id: elementId,
704
719
  props: { [settingKey]: originValue ?? null },
705
720
  withHistory: false
@@ -918,7 +933,7 @@ var import_i18n5 = require("@wordpress/i18n");
918
933
 
919
934
  // src/components/component-properties-panel/property-item.tsx
920
935
  var React5 = __toESM(require("react"));
921
- var import_editor_elements2 = require("@elementor/editor-elements");
936
+ var import_editor_elements3 = require("@elementor/editor-elements");
922
937
  var import_icons3 = require("@elementor/icons");
923
938
  var import_ui5 = require("@elementor/ui");
924
939
 
@@ -1131,7 +1146,7 @@ function PropertyItem({
1131
1146
  }
1132
1147
  function getElementIcon(prop) {
1133
1148
  const elType = prop.elType === "widget" ? prop.widgetType : prop.elType;
1134
- const widgetsCache = (0, import_editor_elements2.getWidgetsCache)();
1149
+ const widgetsCache = (0, import_editor_elements3.getWidgetsCache)();
1135
1150
  if (!widgetsCache) {
1136
1151
  return "eicon-apps";
1137
1152
  }
@@ -1491,7 +1506,7 @@ var { panel, usePanelActions } = (0, import_editor_panels2.__createPanel)({
1491
1506
  component: ComponentPropertiesPanel
1492
1507
  });
1493
1508
  function ComponentPropertiesPanel() {
1494
- const { element, elementType } = (0, import_editor_elements3.useSelectedElement)();
1509
+ const { element, elementType } = (0, import_editor_elements4.useSelectedElement)();
1495
1510
  const { close: closePanel } = usePanelActions();
1496
1511
  const { open: openEditingPanel } = (0, import_editor_editing_panel.usePanelActions)();
1497
1512
  if (!element || !elementType) {
@@ -1698,7 +1713,7 @@ var renameComponent = (componentUid, newName) => {
1698
1713
  var React13 = __toESM(require("react"));
1699
1714
  var import_react8 = require("react");
1700
1715
  var import_editor_canvas5 = require("@elementor/editor-canvas");
1701
- var import_editor_elements6 = require("@elementor/editor-elements");
1716
+ var import_editor_elements7 = require("@elementor/editor-elements");
1702
1717
  var import_editor_ui6 = require("@elementor/editor-ui");
1703
1718
  var import_icons9 = require("@elementor/icons");
1704
1719
  var import_ui12 = require("@elementor/ui");
@@ -2115,9 +2130,9 @@ function validateComponentName(label) {
2115
2130
  }
2116
2131
 
2117
2132
  // src/utils/get-container-for-new-element.ts
2118
- var import_editor_elements4 = require("@elementor/editor-elements");
2133
+ var import_editor_elements5 = require("@elementor/editor-elements");
2119
2134
  var getContainerForNewElement = () => {
2120
- const currentDocumentContainer = (0, import_editor_elements4.getCurrentDocumentContainer)();
2135
+ const currentDocumentContainer = (0, import_editor_elements5.getCurrentDocumentContainer)();
2121
2136
  const selectedElement = getSelectedElementContainer();
2122
2137
  let container, options;
2123
2138
  if (selectedElement) {
@@ -2143,17 +2158,17 @@ var getContainerForNewElement = () => {
2143
2158
  return { container: container ?? currentDocumentContainer, options };
2144
2159
  };
2145
2160
  function getSelectedElementContainer() {
2146
- const selectedElements = (0, import_editor_elements4.getSelectedElements)();
2161
+ const selectedElements = (0, import_editor_elements5.getSelectedElements)();
2147
2162
  if (selectedElements.length !== 1) {
2148
2163
  return void 0;
2149
2164
  }
2150
- return (0, import_editor_elements4.getContainer)(selectedElements[0].id);
2165
+ return (0, import_editor_elements5.getContainer)(selectedElements[0].id);
2151
2166
  }
2152
2167
 
2153
2168
  // src/components/create-component-form/utils/replace-element-with-component.ts
2154
- var import_editor_elements5 = require("@elementor/editor-elements");
2169
+ var import_editor_elements6 = require("@elementor/editor-elements");
2155
2170
  var replaceElementWithComponent = (element, component) => {
2156
- (0, import_editor_elements5.replaceElement)({
2171
+ (0, import_editor_elements6.replaceElement)({
2157
2172
  currentElement: element,
2158
2173
  newElement: createComponentModel2(component),
2159
2174
  withHistory: false
@@ -2306,7 +2321,7 @@ var addComponentToPage = (model) => {
2306
2321
  throw new Error(`Can't find container to drop new component instance at`);
2307
2322
  }
2308
2323
  loadComponentsAssets([model]);
2309
- (0, import_editor_elements6.dropElement)({
2324
+ (0, import_editor_elements7.dropElement)({
2310
2325
  containerId: container.id,
2311
2326
  model,
2312
2327
  options: { ...options, useHistory: false, scrollIntoView: true }
@@ -2512,7 +2527,7 @@ var COMPONENT_DOCUMENT_TYPE = "elementor_component";
2512
2527
  // src/components/create-component-form/create-component-form.tsx
2513
2528
  var React17 = __toESM(require("react"));
2514
2529
  var import_react10 = require("react");
2515
- var import_editor_elements8 = require("@elementor/editor-elements");
2530
+ var import_editor_elements9 = require("@elementor/editor-elements");
2516
2531
  var import_editor_notifications2 = require("@elementor/editor-notifications");
2517
2532
  var import_editor_ui8 = require("@elementor/editor-ui");
2518
2533
  var import_icons11 = require("@elementor/icons");
@@ -2521,9 +2536,9 @@ var import_i18n18 = require("@wordpress/i18n");
2521
2536
 
2522
2537
  // src/prevent-non-atomic-nesting.ts
2523
2538
  var import_editor_canvas6 = require("@elementor/editor-canvas");
2524
- var import_editor_elements7 = require("@elementor/editor-elements");
2539
+ var import_editor_elements8 = require("@elementor/editor-elements");
2525
2540
  var import_editor_notifications = require("@elementor/editor-notifications");
2526
- var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
2541
+ var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
2527
2542
  var import_store43 = require("@elementor/store");
2528
2543
  var import_i18n17 = require("@wordpress/i18n");
2529
2544
  var NON_ATOMIC_ELEMENT_ALERT = {
@@ -2532,15 +2547,15 @@ var NON_ATOMIC_ELEMENT_ALERT = {
2532
2547
  id: "non-atomic-element-blocked"
2533
2548
  };
2534
2549
  function initNonAtomicNestingPrevention() {
2535
- (0, import_editor_v1_adapters3.blockCommand)({
2550
+ (0, import_editor_v1_adapters4.blockCommand)({
2536
2551
  command: "document/elements/create",
2537
2552
  condition: blockNonAtomicCreate
2538
2553
  });
2539
- (0, import_editor_v1_adapters3.blockCommand)({
2554
+ (0, import_editor_v1_adapters4.blockCommand)({
2540
2555
  command: "document/elements/move",
2541
2556
  condition: blockNonAtomicMove
2542
2557
  });
2543
- (0, import_editor_v1_adapters3.blockCommand)({
2558
+ (0, import_editor_v1_adapters4.blockCommand)({
2544
2559
  command: "document/elements/paste",
2545
2560
  condition: blockNonAtomicPaste
2546
2561
  });
@@ -2553,7 +2568,7 @@ function isEditingComponent() {
2553
2568
  return selectCurrentComponentId(state) !== null;
2554
2569
  }
2555
2570
  function isElementAtomic(elementType) {
2556
- return (0, import_editor_elements7.getElementType)(elementType) !== null;
2571
+ return (0, import_editor_elements8.getElementType)(elementType) !== null;
2557
2572
  }
2558
2573
  function blockNonAtomicCreate(args) {
2559
2574
  if (!isEditingComponent()) {
@@ -2579,7 +2594,7 @@ function blockNonAtomicMove(args) {
2579
2594
  if (!container) {
2580
2595
  return false;
2581
2596
  }
2582
- const allElements = (0, import_editor_elements7.getAllDescendants)(container);
2597
+ const allElements = (0, import_editor_elements8.getAllDescendants)(container);
2583
2598
  return allElements.some((element) => !(0, import_editor_canvas6.isAtomicWidget)(element));
2584
2599
  });
2585
2600
  if (hasNonAtomicElement) {
@@ -2634,7 +2649,7 @@ function findNonAtomicElementsInElement(element) {
2634
2649
  }
2635
2650
 
2636
2651
  // src/store/actions/create-unpublished-component.ts
2637
- var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
2652
+ var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
2638
2653
  var import_store45 = require("@elementor/store");
2639
2654
  var import_utils4 = require("@elementor/utils");
2640
2655
  function createUnpublishedComponent(name, element, eventData, overridableProps, uid) {
@@ -2654,7 +2669,7 @@ function createUnpublishedComponent(name, element, eventData, overridableProps,
2654
2669
  component_name: name,
2655
2670
  ...eventData
2656
2671
  });
2657
- (0, import_editor_v1_adapters4.__privateRunCommand)("document/save/auto");
2672
+ (0, import_editor_v1_adapters5.__privateRunCommand)("document/save/auto");
2658
2673
  return generatedUid;
2659
2674
  }
2660
2675
 
@@ -2757,7 +2772,7 @@ function CreateComponentForm() {
2757
2772
  });
2758
2773
  return;
2759
2774
  }
2760
- setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements8.getElementLabel)(event.detail.element.id) });
2775
+ setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements9.getElementLabel)(event.detail.element.id) });
2761
2776
  setAnchorPosition(event.detail.anchorPosition);
2762
2777
  eventData.current = getComponentEventData(event.detail.element, event.detail.options);
2763
2778
  trackComponentEvent({
@@ -2891,7 +2906,7 @@ var Form2 = ({
2891
2906
  var React19 = __toESM(require("react"));
2892
2907
  var import_react13 = require("react");
2893
2908
  var import_editor_documents10 = require("@elementor/editor-documents");
2894
- var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
2909
+ var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
2895
2910
  var import_store49 = require("@elementor/store");
2896
2911
  var import_utils6 = require("@elementor/utils");
2897
2912
 
@@ -2918,9 +2933,9 @@ var import_i18n19 = require("@wordpress/i18n");
2918
2933
 
2919
2934
  // src/hooks/use-canvas-document.ts
2920
2935
  var import_editor_canvas7 = require("@elementor/editor-canvas");
2921
- var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
2936
+ var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
2922
2937
  function useCanvasDocument() {
2923
- return (0, import_editor_v1_adapters5.__privateUseListenTo)((0, import_editor_v1_adapters5.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_canvas7.getCanvasIframeDocument)());
2938
+ return (0, import_editor_v1_adapters6.__privateUseListenTo)((0, import_editor_v1_adapters6.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_canvas7.getCanvasIframeDocument)());
2924
2939
  }
2925
2940
 
2926
2941
  // src/hooks/use-element-rect.ts
@@ -3106,7 +3121,7 @@ function useHandleDocumentSwitches() {
3106
3121
  const currentComponentId = useCurrentComponentId();
3107
3122
  const path = (0, import_store49.__useSelector)(selectPath);
3108
3123
  (0, import_react13.useEffect)(() => {
3109
- return (0, import_editor_v1_adapters6.__privateListenTo)((0, import_editor_v1_adapters6.commandEndEvent)("editor/documents/open"), () => {
3124
+ return (0, import_editor_v1_adapters7.__privateListenTo)((0, import_editor_v1_adapters7.commandEndEvent)("editor/documents/open"), () => {
3110
3125
  const nextDocument = documentsManager.getCurrent();
3111
3126
  if (nextDocument.id === currentComponentId) {
3112
3127
  return;
@@ -3191,7 +3206,7 @@ var EditModeDialog = ({ lockedBy }) => {
3191
3206
  var React25 = __toESM(require("react"));
3192
3207
  var import_editor_controls4 = require("@elementor/editor-controls");
3193
3208
  var import_editor_editing_panel5 = require("@elementor/editor-editing-panel");
3194
- var import_editor_elements12 = require("@elementor/editor-elements");
3209
+ var import_editor_elements13 = require("@elementor/editor-elements");
3195
3210
  var import_editor_panels3 = require("@elementor/editor-panels");
3196
3211
  var import_icons14 = require("@elementor/icons");
3197
3212
  var import_ui21 = require("@elementor/ui");
@@ -3199,7 +3214,7 @@ var import_i18n22 = require("@wordpress/i18n");
3199
3214
 
3200
3215
  // src/hooks/use-component-instance-settings.ts
3201
3216
  var import_editor_editing_panel2 = require("@elementor/editor-editing-panel");
3202
- var import_editor_elements9 = require("@elementor/editor-elements");
3217
+ var import_editor_elements10 = require("@elementor/editor-elements");
3203
3218
 
3204
3219
  // src/prop-types/component-instance-prop-type.ts
3205
3220
  var import_editor_props4 = require("@elementor/editor-props");
@@ -3256,7 +3271,7 @@ var componentInstancePropTypeUtil = (0, import_editor_props4.createPropUtils)(
3256
3271
  // src/hooks/use-component-instance-settings.ts
3257
3272
  function useComponentInstanceSettings() {
3258
3273
  const { element } = (0, import_editor_editing_panel2.useElement)();
3259
- const settings = (0, import_editor_elements9.useElementSetting)(element.id, "component_instance");
3274
+ const settings = (0, import_editor_elements10.useElementSetting)(element.id, "component_instance");
3260
3275
  return componentInstancePropTypeUtil.extract(settings);
3261
3276
  }
3262
3277
 
@@ -3300,9 +3315,9 @@ var import_editor_editing_panel3 = require("@elementor/editor-editing-panel");
3300
3315
  var import_ui19 = require("@elementor/ui");
3301
3316
 
3302
3317
  // src/hooks/use-controls-by-widget-type.ts
3303
- var import_editor_elements10 = require("@elementor/editor-elements");
3318
+ var import_editor_elements11 = require("@elementor/editor-elements");
3304
3319
  function useControlsByWidgetType(type) {
3305
- const elementType = (0, import_editor_elements10.getElementType)(type);
3320
+ const elementType = (0, import_editor_elements11.getElementType)(type);
3306
3321
  if (!elementType) {
3307
3322
  return {};
3308
3323
  }
@@ -3366,7 +3381,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
3366
3381
  }
3367
3382
 
3368
3383
  // src/utils/get-prop-type-for-component-override.ts
3369
- var import_editor_elements11 = require("@elementor/editor-elements");
3384
+ var import_editor_elements12 = require("@elementor/editor-elements");
3370
3385
  var getPropTypeForComponentOverride = (overridableProp) => {
3371
3386
  if (overridableProp.originPropFields) {
3372
3387
  return getPropType(overridableProp.originPropFields);
@@ -3379,7 +3394,7 @@ var getPropTypeForComponentOverride = (overridableProp) => {
3379
3394
  });
3380
3395
  };
3381
3396
  function getPropType({ widgetType, propKey }) {
3382
- const widgetPropsSchema = (0, import_editor_elements11.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
3397
+ const widgetPropsSchema = (0, import_editor_elements12.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
3383
3398
  return widgetPropsSchema?.[propKey];
3384
3399
  }
3385
3400
 
@@ -3552,7 +3567,7 @@ function InstanceEditingPanel() {
3552
3567
  const overrides = settings?.overrides?.value;
3553
3568
  const component = useComponent(componentId ?? null);
3554
3569
  const overridableProps = useOverridableProps(componentId ?? null);
3555
- const componentInstanceId = (0, import_editor_elements12.useSelectedElement)()?.element?.id ?? null;
3570
+ const componentInstanceId = (0, import_editor_elements13.useSelectedElement)()?.element?.id ?? null;
3556
3571
  if (!componentId || !overridableProps || !component) {
3557
3572
  return null;
3558
3573
  }
@@ -3608,7 +3623,10 @@ function OverridablePropControl({
3608
3623
  origin_value: newValue[bind]
3609
3624
  };
3610
3625
  setValue(propValue2);
3611
- updateOverridableProp(componentId, propValue2);
3626
+ if (!isComponentInstance2) {
3627
+ const existingProp = overridableProps?.props?.[propValue2.override_key];
3628
+ updateOverridableProp(componentId, propValue2, existingProp?.originPropFields);
3629
+ }
3612
3630
  };
3613
3631
  const defaultPropType = elementType.propsSchema[bind];
3614
3632
  const propType = (0, import_editor_editing_panel6.createTopLevelObjectType)({
@@ -3637,7 +3655,7 @@ function OverridablePropControl({
3637
3655
  var React29 = __toESM(require("react"));
3638
3656
  var import_editor_controls6 = require("@elementor/editor-controls");
3639
3657
  var import_editor_editing_panel7 = require("@elementor/editor-editing-panel");
3640
- var import_editor_elements13 = require("@elementor/editor-elements");
3658
+ var import_editor_elements14 = require("@elementor/editor-elements");
3641
3659
  var import_ui23 = require("@elementor/ui");
3642
3660
  var import_i18n24 = require("@wordpress/i18n");
3643
3661
 
@@ -3815,7 +3833,7 @@ function Content2({ componentId, overridableProps }) {
3815
3833
  });
3816
3834
  const triggerProps = (0, import_ui23.bindTrigger)(popupState);
3817
3835
  const popoverProps = (0, import_ui23.bindPopover)(popupState);
3818
- const { elType } = (0, import_editor_elements13.getWidgetsCache)()?.[elementType.key] ?? { elType: "widget" };
3836
+ const { elType } = (0, import_editor_elements14.getWidgetsCache)()?.[elementType.key] ?? { elType: "widget" };
3819
3837
  const handleSubmit = ({ label, group }) => {
3820
3838
  const propTypeDefault = propType.default ?? {};
3821
3839
  const originValue = (!overridableValue ? value : overridableValue?.origin_value) ?? propTypeDefault;
@@ -3876,17 +3894,17 @@ function isPropAllowed(bind) {
3876
3894
  }
3877
3895
 
3878
3896
  // src/hooks/regenerate-override-keys.ts
3879
- var import_editor_elements14 = require("@elementor/editor-elements");
3880
- var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
3897
+ var import_editor_elements15 = require("@elementor/editor-elements");
3898
+ var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
3881
3899
  var import_utils8 = require("@elementor/utils");
3882
3900
  function initRegenerateOverrideKeys() {
3883
- (0, import_editor_v1_adapters7.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
3901
+ (0, import_editor_v1_adapters8.registerDataHook)("after", "document/elements/duplicate", (_args, result) => {
3884
3902
  regenerateOverrideKeysForContainers(result);
3885
3903
  });
3886
- (0, import_editor_v1_adapters7.registerDataHook)("after", "document/elements/paste", (_args, result) => {
3904
+ (0, import_editor_v1_adapters8.registerDataHook)("after", "document/elements/paste", (_args, result) => {
3887
3905
  regenerateOverrideKeysForContainers(result);
3888
3906
  });
3889
- (0, import_editor_v1_adapters7.registerDataHook)("after", "document/elements/import", (_args, result) => {
3907
+ (0, import_editor_v1_adapters8.registerDataHook)("after", "document/elements/import", (_args, result) => {
3890
3908
  regenerateOverrideKeysForContainers(result);
3891
3909
  });
3892
3910
  }
@@ -3897,11 +3915,11 @@ function regenerateOverrideKeysForContainers(result) {
3897
3915
  });
3898
3916
  }
3899
3917
  function regenerateOverrideKeysRecursive(elementId) {
3900
- const container = (0, import_editor_elements14.getContainer)(elementId);
3918
+ const container = (0, import_editor_elements15.getContainer)(elementId);
3901
3919
  if (!container) {
3902
3920
  return;
3903
3921
  }
3904
- (0, import_editor_elements14.getAllDescendants)(container).forEach(regenerateOverrideKeys);
3922
+ (0, import_editor_elements15.getAllDescendants)(container).forEach(regenerateOverrideKeys);
3905
3923
  }
3906
3924
  function regenerateOverrideKeys(element) {
3907
3925
  if (!isComponentInstance(element.model.toJSON())) {
@@ -3935,7 +3953,7 @@ function regenerateOverrideKeys(element) {
3935
3953
  }
3936
3954
  }
3937
3955
  };
3938
- (0, import_editor_elements14.updateElementSettings)({
3956
+ (0, import_editor_elements15.updateElementSettings)({
3939
3957
  id: element.id,
3940
3958
  props: { component_instance: newComponentInstance },
3941
3959
  withHistory: false
@@ -3959,7 +3977,7 @@ var import_editor_mcp2 = require("@elementor/editor-mcp");
3959
3977
 
3960
3978
  // src/mcp/save-as-component-tool.ts
3961
3979
  var import_editor_canvas8 = require("@elementor/editor-canvas");
3962
- var import_editor_elements15 = require("@elementor/editor-elements");
3980
+ var import_editor_elements16 = require("@elementor/editor-elements");
3963
3981
  var import_editor_mcp = require("@elementor/editor-mcp");
3964
3982
  var import_http_client2 = require("@elementor/http-client");
3965
3983
  var import_schema6 = require("@elementor/schema");
@@ -3997,7 +4015,7 @@ var ERROR_MESSAGES2 = {
3997
4015
  var handleSaveAsComponent = async (params) => {
3998
4016
  const { element_id: elementId, component_name: componentName, overridable_props: overridablePropsInput } = params;
3999
4017
  const validElementTypes = getValidElementTypes();
4000
- const container = (0, import_editor_elements15.getContainer)(elementId);
4018
+ const container = (0, import_editor_elements16.getContainer)(elementId);
4001
4019
  if (!container) {
4002
4020
  throw new Error(ERROR_MESSAGES2.ELEMENT_NOT_FOUND);
4003
4021
  }
@@ -4044,7 +4062,7 @@ function enrichOverridableProps(input, rootElement) {
4044
4062
  }
4045
4063
  const elType = element.elType;
4046
4064
  const widgetType = element.widgetType || element.elType;
4047
- const elementType = (0, import_editor_elements15.getElementType)(widgetType);
4065
+ const elementType = (0, import_editor_elements16.getElementType)(widgetType);
4048
4066
  if (!elementType) {
4049
4067
  throw new Error(
4050
4068
  `Element type "${widgetType}" is not atomic or does not have a settings schema. Cannot expose property "${propKey}" for element "${elementId}".`
@@ -4113,7 +4131,7 @@ function findElementById(root, targetId) {
4113
4131
  return null;
4114
4132
  }
4115
4133
  function getValidElementTypes() {
4116
- const types = (0, import_editor_elements15.getWidgetsCache)();
4134
+ const types = (0, import_editor_elements16.getWidgetsCache)();
4117
4135
  if (!types) {
4118
4136
  return [];
4119
4137
  }
@@ -4300,9 +4318,9 @@ function PopulateStore() {
4300
4318
  }
4301
4319
 
4302
4320
  // src/prevent-circular-nesting.ts
4303
- var import_editor_elements16 = require("@elementor/editor-elements");
4321
+ var import_editor_elements17 = require("@elementor/editor-elements");
4304
4322
  var import_editor_notifications3 = require("@elementor/editor-notifications");
4305
- var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
4323
+ var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
4306
4324
  var import_store62 = require("@elementor/store");
4307
4325
  var import_i18n25 = require("@wordpress/i18n");
4308
4326
  var COMPONENT_TYPE = "e-component";
@@ -4312,15 +4330,15 @@ var COMPONENT_CIRCULAR_NESTING_ALERT = {
4312
4330
  id: "circular-component-nesting-blocked"
4313
4331
  };
4314
4332
  function initCircularNestingPrevention() {
4315
- (0, import_editor_v1_adapters8.blockCommand)({
4333
+ (0, import_editor_v1_adapters9.blockCommand)({
4316
4334
  command: "document/elements/create",
4317
4335
  condition: blockCircularCreate
4318
4336
  });
4319
- (0, import_editor_v1_adapters8.blockCommand)({
4337
+ (0, import_editor_v1_adapters9.blockCommand)({
4320
4338
  command: "document/elements/move",
4321
4339
  condition: blockCircularMove
4322
4340
  });
4323
- (0, import_editor_v1_adapters8.blockCommand)({
4341
+ (0, import_editor_v1_adapters9.blockCommand)({
4324
4342
  command: "document/elements/paste",
4325
4343
  condition: blockCircularPaste
4326
4344
  });
@@ -4395,7 +4413,7 @@ function blockCircularMove(args) {
4395
4413
  if (!container) {
4396
4414
  return false;
4397
4415
  }
4398
- const allElements = (0, import_editor_elements16.getAllDescendants)(container);
4416
+ const allElements = (0, import_editor_elements17.getAllDescendants)(container);
4399
4417
  return allElements.some((element) => {
4400
4418
  const componentId = extractComponentIdFromContainer(element);
4401
4419
  if (componentId === null) {
@@ -4456,7 +4474,7 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
4456
4474
  });
4457
4475
 
4458
4476
  // src/sync/create-components-before-save.ts
4459
- var import_editor_elements17 = require("@elementor/editor-elements");
4477
+ var import_editor_elements18 = require("@elementor/editor-elements");
4460
4478
  var import_store68 = require("@elementor/store");
4461
4479
  async function createComponentsBeforeSave({
4462
4480
  elements,
@@ -4524,7 +4542,7 @@ function shouldUpdateElement(element, uidToComponentId) {
4524
4542
  return { shouldUpdate: false, newComponentId: null };
4525
4543
  }
4526
4544
  function updateElementComponentId(elementId, componentId) {
4527
- (0, import_editor_elements17.updateElementSettings)({
4545
+ (0, import_editor_elements18.updateElementSettings)({
4528
4546
  id: elementId,
4529
4547
  props: {
4530
4548
  component_instance: {
@@ -4638,14 +4656,14 @@ function init() {
4638
4656
  COMPONENT_WIDGET_TYPE,
4639
4657
  (options) => createComponentType({ ...options, showLockedByModal: openEditModeDialog })
4640
4658
  );
4641
- (0, import_editor_v1_adapters9.registerDataHook)("dependency", "editor/documents/close", (args) => {
4659
+ (0, import_editor_v1_adapters10.registerDataHook)("dependency", "editor/documents/close", (args) => {
4642
4660
  const document = (0, import_editor_documents12.getV1CurrentDocument)();
4643
4661
  if (document.config.type === COMPONENT_DOCUMENT_TYPE) {
4644
4662
  args.mode = "autosave";
4645
4663
  }
4646
4664
  return true;
4647
4665
  });
4648
- (0, import_editor_v1_adapters9.registerDataHook)("after", "preview/drop", onElementDrop);
4666
+ (0, import_editor_v1_adapters10.registerDataHook)("after", "preview/drop", onElementDrop);
4649
4667
  window.elementorCommon.__beforeSave = beforeSave;
4650
4668
  (0, import_editor_elements_panel.injectTab)({
4651
4669
  id: "components",
@@ -4668,7 +4686,7 @@ function init() {
4668
4686
  id: "component-panel-header",
4669
4687
  component: ComponentPanelHeader
4670
4688
  });
4671
- (0, import_editor_v1_adapters9.registerDataHook)("after", "editor/documents/attach-preview", async () => {
4689
+ (0, import_editor_v1_adapters10.registerDataHook)("after", "editor/documents/attach-preview", async () => {
4672
4690
  const { id: id2, config } = (0, import_editor_documents12.getV1CurrentDocument)();
4673
4691
  if (id2) {
4674
4692
  removeComponentStyles(id2);