@nextcloud/vue 9.8.2 → 9.9.0

package/dist/chunks/{referencePickerModal-CD1BjLPe.mjs → referencePickerModal-CnKdEDwu.mjs}

@@ -1,26 +1,27 @@
-import '../assets/referencePickerModal-Dod7nzta.css';
-import { openBlock, createElementBlock, mergeProps, createElementVNode, toDisplayString, createCommentVNode, resolveComponent, createVNode, withCtx, defineComponent, inject, ref, useTemplateRef, nextTick, computed, watch, onBeforeUnmount, normalizeClass, createBlock, resolveDynamicComponent, normalizeStyle, createTextVNode, unref, withKeys, withModifiers, createApp } from "vue";
+import '../assets/referencePickerModal-BNPfxyni.css';
+import { openBlock, createElementBlock, mergeProps, createElementVNode, toDisplayString, createCommentVNode, resolveComponent, createVNode, withCtx, defineComponent, inject, ref, useTemplateRef, nextTick, computed, watch, onBeforeUnmount, normalizeClass, normalizeStyle, withKeys, withModifiers, unref, createBlock, resolveDynamicComponent, createTextVNode, createApp } from "vue";
 import { emit } from "@nextcloud/event-bus";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
 import { I as IconClose } from "./Close-CuhcJnX2.mjs";
-import { e as renderCustomPickerElement, d as destroyCustomPickerElement, i as isCustomPickerElementRegistered, j as hasFullWidth, b as isWidgetRegistered, h as hasInteractiveView, f as renderWidget, a as destroyWidget, g as getCustomPickerElementSize } from "./customPickerElements-Cu7bLbap.mjs";
+import { e as renderCustomPickerElement, d as destroyCustomPickerElement, i as isCustomPickerElementRegistered, j as hasFullWidth, k as isResizable, b as isWidgetRegistered, h as hasInteractiveView, f as renderWidget, a as destroyWidget, g as getCustomPickerElementSize } from "./customPickerElements-BqbDcaEu.mjs";
 import axios from "@nextcloud/axios";
 import { loadState } from "@nextcloud/initial-state";
 import { imagePath, generateOcsUrl } from "@nextcloud/router";
-import { r as register, W as t8, a as t, X as t46, Y as t41, Z as t24, _ as t25, q as t43, $ as t32, A as t19, a0 as t12 } from "./_l10n-CG4CuN3H.mjs";
+import { r as register, W as t8, a as t, X as t46, Y as t41, Z as t24, _ as t25, q as t43, $ as t32, A as t19, a0 as t12 } from "./_l10n-wdIzZwir.mjs";
 import { l as logger } from "./logger-D3RVzcfQ.mjs";
 import { N as NcEmptyContent } from "./NcEmptyContent-CGAPqk4S.mjs";
 import { _ as _sfc_main$a } from "./NcHighlight.vue_vue_type_script_lang-DnWQDM_2.mjs";
-import { N as NcSelect } from "./NcSelect-BOFzoCwK.mjs";
+import { N as NcSelect } from "./NcSelect--kERLlBK.mjs";
 import debounce from "debounce";
 import { useElementSize, useIntersectionObserver } from "@vueuse/core";
 import { routerKey, RouterLink } from "vue-router";
-import { N as NcButton } from "./NcButton-QbPBynlU.mjs";
-import { g as getRoute } from "./autolink-B2azbG18.mjs";
+import { N as NcButton } from "./NcButton-jvoYS2my.mjs";
+import { c as createElementId } from "./createElementId-DhjFt1I9.mjs";
+import { g as getRoute } from "./autolink-DrIurosL.mjs";
 import { N as NcLoadingIcon } from "./NcLoadingIcon-BOVpFVQz.mjs";
