@nextcloud/vue 9.8.2 → 9.10.0

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

@@ -1,27 +1,25 @@
-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.css';
+import { openBlock, createElementBlock, mergeProps, createElementVNode, toDisplayString, createCommentVNode, resolveComponent, createVNode, withCtx, withKeys, createBlock, normalizeClass, createTextVNode, withModifiers, normalizeStyle, 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 { _ as _export_sfc } from "./_plugin-vue_export-helper.mjs";
+import { I as IconClose } from "./Close.mjs";
+import { a as renderCustomPickerElement, d as destroyCustomPickerElement, i as isCustomPickerElementRegistered, g as getCustomPickerElementSize } from "./customPickerElements.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 { 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 { r as register, X as t9, a as t, Y as t47, Z as t42, _ as t26, s as t44, $ as t33, A as t20, a0 as t13 } from "./_l10n.mjs";
+import { l as logger } from "./logger.mjs";
+import { N as NcEmptyContent } from "./NcEmptyContent.mjs";
+import { _ as _sfc_main$9 } from "./NcHighlight.vue_vue_type_script_lang.mjs";
+import { N as NcSelect } from "./NcSelect.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 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";
-const _sfc_main$9 = {
+import { N as NcReferenceWidget } from "./NcReferenceWidget.mjs";
+import { N as NcLoadingIcon } from "./NcLoadingIcon.mjs";
+import { _ as _sfc_main$a } from "./NcTextField.vue_vue_type_script_setup_true_lang.mjs";
+import { I as IconDotsHorizontal } from "./NcActions.mjs";
+import { N as NcButton } from "./NcButton.mjs";
+import { N as NcModal } from "./NcModal.mjs";
+const _sfc_main$8 = {
   name: "ArrowLeftIcon",
   emits: ["click"],
   props: {
@@ -38,10 +36,10 @@ const _sfc_main$9 = {
     }
   }
 };
-const _hoisted_1$9 = ["aria-hidden", "aria-label"];
-const _hoisted_2$7 = ["fill", "width", "height"];
-const _hoisted_3$6 = { d: "M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z" };
-const _hoisted_4$5 = { key: 0 };
+const _hoisted_1$8 = ["aria-hidden", "aria-label"];
+const _hoisted_2$6 = ["fill", "width", "height"];
+const _hoisted_3$5 = { d: "M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z" };
+const _hoisted_4$4 = { key: 0 };
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, {
     "aria-hidden": $props.title ? null : "true",
@@ -57,14 +55,14 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
       height: $props.size,
       viewBox: "0 0 24 24"
     }, [
-      createElementVNode("path", _hoisted_3$6, [
-        $props.title ? (openBlock(), createElementBlock("title", _hoisted_4$5, toDisplayString($props.title), 1)) : createCommentVNode("", true)
+      createElementVNode("path", _hoisted_3$5, [
+        $props.title ? (openBlock(), createElementBlock("title", _hoisted_4$4, toDisplayString($props.title), 1)) : createCommentVNode("", true)
       ])
-    ], 8, _hoisted_2$7))
-  ], 16, _hoisted_1$9);
+    ], 8, _hoisted_2$6))
+  ], 16, _hoisted_1$8);
 }
