@nextcloud/vue 9.0.0-rc.4 → 9.0.0-rc.6

package/dist/chunks/{referencePickerModal-DREcDQKg.mjs → referencePickerModal-BtI-8rNN.mjs}

@@ -1,27 +1,27 @@
-import '../assets/referencePickerModal-DIHQ6_wW.css';
-import { c as renderCustomPickerElement, e as destroyCustomPickerElement, f as isCustomPickerElementRegistered, d as destroyWidget, a as renderWidget, i as isWidgetRegistered, h as hasInteractiveView, j as hasFullWidth, g as getCustomPickerElementSize } from "./customPickerElements-CH9vlHLd.mjs";
+import '../assets/referencePickerModal-D80hwmre.css';
+import { c as renderCustomPickerElement, e as destroyCustomPickerElement, f as isCustomPickerElementRegistered, d as destroyWidget, a as renderWidget, i as isWidgetRegistered, h as hasInteractiveView, j as hasFullWidth, g as getCustomPickerElementSize } from "./customPickerElements-BmkXSNdO.mjs";
 import { createElementBlock, openBlock, mergeProps, createElementVNode, createCommentVNode, toDisplayString, resolveComponent, createVNode, withCtx, ref, nextTick, normalizeClass, createBlock, resolveDynamicComponent, normalizeStyle, createTextVNode, withKeys, withModifiers, createApp } from "vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
-import { r as register, F as t7, a as t, G as t42, H as t38, I as t22, J as t23, l as t40, K as t30, q as t18, L as t11 } from "./_l10n-tXci8WM1.mjs";
+import { r as register, F as t7, a as t, G as t42, H as t38, I as t22, J as t23, k as t40, K as t30, p as t18, L as t11 } from "./_l10n-ZllQPIu_.mjs";
 import axios from "@nextcloud/axios";
 import { loadState } from "@nextcloud/initial-state";
 import { imagePath, generateOcsUrl } from "@nextcloud/router";
 import { l as logger } from "./logger-D3RVzcfQ.mjs";
 import { N as NcEmptyContent } from "./NcEmptyContent-BdOezubv.mjs";
-import { _ as _sfc_main$9 } from "./NcHighlight.vue_vue_type_script_lang-DnWQDM_2.mjs";
-import { N as NcSelect } from "./NcSelect-D6XzjG4n.mjs";
+import { _ as _sfc_main$a } from "./NcHighlight.vue_vue_type_script_lang-DnWQDM_2.mjs";
+import { N as NcSelect } from "./NcSelect-C6qHqfAO.mjs";
+import debounce from "debounce";
 import { useElementSize, useIntersectionObserver } from "@vueuse/core";
 import { RouterLink } from "vue-router";
-import { g as getRoute } from "./autolink-CKPk5rzg.mjs";
-import { N as NcButton } from "./NcButton-yN4vYgXb.mjs";
-import { N as NcLoadingIcon } from "./NcLoadingIcon-Dm3kRPrf.mjs";
-import { _ as _sfc_main$a } from "./NcTextField.vue_vue_type_script_setup_true_lang-B65hrkLW.mjs";
-import { I as IconDotsHorizontal } from "./DotsHorizontal-BJ_GCGpi.mjs";
-import { N as NcModal } from "./NcModal-CX28vCtF.mjs";
+import { g as getRoute } from "./autolink-Y0rlJ_CI.mjs";
+import { N as NcButton } from "./NcButton-BMnvzy1A.mjs";
+import { N as NcLoadingIcon } from "./NcLoadingIcon-CiMp51wb.mjs";
+import { _ as _sfc_main$b } from "./NcTextField.vue_vue_type_script_setup_true_lang-DzcUUWHO.mjs";
+import { I as IconDotsHorizontal } from "./NcActions-CDD8eIxC.mjs";
+import { N as NcModal } from "./NcModal-CdXZncEM.mjs";
 import { emit } from "@nextcloud/event-bus";
-import { I as IconArrowLeft } from "./ArrowLeft-BiZLJltw.mjs";
 import { I as IconClose } from "./Close-D6ngJ4t9.mjs";
-const _sfc_main$8 = {
+const _sfc_main$9 = {
   name: "NcCustomPickerElement",
   props: {
     /**
@@ -78,11 +78,11 @@ const _sfc_main$8 = {
     }
   }
 };
-const _hoisted_1$8 = { ref: "domElement" };
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$8, null, 512);
+const _hoisted_1$9 = { ref: "domElement" };
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$9, null, 512);
 }
-const NcCustomPickerElement = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-6b2012de"]]);
+const NcCustomPickerElement = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-6b2012de"]]);
 register(t7);
 const anyLinkProviderId = "any-link";
 const anyLinkProvider = {
@@ -138,17 +138,10 @@ async function touchProvider(providerId) {
   await axios.put(url, { timestamp });
   window._vue_richtext_reference_provider_timestamps[providerId] = timestamp;
 }
-let mytimer = 0;
-function delay(callback, ms) {
-  return function() {
-    const context = this;
-    const args = arguments;
-    clearTimeout(mytimer);
-    mytimer = setTimeout(function() {
-      callback.apply(context, args);
-    }, ms);
-  };
-}
+/*!
+ * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
 function isUrl(str) {
   try {
     return Boolean(new URL(str));
@@ -157,7 +150,7 @@ function isUrl(str) {
   }
 }
 register(t38, t42);
-const _sfc_main$7 = {
+const _sfc_main$8 = {
   name: "LinkVariantIcon",
   emits: ["click"],
   props: {
@@ -174,11 +167,11 @@ 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 };
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$8 = ["aria-hidden", "aria-label"];
+const _hoisted_2$7 = ["fill", "width", "height"];
+const _hoisted_3$6 = { 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$5 = { 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",
     "aria-label": $props.title,
@@ -193,18 +186,18 @@ function _sfc_render$7(_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$6, [
+        $props.title ? (openBlock(), createElementBlock("title", _hoisted_4$5, toDisplayString($props.title), 1)) : createCommentVNode("", true)
       ])
-    ], 8, _hoisted_2$6))
-  ], 16, _hoisted_1$7);
+    ], 8, _hoisted_2$7))
+  ], 16, _hoisted_1$8);
 }
-const LinkVariantIcon = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
-const _sfc_main$6 = {
+const LinkVariantIcon = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
+const _sfc_main$7 = {
   name: "NcProviderList",
   components: {
     NcSelect,
-    NcHighlight: _sfc_main$9,
+    NcHighlight: _sfc_main$a,
     NcEmptyContent,
     LinkVariantIcon
   },
@@ -255,22 +248,22 @@ const _sfc_main$6 = {
     }
   }
 };
-const _hoisted_1$6 = { class: "provider-list" };
-const _hoisted_2$5 = {
+const _hoisted_1$7 = { class: "provider-list" };
+const _hoisted_2$6 = {
   key: 0,
   class: "provider"
 };
-const _hoisted_3$4 = {
+const _hoisted_3$5 = {
   key: 1,
   class: "provider"
 };
-const _hoisted_4$3 = ["src", "alt"];
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_4$4 = ["src", "alt"];
+function _sfc_render$7(_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$7, [
     createVNode(_component_NcSelect, {
       ref: "provider-select",
       modelValue: $data.selectedProvider,
@@ -290,18 +283,18 @@ function _sfc_render$6(_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$6, [
           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$5, [
           createElementVNode("img", {
             class: "provider-icon",
             src: option.icon_url,
             alt: $data.providerIconAlt
-          }, null, 8, _hoisted_4$3),
+          }, null, 8, _hoisted_4$4),
           createVNode(_component_NcHighlight, {
             class: "option-text",
             search: $data.query,
@@ -319,10 +312,10 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ]);
 }
-const NcProviderList = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-ad83a93d"]]);
+const NcProviderList = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-867e58fc"]]);
 register(t22);
 const IDLE_TIMEOUT = 3 * 60 * 1e3;
-const _sfc_main$5 = {
+const _sfc_main$6 = {
   name: "NcReferenceWidget",
   components: {
     NcButton
@@ -476,11 +469,11 @@ const _sfc_main$5 = {
     }
   }
 };
-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" };
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$6 = ["src"];
+const _hoisted_2$5 = { class: "widget-default--details" };
+const _hoisted_3$4 = { class: "widget-default--name" };
+const _hoisted_4$3 = { class: "widget-default--link" };
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcButton = resolveComponent("NcButton");
   return openBlock(), createElementBlock("div", {
     ref: "widgetRoot",
@@ -499,14 +492,14 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           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_1$6)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$5, [
+          createElementVNode("p", _hoisted_3$4, toDisplayString($props.reference.openGraphObject.name), 1),
           createElementVNode("p", {
             class: "widget-default--description",
             style: normalizeStyle($options.descriptionStyle)
           }, toDisplayString($props.reference.openGraphObject.description), 5),
-          createElementVNode("p", _hoisted_4$2, toDisplayString($options.compactLink), 1)
+          createElementVNode("p", _hoisted_4$3, toDisplayString($options.compactLink), 1)
         ])
       ]),
       _: 1
@@ -523,16 +516,16 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onClick"])) : createCommentVNode("", true)
   ], 2);
 }
-const NcReferenceWidget = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-236df0ce"]]);
+const NcReferenceWidget = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-8285b115"]]);
 register(t23);
-const _sfc_main$4 = {
+const _sfc_main$5 = {
   name: "NcRawLinkInput",
   components: {
     LinkVariantIcon,
     NcEmptyContent,
     NcLoadingIcon,
     NcReferenceWidget,
-    NcTextField: _sfc_main$a
+    NcTextField: _sfc_main$b
   },
   props: {
     /**
@@ -558,6 +551,9 @@ const _sfc_main$4 = {
   computed: {
     isLinkValid() {
       return isUrl(this.inputValue);
+    },
+    debouncedUpdateReference() {
+      return debounce(this.updateReference, 500);
     }
   },
   methods: {
@@ -580,9 +576,7 @@ const _sfc_main$4 = {
         this.abortController.abort();
       }
       if (this.isLinkValid) {
-        delay(() => {
-          this.updateReference();
-        }, 500)();
+        this.debouncedUpdateReference();
       }
     },
     updateReference() {
@@ -600,17 +594,17 @@ const _sfc_main$4 = {
     }
   }
 };
-const _hoisted_1$4 = { class: "raw-link" };
-const _hoisted_2$3 = { class: "input-wrapper" };
-const _hoisted_3$2 = ["src"];
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$5 = { class: "raw-link" };
+const _hoisted_2$4 = { class: "input-wrapper" };
+const _hoisted_3$3 = ["src"];
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
   const _component_LinkVariantIcon = resolveComponent("LinkVariantIcon");
   const _component_NcTextField = resolveComponent("NcTextField");
   const _component_NcReferenceWidget = resolveComponent("NcReferenceWidget");
   const _component_NcEmptyContent = resolveComponent("NcEmptyContent");
-  return openBlock(), createElementBlock("div", _hoisted_1$4, [
-    createElementVNode("div", _hoisted_2$3, [
+  return openBlock(), createElementBlock("div", _hoisted_1$5, [
+    createElementVNode("div", _hoisted_2$4, [
       createVNode(_component_NcTextField, {
         ref: "url-input",
         modelValue: $data.inputValue,
@@ -648,17 +642,17 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           class: "provider-icon",
           src: $props.provider.icon_url
-        }, null, 8, _hoisted_3$2)) : (openBlock(), createBlock(_component_LinkVariantIcon, { key: 1 }))
+        }, null, 8, _hoisted_3$3)) : (openBlock(), createBlock(_component_LinkVariantIcon, { key: 1 }))
       ]),
       _: 1
     }))
   ]);
 }
-const NcRawLinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-22bb0aaa"]]);
-const _sfc_main$3 = {
+const NcRawLinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-4c1766c7"]]);
+const _sfc_main$4 = {
   name: "NcSearchResult",
   components: {
-    NcHighlight: _sfc_main$9
+    NcHighlight: _sfc_main$a
   },
   props: {
     /**
@@ -678,14 +672,14 @@ const _sfc_main$3 = {
     }
   }
 };
-const _hoisted_1$3 = { class: "result" };
-const _hoisted_2$2 = ["src"];
-const _hoisted_3$1 = { class: "result--content" };
-const _hoisted_4$1 = { class: "result--content--name" };
+const _hoisted_1$4 = { class: "result" };
+const _hoisted_2$3 = ["src"];
+const _hoisted_3$2 = { class: "result--content" };
+const _hoisted_4$2 = { class: "result--content--name" };
 const _hoisted_5$1 = { class: "result--content--subline" };
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcHighlight = resolveComponent("NcHighlight");
-  return openBlock(), createElementBlock("div", _hoisted_1$3, [
+  return openBlock(), createElementBlock("div", _hoisted_1$4, [
     $props.entry.icon ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: normalizeClass([{ [$props.entry.icon]: true, rounded: $props.entry.rounded }, "result--icon-class"])
@@ -693,9 +687,9 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       key: 1,
       class: normalizeClass(["result--image", { rounded: $props.entry.rounded }]),
       src: $props.entry.thumbnailUrl
-    }, null, 10, _hoisted_2$2)),
-    createElementVNode("div", _hoisted_3$1, [
-      createElementVNode("span", _hoisted_4$1, [
+    }, null, 10, _hoisted_2$3)),
+    createElementVNode("div", _hoisted_3$2, [
+      createElementVNode("span", _hoisted_4$2, [
         createVNode(_component_NcHighlight, {
           search: $props.query,
           text: $props.entry.title
@@ -710,10 +704,10 @@ 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-f7b56afd"]]);
+const NcSearchResult = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-f7b56afd"]]);
 register(t30, t38, t40);
 const LIMIT = 5;
-const _sfc_main$2 = {
+const _sfc_main$3 = {
   name: "NcSearch",
   components: {
     LinkVariantIcon,
@@ -810,6 +804,9 @@ const _sfc_main$2 = {
         }
       });
       return results;
+    },
+    debouncedUpdateSearch() {
+      return debounce(this.updateSearch, 500);
     }
   },
   mounted() {
@@ -841,9 +838,7 @@ const _sfc_main$2 = {
     },
     onSearchInput(query) {
       this.searchQuery = query;
-      delay(() => {
-        this.updateSearch();
-      }, 500)();
+      this.debouncedUpdateSearch();
     },
     onSelectResultSelected(item) {
       if (item !== null) {
@@ -901,16 +896,16 @@ const _sfc_main$2 = {
     }
   }
 };
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "custom-option"
 };
-const _hoisted_2$1 = { class: "option-text" };
-const _hoisted_3 = {
+const _hoisted_2$2 = { class: "option-text" };
+const _hoisted_3$1 = {
   key: 2,
   class: "custom-option group-name"
 };
-const _hoisted_4 = ["src"];
+const _hoisted_4$1 = ["src"];
 const _hoisted_5 = { class: "option-text" };
 const _hoisted_6 = {
   key: 3,
@@ -922,7 +917,7 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = { class: "option-text" };
 const _hoisted_9 = ["alt", "src"];
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_LinkVariantIcon = resolveComponent("LinkVariantIcon");
   const _component_NcSearchResult = resolveComponent("NcSearchResult");
   const _component_DotsHorizontalIcon = resolveComponent("DotsHorizontalIcon");
@@ -955,23 +950,23 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       onSearch: $options.onSearchInput
     }, {
       option: withCtx((option) => [
-        option.isRawLink ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+        option.isRawLink ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
           createVNode(_component_LinkVariantIcon, {
             class: "option-simple-icon",
             size: 20
           }),
-          createElementVNode("span", _hoisted_2$1, toDisplayString($options.t("Raw link {options}", { options: option.resourceUrl })), 1)
+          createElementVNode("span", _hoisted_2$2, toDisplayString($options.t("Raw link {options}", { options: option.resourceUrl })), 1)
         ])) : option.resourceUrl ? (openBlock(), createBlock(_component_NcSearchResult, {
           key: 1,
           class: "search-result",
           entry: option,
           query: $data.searchQuery
-        }, null, 8, ["entry", "query"])) : option.isCustomGroupTitle ? (openBlock(), createElementBlock("span", _hoisted_3, [
+        }, null, 8, ["entry", "query"])) : option.isCustomGroupTitle ? (openBlock(), createElementBlock("span", _hoisted_3$1, [
           $props.provider.icon_url ? (openBlock(), createElementBlock("img", {
             key: 0,
             class: "provider-icon group-name-icon",
             src: $props.provider.icon_url
-          }, null, 8, _hoisted_4)) : createCommentVNode("", true),
+          }, null, 8, _hoisted_4$1)) : createCommentVNode("", true),
           createElementVNode("span", _hoisted_5, [
             createElementVNode("strong", null, toDisplayString(option.name), 1)
           ])
@@ -1005,14 +1000,14 @@ 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-c1841318"]]);
+const NcSearch = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-17458277"]]);
 const MODES = {
   providerList: 1,
   standardLinkInput: 2,
   searchInput: 3,
   customElement: 4
 };
-const _sfc_main$1 = {
+const _sfc_main$2 = {
   name: "NcReferencePicker",
   components: {
     NcCustomPickerElement,
@@ -1127,11 +1122,11 @@ const _sfc_main$1 = {
     }
   }
 };
-const _hoisted_1$1 = {
+const _hoisted_1$2 = {
   key: 3,
   class: "custom-element-wrapper"
 };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcProviderList = resolveComponent("NcProviderList");
   const _component_NcRawLinkInput = resolveComponent("NcRawLinkInput");
   const _component_NcSearch = resolveComponent("NcSearch");
@@ -1160,7 +1155,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       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, [
+    }, null, 8, ["provider", "onCancel", "onSubmit"])) : $options.mode === $data.MODES.customElement ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
       createVNode(_component_NcCustomPickerElement, {
         provider: $data.selectedProvider,
         class: "custom-element",
@@ -1170,15 +1165,58 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 36);
 }
-const NcReferencePicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-b8f307ac"]]);
+const NcReferencePicker = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-b8f307ac"]]);
 register(t11, t18);
+const _sfc_main$1 = {
+  name: "ArrowLeftIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+};
+const _hoisted_1$1 = ["aria-hidden", "aria-label"];
+const _hoisted_2$1 = ["fill", "width", "height"];
+const _hoisted_3 = { d: "M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z" };
+const _hoisted_4 = { key: 0 };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, {
+    "aria-hidden": $props.title ? null : "true",
+    "aria-label": $props.title,
+    class: "material-design-icon arrow-left-icon",
+    role: "img",
+    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+  }), [
+    (openBlock(), createElementBlock("svg", {
+      fill: $props.fillColor,
+      class: "material-design-icon__svg",
+      width: $props.size,
+      height: $props.size,
+      viewBox: "0 0 24 24"
+    }, [
+      createElementVNode("path", _hoisted_3, [
+        $props.title ? (openBlock(), createElementBlock("title", _hoisted_4, toDisplayString($props.title), 1)) : createCommentVNode("", true)
+      ])
+    ], 8, _hoisted_2$1))
+  ], 16, _hoisted_1$1);
+}
+const ArrowLeftIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const _sfc_main = {
   name: "NcReferencePickerModal",
   components: {
     NcReferencePicker,
     NcModal,
     NcButton,
-    ArrowLeftIcon: IconArrowLeft,
+    ArrowLeftIcon,
     CloseIcon: IconClose
   },
   props: {
@@ -1318,7 +1356,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["size", "onClose"])) : createCommentVNode("", true);
 }
-const NcReferencePickerModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4d850eac"]]);
+const NcReferencePickerModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2a52b076"]]);
 async function getLinkWithPicker(providerId, isInsideViewer) {
   const modalId = "referencePickerModal";
   const modalElement = document.createElement("div");
@@ -1353,4 +1391,4 @@ export {
   NcSearch as h,
   sortProviders as s
 };
-//# sourceMappingURL=referencePickerModal-DREcDQKg.mjs.map
+//# sourceMappingURL=referencePickerModal-BtI-8rNN.mjs.map