-import { _ as _sfc_main$b } from "./NcTextField.vue_vue_type_script_setup_true_lang-BQHjkK8r.mjs";
-import { I as IconDotsHorizontal } from "./NcActions-DY4GGONi.mjs";
-import { N as NcModal } from "./NcModal-B-YLND3e.mjs";
+import { _ as _sfc_main$b } from "./NcTextField.vue_vue_type_script_setup_true_lang-Bx2esFU2.mjs";
+import { I as IconDotsHorizontal } from "./NcActions-C-wDqSrv.mjs";
+import { N as NcModal } from "./NcModal-DiDvgcU8.mjs";
 const _sfc_main$9 = {
   name: "ArrowLeftIcon",
   emits: ["click"],
@@ -77,7 +78,8 @@ const _sfc_main$8 = {
   },
   emits: [
     "cancel",
-    "submit"
+    "submit",
+    "pick"
   ],
   data() {
     return {
@@ -105,17 +107,24 @@ const _sfc_main$8 = {
         this.renderResult = result;
         if (this.renderResult.object?._isVue && this.renderResult.object?.$on) {
           this.renderResult.object.$on("submit", this.onSubmit);
+          this.renderResult.object.$on("pick", this.onPick);
           this.renderResult.object.$on("cancel", this.onCancel);
         }
         this.renderResult.element.addEventListener("submit", (e) => {
           this.onSubmit(e.detail);
         });
+        this.renderResult.element.addEventListener("pick", (e) => {
+          this.onPick(e.detail);
+        });
         this.renderResult.element.addEventListener("cancel", this.onCancel);
       });
     },
     onSubmit(value) {
       this.$emit("submit", value);
     },
+    onPick(value) {
+      this.$emit("pick", value);
+    },
     onCancel() {
       this.$emit("cancel");
     }
@@ -125,7 +134,7 @@ const _hoisted_1$8 = { ref: "domElement" };
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$8, null, 512);
 }
-const NcCustomPickerElement = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7], ["__scopeId", "data-v-e408867a"]]);
+const NcCustomPickerElement = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7], ["__scopeId", "data-v-df9d8f84"]]);
 const _sfc_main$7 = {
   name: "LinkVariantIcon",
   emits: ["click"],
@@ -246,7 +255,8 @@ const _sfc_main$6 = {
   },
   emits: [
     "selectProvider",
-    "submit"
+    "submit",
+    "pick"
   ],
   data() {
     return {
@@ -280,6 +290,7 @@ const _sfc_main$6 = {
       if (p !== null) {
         if (p.isLink) {
           this.$emit("submit", p.title);
+          this.$emit("pick", { link: p.title });
         } else {
           this.$emit("selectProvider", p);
         }
@@ -355,13 +366,15 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ]);
 }
-const NcProviderList = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5], ["__scopeId", "data-v-ea81d3af"]]);
+const NcProviderList = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5], ["__scopeId", "data-v-c9740c42"]]);
 register(t24);
-const _hoisted_1$5 = ["src"];
-const _hoisted_2$4 = { class: "widget-default--details" };
-const _hoisted_3$3 = { class: "widget-default--name" };
-const _hoisted_4$2 = { class: "widget-default--link" };
+const _hoisted_1$5 = ["aria-label", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
+const _hoisted_2$4 = ["src"];
+const _hoisted_3$3 = { class: "widget-default--details" };
+const _hoisted_4$2 = { class: "widget-default--name" };
+const _hoisted_5$2 = { class: "widget-default--link" };
 const IDLE_TIMEOUT = 3 * 60 * 1e3;
+const RESIZE_KEYBOARD_STEP = 10;
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "NcReferenceWidget",
   props: {
@@ -372,10 +385,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const router = inject(routerKey, null);
+    const widgetId = `nc-reference-widget-${createElementId()}`;
     const isVisible = ref(false);
     const customWidget = useTemplateRef("customWidget");
+    const customWidgetContent = useTemplateRef("customWidgetContent");
     const widgetRoot = useTemplateRef("widgetRoot");
     const { width } = useElementSize(widgetRoot);
+    const { height: customWidgetHeight } = useElementSize(customWidget);
     useIntersectionObserver(widgetRoot, ([entry]) => {
       nextTick(() => {
         isVisible.value = entry.isIntersecting;
@@ -384,15 +400,33 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const showInteractive = ref(false);
     const rendered = ref(false);
     let idleTimeout = null;
+    const isResizing = ref(false);
+    const resizedHeight = ref(null);
+    const resizeStartY = ref(0);
+    const resizeStartHeight = ref(0);
+    const resizeMinHeight = ref(100);
+    const resizeMaxHeight = ref(window.innerHeight - 120);
     const isInteractive = computed(() => {
       return !props.interactiveOptIn && props.interactive || showInteractive.value;
     });
     const referenceHasFullWidth = computed(() => {
       return hasFullWidth(props.reference.richObjectType);
     });
+    const isWidgetResizable = computed(() => {
+      return isResizable(props.reference.richObjectType);
+    });
     const hasCustomWidget = computed(() => {
       return isWidgetRegistered(props.reference.richObjectType);
     });
+    const customWidgetStyle = computed(() => {
+      if (!resizedHeight.value) {
+        return null;
+      }
+      return { height: `${resizedHeight.value}px !important` };
+    });
+    const ariaValueNow = computed(() => {
+      return Math.round(resizedHeight.value ?? customWidgetHeight.value);
+    });
     const referenceHasInteractiveView = computed(() => {
       return hasCustomWidget.value && hasInteractiveView(props.reference.richObjectType);
     });
@@ -455,6 +489,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }
     }, { immediate: true });
     onBeforeUnmount(() => {
+      if (idleTimeout) {
+        clearTimeout(idleTimeout);
+        idleTimeout = null;
+      }
+      stopResize();
       destroyReferenceWidget();
     });
     function enableInteractive() {
@@ -462,16 +501,16 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       renderReferenceWidget();
     }
     function renderReferenceWidget() {
-      if (!customWidget.value) {
+      if (!customWidgetContent.value) {
         return;
       }
       if (props.reference.richObjectType === "open-graph") {
         return;
       }
-      customWidget.value.innerHTML = "";
+      customWidgetContent.value.innerHTML = "";
       const widget = document.createElement("div");
       widget.style.width = "100%";
-      customWidget.value.appendChild(widget);
+      customWidgetContent.value.appendChild(widget);
       nextTick(() => {
         renderWidget(widget, {
           ...props.reference,
@@ -486,6 +525,54 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         rendered.value = false;
       }
     }
+    function initResizeLimits() {
+      const widgetEl = customWidgetContent.value?.firstElementChild;
+      if (widgetEl) {
+        const computedStyle = window.getComputedStyle(widgetEl);
+        const parsedMin = parseFloat(computedStyle.minHeight);
+        const parsedMax = parseFloat(computedStyle.maxHeight);
+        resizeMinHeight.value = parsedMin > 0 ? parsedMin : 100;
+        resizeMaxHeight.value = Number.isFinite(parsedMax) && parsedMax > 0 ? parsedMax : window.innerHeight - 120;
+      } else {
+        resizeMinHeight.value = 100;
+        resizeMaxHeight.value = window.innerHeight - 120;
+      }
+    }
+    function startResize(event) {
+      if (!isWidgetResizable.value || !customWidget.value) {
+        return;
+      }
+      initResizeLimits();
+      isResizing.value = true;
+      resizeStartY.value = event.clientY;
+      resizeStartHeight.value = customWidget.value.getBoundingClientRect().height;
+      window.addEventListener("pointermove", onResize);
+      window.addEventListener("pointerup", stopResize);
+    }
+    function onResizeKeydown(delta) {
+      if (!isWidgetResizable.value || !customWidget.value) {
+        return;
+      }
+      initResizeLimits();
+      const currentHeight = resizedHeight.value ?? resizeStartHeight.value;
+      const next = currentHeight + delta;
+      resizedHeight.value = Math.min(resizeMaxHeight.value, Math.max(resizeMinHeight.value, next));
+    }
+    function onResize(event) {
+      if (!isResizing.value || !customWidget.value) {
+        return;
+      }
+      const deltaY = event.clientY - resizeStartY.value;
+      resizedHeight.value = Math.min(resizeMaxHeight.value, Math.max(resizeMinHeight.value, resizeStartHeight.value + deltaY));
+    }
+    function stopResize() {
+      if (!isResizing.value) {
+        return;
+      }
+      isResizing.value = false;
+      window.removeEventListener("pointermove", onResize);
+      window.removeEventListener("pointerup", stopResize);
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "widgetRoot",
@@ -494,10 +581,35 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }, [
         __props.reference && hasCustomWidget.value ? (openBlock(), createElementBlock("div", {
           key: 0,
+          id: widgetId,
           ref_key: "customWidget",
           ref: customWidget,
-          class: normalizeClass(["widget-custom", { "full-width": referenceHasFullWidth.value }])
-        }, null, 2)) : !noAccess.value && __props.reference && __props.reference.openGraphObject && !hasCustomWidget.value ? (openBlock(), createBlock(resolveDynamicComponent(referenceWidgetLinkComponent.value), mergeProps({ key: 1 }, referenceWidgetLinkProps.value, {
+          class: normalizeClass(["widget-custom", { "full-width": referenceHasFullWidth.value }]),
+          style: normalizeStyle(customWidgetStyle.value)
+        }, [
+          createElementVNode("div", {
+            ref_key: "customWidgetContent",
+            ref: customWidgetContent,
+            class: "widget-custom__content"
+          }, null, 512),
+          isWidgetResizable.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "widget-custom__resize-handle",
+            role: "slider",
+            tabindex: "0",
+            "aria-orientation": "vertical",
+            "aria-label": unref(t)("Widget height"),
+            "aria-valuenow": ariaValueNow.value,
+            "aria-valuemin": resizeMinHeight.value,
+            "aria-valuemax": resizeMaxHeight.value,
+            "aria-controls": widgetId,
+            onPointerdown: withModifiers(startResize, ["stop", "prevent"]),
+            onKeydown: [
+              _cache[0] || (_cache[0] = withKeys(withModifiers(($event) => onResizeKeydown(-RESIZE_KEYBOARD_STEP), ["stop", "prevent"]), ["up"])),
+              _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => onResizeKeydown(RESIZE_KEYBOARD_STEP), ["stop", "prevent"]), ["down"]))
+            ]
+          }, null, 40, _hoisted_1$5)) : createCommentVNode("", true)
+        ], 6)) : !noAccess.value && __props.reference && __props.reference.openGraphObject && !hasCustomWidget.value ? (openBlock(), createBlock(resolveDynamicComponent(referenceWidgetLinkComponent.value), mergeProps({ key: 1 }, referenceWidgetLinkProps.value, {
           rel: "noopener noreferrer",
           class: "widget-default"
         }), {
@@ -506,14 +618,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               key: 0,
               class: "widget-default--image",
               src: __props.reference.openGraphObject.thumb
-            }, null, 8, _hoisted_1$5)) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_2$4, [
-              createElementVNode("p", _hoisted_3$3, toDisplayString(__props.reference.openGraphObject.name), 1),
+            }, null, 8, _hoisted_2$4)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_3$3, [
+              createElementVNode("p", _hoisted_4$2, toDisplayString(__props.reference.openGraphObject.name), 1),
               createElementVNode("p", {
                 class: "widget-default--description",
                 style: normalizeStyle(descriptionStyle.value)
               }, toDisplayString(__props.reference.openGraphObject.description), 5),
-              createElementVNode("p", _hoisted_4$2, toDisplayString(compactLink.value), 1)
+              createElementVNode("p", _hoisted_5$2, toDisplayString(compactLink.value), 1)
             ])
           ]),
           _: 1
@@ -532,7 +644,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NcReferenceWidget = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b0ec9f0b"]]);
+const NcReferenceWidget = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4b144346"]]);
 register(t25);
 const _sfc_main$4 = {
   name: "NcRawLinkInput",
@@ -553,7 +665,8 @@ const _sfc_main$4 = {
     }
   },
   emits: [
-    "submit"
+    "submit",
+    "pick"
   ],
   data() {
     return {
@@ -580,6 +693,7 @@ const _sfc_main$4 = {
       const value = e.target.value;
       if (this.isLinkValid) {
         this.$emit("submit", value);
+        this.$emit("pick", { link: value });
       }
     },
     onClear() {
@@ -664,7 +778,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     }))
   ]);
 }
-const NcRawLinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-918730b9"]]);
+const NcRawLinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-fb24b594"]]);
 const _sfc_main$3 = {
   name: "NcSearchResult",
   components: {
@@ -741,6 +855,9 @@ const _sfc_main$2 = {
       type: Object,
       required: true
     },
+    /**
+     * Whether to show the empty content when there are no search results
+     */
     showEmptyContent: {
       type: Boolean,
       default: true
@@ -754,7 +871,8 @@ const _sfc_main$2 = {
     }
   },
   emits: [
-    "submit"
+    "submit",
+    "pick"
   ],
   data() {
     return {
@@ -865,6 +983,11 @@ const _sfc_main$2 = {
         if (item.resourceUrl) {
           this.cancelSearchRequests();
           this.$emit("submit", item.resourceUrl);
+          const reference = { link: item.resourceUrl };
+          if (item.title) {
+            reference.title = item.title;
+          }
+          this.$emit("pick", reference);
         } else if (item.isMore) {
           this.searchMoreOf(item.providerId).then(() => {
             this.selectedResult = null;
@@ -1020,7 +1143,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("", true)
   ], 2);
 }
-const NcSearch = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-af9d145f"]]);
+const NcSearch = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-d965b4c7"]]);
 const MODES = {
   providerList: 1,
   standardLinkInput: 2,
@@ -1066,7 +1189,8 @@ const _sfc_main$1 = {
     "cancelRawLink",
     "cancelSearch",
     "providerSelected",
-    "submit"
+    "submit",
+    "pick"
   ],
   data() {
     return {
@@ -1133,6 +1257,13 @@ const _sfc_main$1 = {
       this.$emit("submit", link);
       this.deselectProvider();
     },
+    pickLink(reference) {
+      if (this.selectedProvider !== null) {
+        touchProvider(this.selectedProvider.id);
+      }
+      this.$emit("pick", reference);
+      this.deselectProvider();
+    },
     deselectProvider() {
       this.selectedProvider = null;
       this.$emit("providerSelected", null);
@@ -1162,30 +1293,34 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "provider-list",
       onSelectProvider: $options.onProviderSelected,
       onSubmit: $options.submitLink,
+      onPick: $options.pickLink,
       onCancel: $options.cancelProviderSelection
-    }, null, 8, ["onSelectProvider", "onSubmit", "onCancel"])) : $options.mode === $data.MODES.standardLinkInput ? (openBlock(), createBlock(_component_NcRawLinkInput, {
+    }, null, 8, ["onSelectProvider", "onSubmit", "onPick", "onCancel"])) : $options.mode === $data.MODES.standardLinkInput ? (openBlock(), createBlock(_component_NcRawLinkInput, {
       key: 1,
       ref: "url-input",
       provider: $data.selectedProvider,
       onSubmit: $options.submitLink,
+      onPick: $options.pickLink,
       onCancel: $options.cancelRawLinkInput
-    }, null, 8, ["provider", "onSubmit", "onCancel"])) : $options.mode === $data.MODES.searchInput ? (openBlock(), createBlock(_component_NcSearch, {
+    }, null, 8, ["provider", "onSubmit", "onPick", "onCancel"])) : $options.mode === $data.MODES.searchInput ? (openBlock(), createBlock(_component_NcSearch, {
       key: 2,
       ref: "url-input",
       provider: $data.selectedProvider,
-      onCancel: $options.cancelSearch,
-      onSubmit: $options.submitLink
-    }, null, 8, ["provider", "onCancel", "onSubmit"])) : $options.mode === $data.MODES.customElement ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      onSubmit: $options.submitLink,
+      onPick: $options.pickLink,
+      onCancel: $options.cancelSearch
+    }, null, 8, ["provider", "onSubmit", "onPick", "onCancel"])) : $options.mode === $data.MODES.customElement ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
       createVNode(_component_NcCustomPickerElement, {
         provider: $data.selectedProvider,
         class: "custom-element",
         onSubmit: $options.submitLink,
+        onPick: $options.pickLink,
         onCancel: $options.cancelCustomElement
-      }, null, 8, ["provider", "onSubmit", "onCancel"])
+      }, null, 8, ["provider", "onSubmit", "onPick", "onCancel"])
     ])) : createCommentVNode("", true)
   ], 36);
 }
