@elementor/editor-components 3.33.0-295 → 3.33.0-297

package/dist/index.js

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/init.ts
 var import_editor = require("@elementor/editor");
-var import_editor_canvas5 = require("@elementor/editor-canvas");
+var import_editor_canvas6 = require("@elementor/editor-canvas");
 var import_editor_documents3 = require("@elementor/editor-documents");
 var import_editor_elements_panel = require("@elementor/editor-elements-panel");
 var import_editor_styles_repository2 = require("@elementor/editor-styles-repository");
@@ -214,6 +214,28 @@ var componentInstanceTransformer = (0, import_editor_canvas.createTransformer)(
   }
 );
 
+// src/component-overridable-transformer.ts
+var import_editor_canvas2 = require("@elementor/editor-canvas");
+var componentOverridableTransformer = (0, import_editor_canvas2.createTransformer)(
+  async (value, options) => {
+    return await transformOriginValue(value, options);
+  }
+);
+async function transformOriginValue(value, options) {
+  if (!value.origin_value || !value.origin_value.value || !value.origin_value.$$type) {
+    return null;
+  }
+  const transformer = import_editor_canvas2.settingsTransformersRegistry.get(value.origin_value.$$type);
+  if (!transformer) {
+    return null;
+  }
+  try {
+    return await transformer(value.origin_value.value, options);
+  } catch {
+    return null;
+  }
+}
+
 // src/components/components-tab/components.tsx
 var React6 = __toESM(require("react"));
 var import_editor_ui = require("@elementor/editor-ui");
@@ -282,7 +304,7 @@ var useComponents = () => {
 
 // src/components/components-tab/components-item.tsx
 var React3 = __toESM(require("react"));
-var import_editor_canvas2 = require("@elementor/editor-canvas");
+var import_editor_canvas3 = require("@elementor/editor-canvas");
 var import_editor_elements3 = require("@elementor/editor-elements");
 var import_icons2 = require("@elementor/icons");
 var import_ui2 = require("@elementor/ui");
@@ -414,13 +436,13 @@ var ComponentItem = ({ component }) => {
   };
   const handleDragEnd = () => {
     loadComponentsStyles([componentModel]);
-    (0, import_editor_canvas2.endDragElementFromPanel)();
+    (0, import_editor_canvas3.endDragElementFromPanel)();
   };
   return /* @__PURE__ */ React3.createElement(
     import_ui2.ListItemButton,
     {
       draggable: true,
-      onDragStart: () => (0, import_editor_canvas2.startDragElementFromPanel)(componentModel),
+      onDragStart: () => (0, import_editor_canvas3.startDragElementFromPanel)(componentModel),
       onDragEnd: handleDragEnd,
       shape: "rounded",
       sx: { border: "solid 1px", borderColor: "divider", py: 0.5, px: 1 }
@@ -934,10 +956,10 @@ var import_react_dom = require("react-dom");
 var import_i18n5 = require("@wordpress/i18n");
 
 // src/hooks/use-canvas-document.ts
-var import_editor_canvas3 = require("@elementor/editor-canvas");
+var import_editor_canvas4 = require("@elementor/editor-canvas");
 var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 function useCanvasDocument() {
-  return (0, import_editor_v1_adapters3.__privateUseListenTo)((0, import_editor_v1_adapters3.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_canvas3.getCanvasIframeDocument)());
+  return (0, import_editor_v1_adapters3.__privateUseListenTo)((0, import_editor_v1_adapters3.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_canvas4.getCanvasIframeDocument)());
 }
 
 // src/hooks/use-element-rect.ts
@@ -1199,7 +1221,7 @@ var EditModeDialog = ({ lockedBy }) => {
 };
 
 // src/create-component-type.ts
-var import_editor_canvas4 = require("@elementor/editor-canvas");
+var import_editor_canvas5 = require("@elementor/editor-canvas");
 var import_editor_documents2 = require("@elementor/editor-documents");
 var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 var import_i18n7 = require("@wordpress/i18n");
@@ -1216,7 +1238,7 @@ function createComponentType(options) {
   };
 }
 function createComponentView(options) {
-  return class extends (0, import_editor_canvas4.createTemplatedElementView)(options) {
+  return class extends (0, import_editor_canvas5.createTemplatedElementView)(options) {
     legacyWindow = window;
     eventsManagerConfig = this.legacyWindow.elementorCommon.eventsManager.config;
     isComponentCurrentlyEdited() {
@@ -1486,7 +1508,7 @@ var COMPONENT_DOCUMENT_TYPE2 = "elementor_component";
 function init() {
   import_editor_styles_repository2.stylesRepository.register(componentsStylesProvider);
   (0, import_store20.__registerSlice)(slice);
-  (0, import_editor_canvas5.registerElementType)(
+  (0, import_editor_canvas6.registerElementType)(
     TYPE,
     (options) => createComponentType({ ...options, showLockedByModal: openEditModeDialog })
   );
@@ -1523,7 +1545,8 @@ function init() {
     }
     loadComponentsStyles(config?.elements ?? []);
   });
-  import_editor_canvas5.settingsTransformersRegistry.register("component-instance", componentInstanceTransformer);
+  import_editor_canvas6.settingsTransformersRegistry.register("component-instance", componentInstanceTransformer);
+  import_editor_canvas6.settingsTransformersRegistry.register("overridable", componentOverridableTransformer);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {