@elementor/editor-controls 4.3.0-1055 → 4.3.0-1057

package/dist/index.js

@@ -5553,14 +5553,17 @@ var import_wp_media3 = require("@elementor/wp-media");
 var import_i18n33 = require("@wordpress/i18n");
 var PLACEHOLDER_IMAGE = window.elementorCommon?.config?.urls?.assets + "/shapes/play-triangle.svg";
 var VideoMediaControl = createControl(() => {
-  const { value, setValue } = useBoundProp(import_editor_props35.videoSrcPropTypeUtil);
+  const { value, setValue, propType } = useBoundProp(import_editor_props35.videoSrcPropTypeUtil);
   const { id, url } = value ?? {};
   const { data: attachment, isFetching } = (0, import_wp_media3.useWpMediaAttachment)(id?.value || null);
   const videoUrl = attachment?.url ?? url?.value ?? null;
+  const defaultUrl = import_editor_props35.videoSrcPropTypeUtil.extract(propType.default ?? null)?.url?.value;
+  const currentUrlForModal = url?.value && url.value !== defaultUrl ? url.value : void 0;
   const { open } = (0, import_wp_media3.useWpMediaFrame)({
     mediaTypes: ["video"],
     multiple: false,
     selected: id?.value || null,
+    allowUrlImport: true,
     onSelect: (selectedAttachment) => {
       setValue({
         id: {
@@ -5569,6 +5572,12 @@ var VideoMediaControl = createControl(() => {
         },
         url: null
       });
+    },
+    onSelectUrl: (selectedUrl) => {
+      setValue({
+        id: null,
+        url: import_editor_props35.urlPropTypeUtil.create(selectedUrl)
+      });
     }
   });
   return /* @__PURE__ */ React82.createElement(ControlActions, null, /* @__PURE__ */ React82.createElement(import_ui65.Card, { variant: "outlined" }, /* @__PURE__ */ React82.createElement(
@@ -5606,6 +5615,15 @@ var VideoMediaControl = createControl(() => {
       onClick: () => open({ mode: "upload" })
     },
     (0, import_i18n33.__)("Upload", "elementor")
+  ), /* @__PURE__ */ React82.createElement(
+    import_ui65.Button,
+    {
+      size: "tiny",
+      variant: "text",
+      color: "inherit",
+      onClick: () => open({ mode: "url", currentUrl: currentUrlForModal })
+    },
+    (0, import_i18n33.__)("Insert from URL", "elementor")
   )))));
 });
 var VideoPreview = ({ isFetching = false, videoUrl }) => {
@@ -5616,6 +5634,7 @@ var VideoPreview = ({ isFetching = false, videoUrl }) => {
     return /* @__PURE__ */ React82.createElement(
       "video",
       {
+        "aria-label": (0, import_i18n33.__)("Video preview", "elementor"),
         src: videoUrl,
         muted: true,
         preload: "metadata",