-const ArrowLeftIcon = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8]]);
-const _sfc_main$8 = {
+const ArrowLeftIcon = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
+const _sfc_main$7 = {
   name: "NcCustomPickerElement",
   props: {
     /**
@@ -77,7 +75,8 @@ const _sfc_main$8 = {
   },
   emits: [
     "cancel",
-    "submit"
+    "submit",
+    "pick"
   ],
   data() {
     return {
@@ -105,28 +104,35 @@ 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");
     }
   }
 };
-const _hoisted_1$8 = { ref: "domElement" };
+const _hoisted_1$7 = { ref: "domElement" };
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$8, null, 512);
+  return openBlock(), createElementBlock("div", _hoisted_1$7, null, 512);
 }
-const NcCustomPickerElement = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7], ["__scopeId", "data-v-e408867a"]]);
-const _sfc_main$7 = {
+const NcCustomPickerElement = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-df9d8f84"]]);
+const _sfc_main$6 = {
   name: "LinkVariantIcon",
   emits: ["click"],
   props: {
@@ -143,10 +149,10 @@ const _sfc_main$7 = {
     }
   }
 };
-const _hoisted_1$7 = ["aria-hidden", "aria-label"];
-const _hoisted_2$6 = ["fill", "width", "height"];
-const _hoisted_3$5 = { d: "M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z" };
-const _hoisted_4$4 = { key: 0 };
+const _hoisted_1$6 = ["aria-hidden", "aria-label"];
+const _hoisted_2$5 = ["fill", "width", "height"];
+const _hoisted_3$4 = { d: "M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z" };
+const _hoisted_4$3 = { key: 0 };
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, {
     "aria-hidden": $props.title ? null : "true",
@@ -162,14 +168,14 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
       height: $props.size,
       viewBox: "0 0 24 24"
     }, [
-      createElementVNode("path", _hoisted_3$5, [
-        $props.title ? (openBlock(), createElementBlock("title", _hoisted_4$4, toDisplayString($props.title), 1)) : createCommentVNode("", true)
+      createElementVNode("path", _hoisted_3$4, [
+        $props.title ? (openBlock(), createElementBlock("title", _hoisted_4$3, toDisplayString($props.title), 1)) : createCommentVNode("", true)
       ])
-    ], 8, _hoisted_2$6))
-  ], 16, _hoisted_1$7);
+    ], 8, _hoisted_2$5))
+  ], 16, _hoisted_1$6);
 }
-const LinkVariantIcon = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
-register(t8);
+const LinkVariantIcon = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
+register(t9);
 const anyLinkProviderId = "any-link";
 const anyLinkProvider = {
   id: anyLinkProviderId,
@@ -224,7 +230,7 @@ async function touchProvider(providerId) {
   await axios.put(url, { timestamp });
   window._vue_richtext_reference_provider_timestamps[providerId] = timestamp;
 }
-register(t41, t46);
+register(t42, t47);
 /*!
  * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
@@ -236,17 +242,18 @@ function isUrl(str) {
     return false;
   }
 }
-const _sfc_main$6 = {
+const _sfc_main$5 = {
   name: "NcProviderList",
   components: {
     NcSelect,
-    NcHighlight: _sfc_main$a,
+    NcHighlight: _sfc_main$9,
     NcEmptyContent,
     LinkVariantIcon
   },
   emits: [
     "selectProvider",
-    "submit"
+    "submit",
+    "pick"
   ],
   data() {
     return {
@@ -280,6 +287,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);
         }
@@ -291,22 +299,22 @@ const _sfc_main$6 = {
     }
   }
 };
-const _hoisted_1$6 = { class: "provider-list" };
-const _hoisted_2$5 = {
+const _hoisted_1$5 = { class: "provider-list" };
+const _hoisted_2$4 = {
   key: 0,
   class: "provider"
 };
-const _hoisted_3$4 = {
+const _hoisted_3$3 = {
   key: 1,
   class: "provider"
 };
-const _hoisted_4$3 = ["src", "alt"];
+const _hoisted_4$2 = ["src", "alt"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LinkVariantIcon = resolveComponent("LinkVariantIcon");
   const _component_NcHighlight = resolveComponent("NcHighlight");
   const _component_NcSelect = resolveComponent("NcSelect");
   const _component_NcEmptyContent = resolveComponent("NcEmptyContent");
-  return openBlock(), createElementBlock("div", _hoisted_1$6, [
+  return openBlock(), createElementBlock("div", _hoisted_1$5, [
     createVNode(_component_NcSelect, {
       ref: "provider-select",
       modelValue: $data.selectedProvider,
@@ -326,18 +334,18 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
       onSearch: $options.onSearch
     }, {
       option: withCtx((option) => [
-        option.isLink ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+        option.isLink ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
           createVNode(_component_LinkVariantIcon, {
             class: "link-icon",
             size: 20
           }),
           createElementVNode("span", null, toDisplayString(option.title), 1)
-        ])) : (openBlock(), createElementBlock("div", _hoisted_3$4, [
+        ])) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
           createElementVNode("img", {
             class: "provider-icon",
             src: option.icon_url,
             alt: $data.providerIconAlt
-          }, null, 8, _hoisted_4$3),
+          }, null, 8, _hoisted_4$2),
           createVNode(_component_NcHighlight, {
             class: "option-text",
             search: $data.query,
@@ -355,185 +363,8 @@ 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"]]);
-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 IDLE_TIMEOUT = 3 * 60 * 1e3;
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "NcReferenceWidget",
-  props: {
-    reference: {},
-    interactive: { type: Boolean, default: true },
-    interactiveOptIn: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const router = inject(routerKey, null);
-    const isVisible = ref(false);
-    const customWidget = useTemplateRef("customWidget");
-    const widgetRoot = useTemplateRef("widgetRoot");
-    const { width } = useElementSize(widgetRoot);
-    useIntersectionObserver(widgetRoot, ([entry]) => {
-      nextTick(() => {
-        isVisible.value = entry.isIntersecting;
-      });
-    });
-    const showInteractive = ref(false);
-    const rendered = ref(false);
-    let idleTimeout = null;
-    const isInteractive = computed(() => {
-      return !props.interactiveOptIn && props.interactive || showInteractive.value;
-    });
-    const referenceHasFullWidth = computed(() => {
-      return hasFullWidth(props.reference.richObjectType);
-    });
-    const hasCustomWidget = computed(() => {
-      return isWidgetRegistered(props.reference.richObjectType);
-    });
-    const referenceHasInteractiveView = computed(() => {
-      return hasCustomWidget.value && hasInteractiveView(props.reference.richObjectType);
-    });
-    const noAccess = computed(() => {
-      return !props.reference.accessible;
-    });
-    const numberOfLines = computed(() => {
-      const lineCountOffsets = [450, 550, 650, Infinity];
-      return lineCountOffsets.findIndex((max) => width.value < max);
-    });
-    const descriptionStyle = computed(() => {
-      if (numberOfLines.value === 0) {
-        return {
-          display: "none"
-        };
-      }
-      const lineClamp = numberOfLines.value;
-      return {
-        lineClamp,
-        webkitLineClamp: lineClamp
-      };
-    });
-    const compactLink = computed(() => {
-      const link = props.reference.openGraphObject.link;
-      if (!link) {
-        return "";
-      }
-      if (link.startsWith("https://")) {
-        return link.substring(8);
-      }
-      if (link.startsWith("http://")) {
-        return link.substring(7);
-      }
-      return link;
-    });
-    const route = computed(() => {
-      return getRoute(router, props.reference.openGraphObject.link);
-    });
-    const referenceWidgetLinkComponent = computed(() => {
-      return route.value ? RouterLink : "a";
-    });
-    const referenceWidgetLinkProps = computed(() => {
-      return route.value ? { to: route.value } : { href: props.reference.openGraphObject.link, target: "_blank" };
-    });
-    watch(isVisible, (val) => {
-      if (!val) {
-        idleTimeout = setTimeout(() => {
-          if (!isVisible.value) {
-            destroyReferenceWidget();
-          }
-        }, IDLE_TIMEOUT);
-        return;
-      }
-      if (idleTimeout) {
-        clearTimeout(idleTimeout);
-        idleTimeout = null;
-      }
-      if (!rendered.value) {
-        renderReferenceWidget();
-      }
-    }, { immediate: true });
-    onBeforeUnmount(() => {
-      destroyReferenceWidget();
-    });
-    function enableInteractive() {
-      showInteractive.value = true;
-      renderReferenceWidget();
-    }
-    function renderReferenceWidget() {
-      if (!customWidget.value) {
-        return;
-      }
-      if (props.reference.richObjectType === "open-graph") {
-        return;
-      }
-      customWidget.value.innerHTML = "";
-      const widget = document.createElement("div");
-      widget.style.width = "100%";
-      customWidget.value.appendChild(widget);
-      nextTick(() => {
-        renderWidget(widget, {
-          ...props.reference,
-          interactive: isInteractive.value
-        });
-        rendered.value = true;
-      });
-    }
-    function destroyReferenceWidget() {
-      if (rendered.value && widgetRoot.value) {
-        destroyWidget(props.reference.richObjectType, widgetRoot.value);
-        rendered.value = false;
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "widgetRoot",
-        ref: widgetRoot,
-        class: normalizeClass({ "toggle-interactive": referenceHasInteractiveView.value && !isInteractive.value })
-      }, [
-        __props.reference && hasCustomWidget.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          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, {
-          rel: "noopener noreferrer",
-          class: "widget-default"
-        }), {
-          default: withCtx(() => [
-            __props.reference.openGraphObject.thumb ? (openBlock(), createElementBlock("img", {
-              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),
-              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)
-            ])
-          ]),
-          _: 1
-        }, 16)) : createCommentVNode("", true),
-        __props.interactiveOptIn && referenceHasInteractiveView.value && !isInteractive.value ? (openBlock(), createBlock(NcButton, {
-          key: 2,
-          class: "toggle-interactive--button",
-          onClick: enableInteractive
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(t)("Enable interactive view")), 1)
-          ]),
-          _: 1
-        })) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-const NcReferenceWidget = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b0ec9f0b"]]);
-register(t25);
+const NcProviderList = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-c9740c42"]]);
+register(t26);
 const _sfc_main$4 = {
   name: "NcRawLinkInput",
   components: {
@@ -541,7 +372,7 @@ const _sfc_main$4 = {
     NcEmptyContent,
     NcLoadingIcon,
     NcReferenceWidget,
-    NcTextField: _sfc_main$b
+    NcTextField: _sfc_main$a
   },
   props: {
     /**
@@ -553,7 +384,8 @@ const _sfc_main$4 = {
     }
   },
   emits: [
-    "submit"
+    "submit",
+    "pick"
   ],
   data() {
     return {
@@ -580,6 +412,7 @@ const _sfc_main$4 = {
       const value = e.target.value;
       if (this.isLinkValid) {
         this.$emit("submit", value);
+        this.$emit("pick", { link: value });
       }
     },
     onClear() {
@@ -664,11 +497,11 @@ 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: {
-    NcHighlight: _sfc_main$a
+    NcHighlight: _sfc_main$9
   },
   props: {
     /**
@@ -721,7 +554,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 const NcSearchResult = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-059edcfb"]]);
-register(t32, t41, t43);
+register(t33, t42, t44);
 const LIMIT = 5;
 const _sfc_main$2 = {
   name: "NcSearch",
@@ -741,6 +574,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 +590,8 @@ const _sfc_main$2 = {
     }
   },
   emits: [
-    "submit"
+    "submit",
+    "pick"
   ],
   data() {
     return {
@@ -865,6 +702,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 +862,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 +908,8 @@ const _sfc_main$1 = {
     "cancelRawLink",
     "cancelSearch",
     "providerSelected",
-    "submit"
+    "submit",
+    "pick"
   ],
   data() {
     return {
@@ -1133,6 +976,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,31 +1012,35 @@ 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"]]);
-register(t12, t19);
+const NcReferencePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-40667c6c"]]);
+register(t13, t20);
 const _sfc_main = {
   name: "NcReferencePickerModal",
   components: {
@@ -1222,7 +1076,8 @@ const _sfc_main = {
   },
   emits: [
     "cancel",
-    "submit"
+    "submit",
+    "pick"
   ],
   data() {
     return {
@@ -1265,6 +1120,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 +1185,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 +1216,38 @@ 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,
   searchProvider as s
 };
-//# sourceMappingURL=referencePickerModal-CD1BjLPe.mjs.map
+//# sourceMappingURL=referencePickerModal.mjs.map