-const NcReferencePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-5e2e9195"]]);
+const NcReferencePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-40667c6c"]]);
 register(t12, t19);
 const _sfc_main = {
   name: "NcReferencePickerModal",
@@ -1222,7 +1357,8 @@ const _sfc_main = {
   },
   emits: [
     "cancel",
-    "submit"
+    "submit",
+    "pick"
   ],
   data() {
     return {
@@ -1265,6 +1401,10 @@ const _sfc_main = {
       this.show = false;
       this.$emit("submit", value);
     },
+    onPick(value) {
+      this.show = false;
+      this.$emit("pick", value);
+    },
     onProviderSelect(provider) {
       this.selectedProvider = provider;
       if (provider === null && this.initialProvider !== null) {
@@ -1326,14 +1466,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           focusOnCreate: $props.focusOnCreate,
           onProviderSelected: $options.onProviderSelect,
           onSubmit: $options.onSubmit,
+          onPick: $options.onPick,
           onCancel: $options.onCancel
-        }, null, 8, ["initialProvider", "focusOnCreate", "onProviderSelected", "onSubmit", "onCancel"])
+        }, null, 8, ["initialProvider", "focusOnCreate", "onProviderSelected", "onSubmit", "onPick", "onCancel"])
       ], 512)
     ]),
     _: 1
   }, 8, ["size", "onClose"])) : createCommentVNode("", true);
 }
