@elementor/editor-components 3.35.0-420 → 3.35.0-421

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
@@ -37,7 +37,7 @@ module.exports = __toCommonJS(index_exports);
37
37
  // src/init.ts
38
38
  var import_editor = require("@elementor/editor");
39
39
  var import_editor_canvas9 = require("@elementor/editor-canvas");
40
- var import_editor_documents12 = require("@elementor/editor-documents");
40
+ var import_editor_documents13 = require("@elementor/editor-documents");
41
41
  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");
@@ -1701,46 +1701,19 @@ var useComponents = () => {
1701
1701
  };
1702
1702
 
1703
1703
  // src/store/actions/rename-component.ts
1704
- var import_store29 = require("@elementor/store");
1705
- var renameComponent = (componentUid, newName) => {
1706
- (0, import_store29.__dispatch)(slice.actions.rename({ componentUid, name: newName }));
1707
- };
1708
-
1709
- // src/components/components-tab/components-item.tsx
1710
- var React13 = __toESM(require("react"));
1711
- var import_react8 = require("react");
1712
- var import_editor_canvas5 = require("@elementor/editor-canvas");
1713
- var import_editor_elements7 = require("@elementor/editor-elements");
1714
- var import_editor_ui6 = require("@elementor/editor-ui");
1715
- var import_icons9 = require("@elementor/icons");
1716
- var import_ui12 = require("@elementor/ui");
1717
- var import_i18n15 = require("@wordpress/i18n");
1718
-
1719
- // src/store/actions/archive-component.ts
1720
- var import_editor_documents6 = require("@elementor/editor-documents");
1721
- var import_store31 = require("@elementor/store");
1722
- var archiveComponent = (componentId) => {
1723
- const store = (0, import_store31.__getStore)();
1724
- const dispatch18 = store?.dispatch;
1725
- if (!dispatch18) {
1726
- return;
1727
- }
1728
- dispatch18(slice.actions.archive(componentId));
1729
- (0, import_editor_documents6.setDocumentModifiedStatus)(true);
1730
- };
1731
-
1732
- // src/store/actions/load-components-assets.ts
1733
- var import_editor_documents8 = require("@elementor/editor-documents");
1704
+ var import_editor_documents7 = require("@elementor/editor-documents");
1705
+ var import_editor_elements5 = require("@elementor/editor-elements");
1706
+ var import_store33 = require("@elementor/store");
1734
1707
 
1735
1708
  // src/create-component-type.ts
1736
1709
  var import_editor_canvas4 = require("@elementor/editor-canvas");
1737
- var import_editor_documents7 = require("@elementor/editor-documents");
1738
- var import_store35 = require("@elementor/store");
1710
+ var import_editor_documents6 = require("@elementor/editor-documents");
1711
+ var import_store31 = require("@elementor/store");
1739
1712
  var import_i18n13 = require("@wordpress/i18n");
1740
1713
 
1741
1714
  // src/utils/tracking.ts
1742
1715
  var import_mixpanel = require("@elementor/mixpanel");