-const NcReferencePickerModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-bf0a25ee"]]);
+const NcReferencePickerModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-58d45f81"]]);
 async function getLinkWithPicker(providerId, isInsideViewer) {
   const modalId = "referencePickerModal";
   const modalElement = document.createElement("div");
@@ -1356,16 +1497,39 @@ async function getLinkWithPicker(providerId, isInsideViewer) {
   view.mount(modalElement);
   return promise;
 }
+async function getReferenceWithPicker(providerId, isInsideViewer) {
+  const modalId = "referencePickerModal";
+  const modalElement = document.createElement("div");
+  modalElement.id = modalId;
+  document.body.append(modalElement);
+  const { promise, reject, resolve } = Promise.withResolvers();
+  const initialProvider = providerId && getProvider(providerId) || null;
+  const view = createApp(NcReferencePickerModal, {
+    initialProvider,
+    isInsideViewer,
+    onCancel() {
+      view.unmount();
+      reject(new Error("User cancellation"));
+    },
+    onPick(reference) {
+      view.unmount();
+      resolve(reference);
+    }
+  });
+  view.mount(modalElement);
+  return promise;
+}
 export {
   NcReferencePicker as N,
   anyLinkProviderId as a,
   getProvider as b,
   getProviders as c,
-  sortProviders as d,
-  NcReferencePickerModal as e,
-  NcReferenceWidget as f,
+  getReferenceWithPicker as d,
+  sortProviders as e,
+  NcReferencePickerModal as f,
   getLinkWithPicker as g,
-  NcSearch as h,
+  NcReferenceWidget as h,
+  NcSearch as i,
   searchProvider as s
 };
-//# sourceMappingURL=referencePickerModal-CD1BjLPe.mjs.map
+//# sourceMappingURL=referencePickerModal-CnKdEDwu.mjs.map