1743
- var import_store33 = require("@elementor/store");
1716
+ var import_store29 = require("@elementor/store");
1744
1717
  var trackComponentEvent = ({ action, ...data }) => {
1745
1718
  const { dispatchEvent, config } = (0, import_mixpanel.getMixpanel)();
1746
1719
  if (!config?.names?.components?.[action]) {
@@ -1757,7 +1730,7 @@ var onElementDrop = (_args, element) => {
1757
1730
  const componentName = editorSettings?.title;
1758
1731
  const componentUID = editorSettings?.component_uid;
1759
1732
  const instanceId = element.id;
1760
- const createdThisSession = selectCreatedThisSession((0, import_store33.__getState)());
1733
+ const createdThisSession = selectCreatedThisSession((0, import_store29.__getState)());
1761
1734
  const isSameSessionReuse = componentUID && createdThisSession.includes(componentUID);
1762
1735
  const eventsManagerConfig = window.elementorCommon.eventsManager.config;
1763
1736
  const { locations, secondaryLocations } = eventsManagerConfig;
@@ -1810,7 +1783,7 @@ function createComponentView(options) {
1810
1783
  eventsManagerConfig = this.legacyWindow.elementorCommon.eventsManager.config;
1811
1784
  #componentRenderContext;
1812
1785
  isComponentCurrentlyEdited() {
1813
- const currentDocument = (0, import_editor_documents7.getCurrentDocument)();
1786
+ const currentDocument = (0, import_editor_documents6.getCurrentDocument)();
1814
1787
  return currentDocument?.id === this.getComponentId();
1815
1788
  }
1816
1789
  getRenderContext() {
@@ -1983,7 +1956,7 @@ function createComponentModel() {
1983
1956
  }
1984
1957
  const componentUid = editorSettings?.component_uid;
1985
1958
  if (componentUid) {
1986
- const component = selectComponentByUid((0, import_store35.__getState)(), componentUid);
1959
+ const component = selectComponentByUid((0, import_store31.__getState)(), componentUid);
1987
1960
  if (component?.name) {
1988
1961
  return component.name;
1989
1962
  }
@@ -2003,6 +1976,63 @@ function createComponentModel() {
2003
1976
  });
2004
1977
  }
2005
1978
 
1979
+ // src/store/actions/rename-component.ts
1980
+ var TITLE_EXTERNAL_CHANGE_COMMAND = "title_external_change";
1981
+ var renameComponent = (componentUid, newName) => {
1982
+ (0, import_store33.__dispatch)(slice.actions.rename({ componentUid, name: newName }));
1983
+ (0, import_editor_documents7.setDocumentModifiedStatus)(true);
1984
+ refreshComponentInstanceTitles(componentUid);
1985
+ };
1986
+ function refreshComponentInstanceTitles(componentUid) {
1987
+ const documentContainer = getDocumentContainer();
1988
+ if (!documentContainer) {
1989
+ return;
1990
+ }
1991
+ const componentInstances = findComponentInstancesByUid(documentContainer, componentUid);
1992
+ componentInstances.forEach((element) => {
1993
+ element.model.trigger?.(TITLE_EXTERNAL_CHANGE_COMMAND);
1994
+ });
1995
+ }
1996
+ function getDocumentContainer() {
1997
+ const documentsManager = (0, import_editor_documents7.getV1DocumentsManager)();
1998
+ return documentsManager?.getCurrent()?.container;
1999
+ }
2000
+ function findComponentInstancesByUid(documentContainer, componentUid) {
2001
+ const allDescendants = (0, import_editor_elements5.getAllDescendants)(documentContainer);
2002
+ return allDescendants.filter((element) => {
2003
+ const widgetType = element.model.get("widgetType");
2004
+ const editorSettings = element.model.get("editor_settings");
2005
+ const isMatch = widgetType === COMPONENT_WIDGET_TYPE && editorSettings?.component_uid === componentUid;
2006
+ return isMatch;
2007
+ });
2008
+ }
2009
+
2010
+ // src/components/components-tab/components-item.tsx
2011
+ var React13 = __toESM(require("react"));
2012
+ var import_react8 = require("react");
2013
+ var import_editor_canvas5 = require("@elementor/editor-canvas");
2014
+ var import_editor_elements8 = require("@elementor/editor-elements");
2015
+ var import_editor_ui6 = require("@elementor/editor-ui");
2016
+ var import_icons9 = require("@elementor/icons");
2017
+ var import_ui12 = require("@elementor/ui");
2018
+ var import_i18n15 = require("@wordpress/i18n");
2019
+
2020
+ // src/store/actions/archive-component.ts
2021
+ var import_editor_documents8 = require("@elementor/editor-documents");
2022
+ var import_store35 = require("@elementor/store");
2023
+ var archiveComponent = (componentId) => {
2024
+ const store = (0, import_store35.__getStore)();
2025
+ const dispatch18 = store?.dispatch;
2026
+ if (!dispatch18) {
2027
+ return;
2028
+ }
2029
+ dispatch18(slice.actions.archive(componentId));
2030
+ (0, import_editor_documents8.setDocumentModifiedStatus)(true);
2031
+ };
2032
+
2033
+ // src/store/actions/load-components-assets.ts
2034
+ var import_editor_documents9 = require("@elementor/editor-documents");
2035
+
2006
2036
  // src/utils/is-component-instance.ts
2007
2037
  function isComponentInstance(elementModel) {
2008
2038
  return [elementModel.widgetType, elementModel.elType].includes(COMPONENT_WIDGET_TYPE);
@@ -2102,9 +2132,9 @@ async function updateDocumentState(componentIds) {
2102
2132
  const components = (await Promise.all(componentIds.map(getComponentDocumentData))).filter(
2103
2133
  (document) => !!document
2104
2134
  );
2105
- const isDrafted = components.some(import_editor_documents8.isDocumentDirty);
2135
+ const isDrafted = components.some(import_editor_documents9.isDocumentDirty);
2106
2136
  if (isDrafted) {
2107
- (0, import_editor_documents8.setDocumentModifiedStatus)(true);
2137
+ (0, import_editor_documents9.setDocumentModifiedStatus)(true);
2108
2138
  }
2109
2139
  }
2110
2140
 
@@ -2155,9 +2185,9 @@ function validateComponentName(label) {
2155
2185
  }
2156
2186
 
2157
2187
  // src/utils/get-container-for-new-element.ts
2158
- var import_editor_elements5 = require("@elementor/editor-elements");
2188
+ var import_editor_elements6 = require("@elementor/editor-elements");
2159
2189
  var getContainerForNewElement = () => {
2160
- const currentDocumentContainer = (0, import_editor_elements5.getCurrentDocumentContainer)();
2190
+ const currentDocumentContainer = (0, import_editor_elements6.getCurrentDocumentContainer)();
2161
2191
  const selectedElement = getSelectedElementContainer();
2162
2192
  let container, options;
2163
2193
  if (selectedElement) {
@@ -2183,17 +2213,17 @@ var getContainerForNewElement = () => {
2183
2213
  return { container: container ?? currentDocumentContainer, options };
2184
2214
  };
2185
2215
  function getSelectedElementContainer() {
2186
- const selectedElements = (0, import_editor_elements5.getSelectedElements)();
2216
+ const selectedElements = (0, import_editor_elements6.getSelectedElements)();
2187
2217
  if (selectedElements.length !== 1) {
2188
2218
  return void 0;
2189
2219
  }
2190
- return (0, import_editor_elements5.getContainer)(selectedElements[0].id);
2220
+ return (0, import_editor_elements6.getContainer)(selectedElements[0].id);
2191
2221
  }
2192
2222
 
2193
2223
  // src/components/create-component-form/utils/replace-element-with-component.ts
2194
- var import_editor_elements6 = require("@elementor/editor-elements");
2224
+ var import_editor_elements7 = require("@elementor/editor-elements");
2195
2225
  var replaceElementWithComponent = async (element, component) => {
2196
- return await (0, import_editor_elements6.replaceElement)({
2226
+ return await (0, import_editor_elements7.replaceElement)({
2197
2227
  currentElement: element,
2198
2228
  newElement: createComponentModel2(component),
2199
2229
  withHistory: false
@@ -2346,7 +2376,7 @@ var addComponentToPage = (model) => {
2346
2376
  throw new Error(`Can't find container to drop new component instance at`);
2347
2377
  }
2348
2378
  loadComponentsAssets([model]);
2349
- (0, import_editor_elements7.dropElement)({
2379
+ (0, import_editor_elements8.dropElement)({
2350
2380
  containerId: container.id,
2351
2381
  model,
2352
2382
  options: { ...options, useHistory: false, scrollIntoView: true }
@@ -2552,7 +2582,7 @@ var COMPONENT_DOCUMENT_TYPE = "elementor_component";
2552
2582
  // src/components/create-component-form/create-component-form.tsx
2553
2583
  var React17 = __toESM(require("react"));
2554
2584
  var import_react10 = require("react");
2555
- var import_editor_elements9 = require("@elementor/editor-elements");
2585
+ var import_editor_elements10 = require("@elementor/editor-elements");
2556
2586
  var import_editor_notifications2 = require("@elementor/editor-notifications");
2557
2587
  var import_editor_ui8 = require("@elementor/editor-ui");
2558
2588
  var import_icons11 = require("@elementor/icons");
@@ -2562,7 +2592,7 @@ var import_i18n18 = require("@wordpress/i18n");
2562
2592
 
2563
2593
  // src/prevent-non-atomic-nesting.ts
2564
2594
  var import_editor_canvas6 = require("@elementor/editor-canvas");
2565
- var import_editor_elements8 = require("@elementor/editor-elements");
2595
+ var import_editor_elements9 = require("@elementor/editor-elements");
2566
2596
  var import_editor_notifications = require("@elementor/editor-notifications");
2567
2597
  var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
2568
2598
  var import_store43 = require("@elementor/store");
@@ -2594,7 +2624,7 @@ function isEditingComponent() {
2594
2624
  return selectCurrentComponentId(state) !== null;
2595
2625
  }
2596
2626
  function isElementAtomic(elementType) {
2597
- return (0, import_editor_elements8.getElementType)(elementType) !== null;
2627
+ return (0, import_editor_elements9.getElementType)(elementType) !== null;
2598
2628
  }
2599
2629
  function blockNonAtomicCreate(args) {
2600
2630
  if (!isEditingComponent()) {
@@ -2620,7 +2650,7 @@ function blockNonAtomicMove(args) {
2620
2650
  if (!container) {
2621
2651
  return false;
2622
2652
  }
2623
- const allElements = (0, import_editor_elements8.getAllDescendants)(container);
2653
+ const allElements = (0, import_editor_elements9.getAllDescendants)(container);
2624
2654
  return allElements.some((element) => !(0, import_editor_canvas6.isAtomicWidget)(element));
2625
2655
  });
2626
2656
  if (hasNonAtomicElement) {
@@ -2798,7 +2828,7 @@ function CreateComponentForm() {
2798
2828
  });
2799
2829
  return;
2800
2830
  }
2801
- setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements9.getElementLabel)(event.detail.element.id) });
2831
+ setElement({ element: event.detail.element, elementLabel: (0, import_editor_elements10.getElementLabel)(event.detail.element.id) });
2802
2832
  setAnchorPosition(event.detail.anchorPosition);
2803
2833
  eventData.current = getComponentEventData(event.detail.element, event.detail.options);
2804
2834
  trackComponentEvent({
@@ -2941,13 +2971,13 @@ var Form2 = ({
2941
2971
  // src/components/edit-component/edit-component.tsx
2942
2972
  var React19 = __toESM(require("react"));
2943
2973
  var import_react13 = require("react");
2944
- var import_editor_documents10 = require("@elementor/editor-documents");
2974
+ var import_editor_documents11 = require("@elementor/editor-documents");
2945
2975
  var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
2946
2976
  var import_store51 = require("@elementor/store");
2947
2977
  var import_utils6 = require("@elementor/utils");
2948
2978
 
2949
2979
  // src/store/actions/update-current-component.ts
2950
- var import_editor_documents9 = require("@elementor/editor-documents");
2980
+ var import_editor_documents10 = require("@elementor/editor-documents");
2951
2981
  var import_store49 = require("@elementor/store");
2952
2982
  function updateCurrentComponent({
2953
2983
  path,
@@ -3153,7 +3183,7 @@ function EditComponent() {
3153
3183
  return /* @__PURE__ */ React19.createElement(ComponentModal, { element: elementDom, onClose });
3154
3184
  }
3155
3185
  function useHandleDocumentSwitches() {
3156
- const documentsManager = (0, import_editor_documents10.getV1DocumentsManager)();
3186
+ const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
3157
3187
  const currentComponentId = useCurrentComponentId();
3158
3188
  const path = (0, import_store51.__useSelector)(selectPath);
3159
3189
  (0, import_react13.useEffect)(() => {
@@ -3197,7 +3227,7 @@ function getInstanceTitle(instanceId, path) {
3197
3227
  if (!instanceId) {
3198
3228
  return void 0;
3199
3229
  }
3200
- const documentsManager = (0, import_editor_documents10.getV1DocumentsManager)();
3230
+ const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
3201
3231
  const parentDocId = path.at(-1)?.componentId ?? documentsManager.getInitialId();
3202
3232
  const parentDoc = documentsManager.get(parentDocId);
3203
3233
  const parentContainer = parentDoc?.container;
@@ -3211,7 +3241,7 @@ function getComponentDOMElement(id2) {
3211
3241
  if (!id2) {
3212
3242
  return null;
3213
3243
  }
3214
- const documentsManager = (0, import_editor_documents10.getV1DocumentsManager)();
3244
+ const documentsManager = (0, import_editor_documents11.getV1DocumentsManager)();
3215
3245
  const currentComponent = documentsManager.get(id2);
3216
3246
  const widget = currentComponent?.container;
3217
3247
  const container = widget?.view?.el?.children?.[0] ?? null;
@@ -3242,7 +3272,7 @@ var EditModeDialog = ({ lockedBy }) => {
3242
3272
  var React25 = __toESM(require("react"));
3243
3273
  var import_editor_controls4 = require("@elementor/editor-controls");
3244
3274
  var import_editor_editing_panel5 = require("@elementor/editor-editing-panel");
3245
- var import_editor_elements13 = require("@elementor/editor-elements");
3275
+ var import_editor_elements14 = require("@elementor/editor-elements");
3246
3276
  var import_editor_panels3 = require("@elementor/editor-panels");
3247
3277
  var import_icons14 = require("@elementor/icons");
3248
3278
  var import_ui21 = require("@elementor/ui");
@@ -3250,7 +3280,7 @@ var import_i18n22 = require("@wordpress/i18n");
3250
3280
 
3251
3281
  // src/hooks/use-component-instance-settings.ts
3252
3282
  var import_editor_editing_panel2 = require("@elementor/editor-editing-panel");
3253
- var import_editor_elements10 = require("@elementor/editor-elements");
3283
+ var import_editor_elements11 = require("@elementor/editor-elements");
3254
3284
 
3255
3285
  // src/prop-types/component-instance-prop-type.ts
3256
3286
  var import_editor_props4 = require("@elementor/editor-props");
@@ -3307,7 +3337,7 @@ var componentInstancePropTypeUtil = (0, import_editor_props4.createPropUtils)(
3307
3337
  // src/hooks/use-component-instance-settings.ts
3308
3338
  function useComponentInstanceSettings() {
3309
3339
  const { element } = (0, import_editor_editing_panel2.useElement)();
3310
- const settings = (0, import_editor_elements10.useElementSetting)(element.id, "component_instance");
3340
+ const settings = (0, import_editor_elements11.useElementSetting)(element.id, "component_instance");
3311
3341
  return componentInstancePropTypeUtil.extract(settings);
3312
3342
  }
3313
3343
 
@@ -3351,9 +3381,9 @@ var import_editor_editing_panel3 = require("@elementor/editor-editing-panel");
3351
3381
  var import_ui19 = require("@elementor/ui");
3352
3382
 
3353
3383
  // src/hooks/use-controls-by-widget-type.ts
3354
- var import_editor_elements11 = require("@elementor/editor-elements");
3384
+ var import_editor_elements12 = require("@elementor/editor-elements");
3355
3385
  function useControlsByWidgetType(type) {
3356
- const elementType = (0, import_editor_elements11.getElementType)(type);
3386
+ const elementType = (0, import_editor_elements12.getElementType)(type);
3357
3387
  if (!elementType) {
3358
3388
  return {};
3359
3389
  }
@@ -3417,7 +3447,7 @@ function updateOverridableProp(componentId, propValue, originPropFields) {
3417
3447
  }
3418
3448
 
3419
3449
  // src/utils/get-prop-type-for-component-override.ts
3420
- var import_editor_elements12 = require("@elementor/editor-elements");
3450
+ var import_editor_elements13 = require("@elementor/editor-elements");
3421
3451
  var getPropTypeForComponentOverride = (overridableProp) => {
3422
3452
  if (overridableProp.originPropFields) {
3423
3453
  return getPropType(overridableProp.originPropFields);
@@ -3430,7 +3460,7 @@ var getPropTypeForComponentOverride = (overridableProp) => {
3430
3460
  });
3431
3461
  };
3432
3462
  function getPropType({ widgetType, propKey }) {
3433
- const widgetPropsSchema = (0, import_editor_elements12.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
3463
+ const widgetPropsSchema = (0, import_editor_elements13.getWidgetsCache)()?.[widgetType]?.atomic_props_schema;
3434
3464
  return widgetPropsSchema?.[propKey];
3435
3465
  }
3436
3466
 
@@ -3603,7 +3633,7 @@ function InstanceEditingPanel() {
3603
3633
  const overrides = settings?.overrides?.value;
3604
3634
  const component = useComponent(componentId ?? null);
3605
3635
  const overridableProps = useOverridableProps(componentId ?? null);
3606
- const componentInstanceId = (0, import_editor_elements13.useSelectedElement)()?.element?.id ?? null;
3636
+ const componentInstanceId = (0, import_editor_elements14.useSelectedElement)()?.element?.id ?? null;
3607
3637
  if (!componentId || !overridableProps || !component) {
3608
3638
  return null;
3609
3639
  }
@@ -3691,7 +3721,7 @@ function OverridablePropControl({
3691
3721
  var React29 = __toESM(require("react"));
3692
3722
  var import_editor_controls6 = require("@elementor/editor-controls");
3693
3723
  var import_editor_editing_panel7 = require("@elementor/editor-editing-panel");
3694
- var import_editor_elements14 = require("@elementor/editor-elements");
3724
+ var import_editor_elements15 = require("@elementor/editor-elements");
3695
3725
  var import_ui23 = require("@elementor/ui");
3696
3726
  var import_i18n24 = require("@wordpress/i18n");
3697
3727
 
@@ -3869,7 +3899,7 @@ function Content2({ componentId, overridableProps }) {
3869
3899
  });
3870
3900
  const triggerProps = (0, import_ui23.bindTrigger)(popupState);
3871
3901
  const popoverProps = (0, import_ui23.bindPopover)(popupState);
3872
- const { elType } = (0, import_editor_elements14.getWidgetsCache)()?.[elementType.key] ?? { elType: "widget" };
3902
+ const { elType } = (0, import_editor_elements15.getWidgetsCache)()?.[elementType.key] ?? { elType: "widget" };
3873
3903
  const handleSubmit = ({ label, group }) => {
3874
3904
  const propTypeDefault = propType.default ?? {};
3875
3905
  const originValue = (!overridableValue ? value : overridableValue?.origin_value) ?? propTypeDefault;
@@ -3930,7 +3960,7 @@ function isPropAllowed(bind) {
3930
3960
  }
3931
3961
 
3932
3962
  // src/hooks/regenerate-override-keys.ts
3933
- var import_editor_elements15 = require("@elementor/editor-elements");
3963
+ var import_editor_elements16 = require("@elementor/editor-elements");
3934
3964
  var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
3935
3965
  var import_utils8 = require("@elementor/utils");
3936
3966
  function initRegenerateOverrideKeys() {
@@ -3951,11 +3981,11 @@ function regenerateOverrideKeysForContainers(result) {
3951
3981
  });
3952
3982
  }
3953
3983
  function regenerateOverrideKeysRecursive(elementId) {
3954
- const container = (0, import_editor_elements15.getContainer)(elementId);
3984
+ const container = (0, import_editor_elements16.getContainer)(elementId);
3955
3985
  if (!container) {
3956
3986
  return;
3957
3987
  }
3958
- (0, import_editor_elements15.getAllDescendants)(container).forEach(regenerateOverrideKeys);
3988
+ (0, import_editor_elements16.getAllDescendants)(container).forEach(regenerateOverrideKeys);
3959
3989
  }
3960
3990
  function regenerateOverrideKeys(element) {
3961
3991
  if (!isComponentInstance(element.model.toJSON())) {
@@ -3989,7 +4019,7 @@ function regenerateOverrideKeys(element) {
3989
4019
  }
3990
4020
  }
3991
4021
  };
3992
- (0, import_editor_elements15.updateElementSettings)({
4022
+ (0, import_editor_elements16.updateElementSettings)({
3993
4023
  id: element.id,
3994
4024
  props: { component_instance: newComponentInstance },
3995
4025
  withHistory: false
@@ -4013,7 +4043,7 @@ var import_editor_mcp2 = require("@elementor/editor-mcp");
4013
4043
 
4014
4044
  // src/mcp/save-as-component-tool.ts
4015
4045
  var import_editor_canvas8 = require("@elementor/editor-canvas");
4016
- var import_editor_elements16 = require("@elementor/editor-elements");
4046
+ var import_editor_elements17 = require("@elementor/editor-elements");
4017
4047
  var import_editor_mcp = require("@elementor/editor-mcp");
4018
4048
  var import_http_client2 = require("@elementor/http-client");
4019
4049
  var import_schema6 = require("@elementor/schema");
@@ -4051,7 +4081,7 @@ var ERROR_MESSAGES2 = {
4051
4081
  var handleSaveAsComponent = async (params) => {
4052
4082
  const { element_id: elementId, component_name: componentName, overridable_props: overridablePropsInput } = params;
4053
4083
  const validElementTypes = getValidElementTypes();
4054
- const container = (0, import_editor_elements16.getContainer)(elementId);
4084
+ const container = (0, import_editor_elements17.getContainer)(elementId);
4055
4085
  if (!container) {
4056
4086
  throw new Error(ERROR_MESSAGES2.ELEMENT_NOT_FOUND);
4057
4087
  }
@@ -4098,7 +4128,7 @@ function enrichOverridableProps(input, rootElement) {
4098
4128
  }
4099
4129
  const elType = element.elType;
4100
4130
  const widgetType = element.widgetType || element.elType;
4101
- const elementType = (0, import_editor_elements16.getElementType)(widgetType);
4131
+ const elementType = (0, import_editor_elements17.getElementType)(widgetType);
4102
4132
  if (!elementType) {
4103
4133
  throw new Error(
4104
4134
  `Element type "${widgetType}" is not atomic or does not have a settings schema. Cannot expose property "${propKey}" for element "${elementId}".`
@@ -4167,7 +4197,7 @@ function findElementById(root, targetId) {
4167
4197
  return null;
4168
4198
  }
4169
4199
  function getValidElementTypes() {
4170
- const types = (0, import_editor_elements16.getWidgetsCache)();
4200
+ const types = (0, import_editor_elements17.getWidgetsCache)();
4171
4201
  if (!types) {
4172
4202
  return [];
4173
4203
  }
@@ -4354,7 +4384,7 @@ function PopulateStore() {
4354
4384
  }
4355
4385
 
4356
4386
  // src/prevent-circular-nesting.ts
4357
- var import_editor_elements17 = require("@elementor/editor-elements");
4387
+ var import_editor_elements18 = require("@elementor/editor-elements");
4358
4388
  var import_editor_notifications3 = require("@elementor/editor-notifications");
4359
4389
  var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
4360
4390
  var import_store64 = require("@elementor/store");
@@ -4449,7 +4479,7 @@ function blockCircularMove(args) {
4449
4479
  if (!container) {
4450
4480
  return false;
4451
4481
  }
4452
- const allElements = (0, import_editor_elements17.getAllDescendants)(container);
4482
+ const allElements = (0, import_editor_elements18.getAllDescendants)(container);
4453
4483
  return allElements.some((element) => {
4454
4484
  const componentId = extractComponentIdFromContainer(element);
4455
4485
  if (componentId === null) {
@@ -4510,7 +4540,7 @@ var componentsStylesProvider = (0, import_editor_styles_repository.createStylesP
4510
4540
  });
4511
4541
 
4512
4542
  // src/sync/create-components-before-save.ts
4513
- var import_editor_elements18 = require("@elementor/editor-elements");
4543
+ var import_editor_elements19 = require("@elementor/editor-elements");
4514
4544
  var import_store70 = require("@elementor/store");
4515
4545
  async function createComponentsBeforeSave({
4516
4546
  elements,
@@ -4578,7 +4608,7 @@ function shouldUpdateElement(element, uidToComponentId) {
4578
4608
  return { shouldUpdate: false, newComponentId: null };
4579
4609
  }
4580
4610
  function updateElementComponentId(elementId, componentId) {
4581
- (0, import_editor_elements18.updateElementSettings)({
4611
+ (0, import_editor_elements19.updateElementSettings)({
4582
4612
  id: elementId,
4583
4613
  props: {
4584
4614
  component_instance: {
@@ -4656,14 +4686,14 @@ var updateComponentTitleBeforeSave = async () => {
4656
4686
  };
4657
4687
 
4658
4688
  // src/sync/update-components-before-save.ts
4659
- var import_editor_documents11 = require("@elementor/editor-documents");
4689
+ var import_editor_documents12 = require("@elementor/editor-documents");
4660
4690
  async function updateComponentsBeforeSave({ status, elements }) {
4661
4691
  if (status !== "publish") {
4662
4692
  return;
4663
4693
  }
4664
4694
  const componentIds = await getComponentIds(elements);
4665
4695
  const componentDocumentData = await Promise.all(componentIds.map(getComponentDocumentData));
4666
- const draftIds = componentDocumentData.filter((document) => !!document).filter(import_editor_documents11.isDocumentDirty).map((document) => document.id);
4696
+ const draftIds = componentDocumentData.filter((document) => !!document).filter(import_editor_documents12.isDocumentDirty).map((document) => document.id);
4667
4697
  if (draftIds.length === 0) {
4668
4698
  return;
4669
4699
  }
@@ -4693,7 +4723,7 @@ function init() {
4693
4723
  (options) => createComponentType({ ...options, showLockedByModal: openEditModeDialog })
4694
4724
  );
4695
4725
  (0, import_editor_v1_adapters10.registerDataHook)("dependency", "editor/documents/close", (args) => {
4696
- const document = (0, import_editor_documents12.getV1CurrentDocument)();
4726
+ const document = (0, import_editor_documents13.getV1CurrentDocument)();
4697
4727
  if (document.config.type === COMPONENT_DOCUMENT_TYPE) {
4698
4728
  args.mode = "autosave";
4699
4729
  }
@@ -4723,7 +4753,7 @@ function init() {
4723
4753
  component: ComponentPanelHeader
4724
4754
  });
4725
4755
  (0, import_editor_v1_adapters10.registerDataHook)("after", "editor/documents/attach-preview", async () => {
4726
- const { id: id2, config } = (0, import_editor_documents12.getV1CurrentDocument)();
4756
+ const { id: id2, config } = (0, import_editor_documents13.getV1CurrentDocument)();
4727
4757
  if (id2) {
4728
4758
  removeComponentStyles(id2);
4729
4759
  }