@nextcloud/vue 9.0.0-alpha.0 → 9.0.0-alpha.1

package/dist/chunks/{referencePickerModal-9sd4Ftja.mjs → referencePickerModal-Fu9pQBdT.mjs}

@@ -1,21 +1,21 @@
-import "../assets/referencePickerModal-G-NTZHL1.css";
-import { openBlock as i, createElementBlock as c, createElementVNode as u, createCommentVNode as g, toDisplayString as k, normalizeStyle as O, mergeProps as D, resolveComponent as l, createVNode as h, withCtx as y, withKeys as M, createBlock as _, normalizeClass as N, createTextVNode as H, withModifiers as Q, createApp as G } from "vue";
+import "../assets/referencePickerModal-k5G-IS2z.css";
+import { openBlock as i, createElementBlock as c, createElementVNode as u, createCommentVNode as y, toDisplayString as g, normalizeStyle as O, mergeProps as D, resolveComponent as a, createVNode as h, withCtx as P, withKeys as M, createBlock as p, normalizeClass as N, createTextVNode as H, withModifiers as Q, createApp as G } from "vue";
 import { _ as w } from "./_plugin-vue_export-helper-hUChTQA_.mjs";
-import { r as S, O as F, a as v, P as K, Q as T, R as Z, u as J, S as X, H as Y, T as ee } from "./_l10n-JmazR_zZ.mjs";
+import { r as S, O as F, a as v, P as K, Q as T, R as Z, u as J, S as X, H as Y, T as ee } from "./_l10n-uuAvfQgY.mjs";
 import R from "@nextcloud/axios";
 import { loadState as W } from "@nextcloud/initial-state";
 import { imagePath as te, generateOcsUrl as L } from "@nextcloud/router";
 import { N as x } from "./NcEmptyContent-Dvt4jhjb.mjs";
 import { _ as q } from "./NcHighlight-kWLldgWB.mjs";
-import { N as z } from "./NcSelect-w_Gt1U72.mjs";
+import { N as z } from "./NcSelect-HmmLuUCp.mjs";
 import { N as re } from "./NcLoadingIcon-DnhhU7Z8.mjs";
-import { N as ne } from "./NcTextField-avDV7Ry_.mjs";
-import { D as se } from "./DotsHorizontal-2GCivGee.mjs";
-import { N as ie } from "./NcButton-nCkJxwsi.mjs";
+import { N as ne } from "./NcTextField-qqwMB07_.mjs";
+import { D as se } from "./DotsHorizontal-JfmEIGBo.mjs";
+import { N as ie } from "./NcButton-YOXv3gFY.mjs";
 import oe from "../Components/NcModal.mjs";
 import { emit as ce } from "@nextcloud/event-bus";
-import { A as le } from "./ArrowLeft-LlLrrfss.mjs";
-import { C as ae } from "./Close-4lZze_oD.mjs";
+import { A as le } from "./ArrowLeft-uvAzhtxD.mjs";
+import { C as ae } from "./Close-hKJ11hky.mjs";
 window._vue_richtext_widgets || (window._vue_richtext_widgets = {});
 const de = (e) => !!window._vue_richtext_widgets[e], ue = (e, t, r = (o) => {
 }) => {
@@ -28,13 +28,13 @@ const de = (e) => !!window._vue_richtext_widgets[e], ue = (e, t, r = (o) => {
     callback: t,
     onDestroy: r
   };
-}, he = (e, { richObjectType: t, richObject: r, accessible: o }) => {
+}, he = (e, { richObjectType: t, richObject: r, accessible: o, interactive: n }) => {
   if (t !== "open-graph") {
     if (!window._vue_richtext_widgets[t]) {
       console.error("Widget for rich object type " + t + " not registered");
       return;
     }
-    window._vue_richtext_widgets[t].callback(e, { richObjectType: t, richObject: r, accessible: o });
+    window._vue_richtext_widgets[t].callback(e, { richObjectType: t, richObject: r, accessible: o, interactive: n });
   }
 }, me = (e, t) => {
   e !== "open-graph" && window._vue_richtext_widgets[e] && window._vue_richtext_widgets[e].onDestroy(t);
@@ -86,7 +86,8 @@ const _e = {
   },
   methods: {
     renderWidget() {
-      this.$refs.customWidget && (this.$refs.customWidget.innerHTML = ""), this?.reference?.richObjectType !== "open-graph" && this.$nextTick(() => {
+      var e;
+      this.$refs.customWidget && (this.$refs.customWidget.innerHTML = ""), ((e = this == null ? void 0 : this.reference) == null ? void 0 : e.richObjectType) !== "open-graph" && this.$nextTick(() => {
         he(this.$refs.customWidget, this.reference);
       });
     }
@@ -95,11 +96,11 @@ const _e = {
   key: 0,
   class: "widget-custom"
 }, fe = { ref: "customWidget" }, ve = ["href"], ke = ["src"], ge = { class: "widget-default--details" }, ye = { class: "widget-default--name" }, Pe = { class: "widget-default--link" };
-function we(e, t, r, o, s, n) {
+function we(e, t, r, o, n, s) {
   return i(), c("div", null, [
-    r.reference && n.hasCustomWidget ? (i(), c("div", pe, [
+    r.reference && s.hasCustomWidget ? (i(), c("div", pe, [
       u("div", fe, null, 512)
-    ])) : !n.noAccess && r.reference && r.reference.openGraphObject && !n.hasCustomWidget ? (i(), c("a", {
+    ])) : !s.noAccess && r.reference && r.reference.openGraphObject && !s.hasCustomWidget ? (i(), c("a", {
       key: 1,
       href: r.reference.openGraphObject.link,
       rel: "noopener noreferrer",
@@ -110,16 +111,16 @@ function we(e, t, r, o, s, n) {
         key: 0,
         class: "widget-default--image",
         src: r.reference.openGraphObject.thumb
-      }, null, 8, ke)) : g("", !0),
+      }, null, 8, ke)) : y("", !0),
       u("div", ge, [
-        u("p", ye, k(r.reference.openGraphObject.name), 1),
+        u("p", ye, g(r.reference.openGraphObject.name), 1),
         u("p", {
           class: "widget-default--description",
-          style: O(n.descriptionStyle)
-        }, k(r.reference.openGraphObject.description), 5),
-        u("p", Pe, k(n.compactLink), 1)
+          style: O(s.descriptionStyle)
+        }, g(r.reference.openGraphObject.description), 5),
+        u("p", Pe, g(s.compactLink), 1)
       ])
-    ], 8, ve)) : g("", !0)
+    ], 8, ve)) : y("", !0)
   ]);
 }
 const be = /* @__PURE__ */ w(_e, [["render", we], ["__scopeId", "data-v-6a943e4e"]]);
@@ -134,9 +135,10 @@ class Ft {
   }
 }
 const C = (e) => !!window._vue_richtext_custom_picker_elements[e], Ce = (e) => {
-  const t = window._vue_richtext_custom_picker_elements[e]?.size;
+  var r;
+  const t = (r = window._vue_richtext_custom_picker_elements[e]) == null ? void 0 : r.size;
   return ["small", "normal", "large", "full"].includes(t) ? t : null;
-}, Se = (e, t, r = (s) => {
+}, Se = (e, t, r = (n) => {
 }, o = "large") => {
   if (window._vue_richtext_custom_picker_elements[e]) {
     console.error("Custom reference picker element for id " + e + " already registered");
@@ -190,8 +192,9 @@ const Re = {
       this.$refs.domElement && (this.$refs.domElement.innerHTML = "");
       const e = Ne(this.$refs.domElement, { providerId: this.provider.id, accessible: !1 });
       Promise.resolve(e).then((t) => {
-        this.renderResult = t, this.renderResult.object?._isVue && this.renderResult.object?.$on && (this.renderResult.object.$on("submit", this.onSubmit), this.renderResult.object.$on("cancel", this.onCancel)), this.renderResult.element.addEventListener("submit", (r) => {
-          this.onSubmit(r.detail);
+        var r, o;
+        this.renderResult = t, (r = this.renderResult.object) != null && r._isVue && ((o = this.renderResult.object) != null && o.$on) && (this.renderResult.object.$on("submit", this.onSubmit), this.renderResult.object.$on("cancel", this.onCancel)), this.renderResult.element.addEventListener("submit", (n) => {
+          this.onSubmit(n.detail);
         }), this.renderResult.element.addEventListener("cancel", this.onCancel);
       });
     },
@@ -203,7 +206,7 @@ const Re = {
     }
   }
 }, xe = { ref: "domElement" };
-function Ee(e, t, r, o, s, n) {
+function Ee(e, t, r, o, n, s) {
   return i(), c("div", xe, null, 512);
 }
 const Ie = /* @__PURE__ */ w(Re, [["render", Ee], ["__scopeId", "data-v-d1a1cfc2"]]);
@@ -227,19 +230,19 @@ function $() {
 function Ve(e) {
   const t = window._vue_richtext_reference_provider_timestamps;
   return e.sort((r, o) => r.order === o.order ? 0 : r.order > o.order ? 1 : -1).sort((r, o) => {
-    const s = t[r.id], n = t[o.id];
-    return s === n ? 0 : n === void 0 ? -1 : s === void 0 ? 1 : s > n ? -1 : 1;
+    const n = t[r.id], s = t[o.id];
+    return n === s ? 0 : s === void 0 ? -1 : n === void 0 ? 1 : n > s ? -1 : 1;
   });
 }
 function Oe(e, t = null) {
-  const r = $(), o = e.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&"), s = new RegExp(o, "i"), a = Ve(r).filter((p) => p.title.match(s)), d = t ? a.slice(0, t) : a;
+  const r = $(), o = e.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&"), n = new RegExp(o, "i"), l = Ve(r).filter((m) => m.title.match(n)), d = t ? l.slice(0, t) : l;
   return (e === "" || d.length === 0) && d.push(U), d;
 }
 function Me(e) {
   const t = Math.floor(Date.now() / 1e3), r = {
     timestamp: t
   }, o = L("references/provider/{providerId}", { providerId: e });
-  R.put(o, r).then((s) => {
+  R.put(o, r).then((n) => {
     window._vue_richtext_reference_provider_timestamps[e] = t;
   });
 }
@@ -277,13 +280,13 @@ const Te = {
     }
   }
 }, We = ["aria-hidden", "aria-label"], qe = ["fill", "width", "height"], ze = { 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" }, je = { key: 0 };
-function Ue(e, t, r, o, s, n) {
+function Ue(e, t, r, o, n, s) {
   return i(), c("span", D(e.$attrs, {
-    "aria-hidden": !r.title,
+    "aria-hidden": r.title ? null : !0,
     "aria-label": r.title,
     class: "material-design-icon link-variant-icon",
     role: "img",
-    onClick: t[0] || (t[0] = (a) => e.$emit("click", a))
+    onClick: t[0] || (t[0] = (l) => e.$emit("click", l))
   }), [
     (i(), c("svg", {
       fill: r.fillColor,
@@ -293,7 +296,7 @@ function Ue(e, t, r, o, s, n) {
       viewBox: "0 0 24 24"
     }, [
       u("path", ze, [
-        r.title ? (i(), c("title", je, k(r.title), 1)) : g("", !0)
+        r.title ? (i(), c("title", je, g(r.title), 1)) : y("", !0)
       ])
     ], 8, qe))
   ], 16, We);
@@ -331,7 +334,8 @@ const I = /* @__PURE__ */ w(Te, [["render", Ue]]), $e = {
   methods: {
     focus() {
       setTimeout(() => {
-        this.$refs["provider-select"]?.$el?.querySelector("#provider-select-input")?.focus();
+        var e, t, r;
+        (r = (t = (e = this.$refs["provider-select"]) == null ? void 0 : e.$el) == null ? void 0 : t.querySelector("#provider-select-input")) == null || r.focus();
       }, 300);
     },
     onProviderSelected(e) {
@@ -348,50 +352,50 @@ const I = /* @__PURE__ */ w(Te, [["render", Ue]]), $e = {
   key: 1,
   class: "provider"
 }, Qe = ["src", "alt"];
-function Ge(e, t, r, o, s, n) {
-  const a = l("LinkVariantIcon"), d = l("NcHighlight"), p = l("NcSelect"), P = l("NcEmptyContent");
+function Ge(e, t, r, o, n, s) {
+  const l = a("LinkVariantIcon"), d = a("NcHighlight"), m = a("NcSelect"), k = a("NcEmptyContent");
   return i(), c("div", Ae, [
-    h(p, {
+    h(m, {
       ref: "provider-select",
-      modelValue: s.selectedProvider,
-      "onUpdate:modelValue": t[0] || (t[0] = (m) => s.selectedProvider = m),
+      modelValue: n.selectedProvider,
+      "onUpdate:modelValue": t[0] || (t[0] = (_) => n.selectedProvider = _),
       class: "provider-list--select",
       "input-id": "provider-select-input",
       label: "title",
-      placeholder: s.multiselectPlaceholder,
-      options: n.options,
+      placeholder: n.multiselectPlaceholder,
+      options: s.options,
       "append-to-body": !1,
       "clear-search-on-select": !0,
       "clear-search-on-blur": () => !1,
       filterable: !1,
-      onSearch: n.onSearch,
-      onInput: n.onProviderSelected
+      onSearch: s.onSearch,
+      onInput: s.onProviderSelected
     }, {
-      option: y((m) => [
-        m.isLink ? (i(), c("div", De, [
-          h(a, {
+      option: P((_) => [
+        _.isLink ? (i(), c("div", De, [
+          h(l, {
             class: "link-icon",
             size: 20
           }),
-          u("span", null, k(m.title), 1)
+          u("span", null, g(_.title), 1)
         ])) : (i(), c("div", He, [
           u("img", {
             class: "provider-icon",
-            src: m.icon_url,
-            alt: s.providerIconAlt
+            src: _.icon_url,
+            alt: n.providerIconAlt
           }, null, 8, Qe),
           h(d, {
             class: "option-text",
-            search: s.query,
-            text: m.title
+            search: n.query,
+            text: _.title
           }, null, 8, ["search", "text"])
         ]))
       ]),
       _: 1
     }, 8, ["modelValue", "placeholder", "options", "onSearch", "onInput"]),
-    h(P, { class: "provider-list--empty-content" }, {
-      icon: y(() => [
-        h(a)
+    h(k, { class: "provider-list--empty-content" }, {
+      icon: P(() => [
+        h(l)
       ]),
       _: 1
     })
@@ -436,7 +440,8 @@ const Ke = {
   },
   methods: {
     focus() {
-      this.$refs["url-input"].$el.getElementsByTagName("input")[0]?.focus();
+      var e;
+      (e = this.$refs["url-input"].$el.getElementsByTagName("input")[0]) == null || e.focus();
     },
     onSubmit(e) {
       const t = e.target.value;
@@ -463,27 +468,27 @@ const Ke = {
     }
   }
 }, Ze = { class: "raw-link" }, Je = { class: "input-wrapper" }, Xe = ["src"];
-function Ye(e, t, r, o, s, n) {
-  const a = l("NcLoadingIcon"), d = l("LinkVariantIcon"), p = l("NcTextField"), P = l("NcReferenceWidget"), m = l("NcEmptyContent");
+function Ye(e, t, r, o, n, s) {
+  const l = a("NcLoadingIcon"), d = a("LinkVariantIcon"), m = a("NcTextField"), k = a("NcReferenceWidget"), _ = a("NcEmptyContent");
   return i(), c("div", Ze, [
     u("div", Je, [
-      h(p, {
+      h(m, {
         ref: "url-input",
-        modelValue: s.inputValue,
+        modelValue: n.inputValue,
         "onUpdate:modelValue": [
-          t[0] || (t[0] = (f) => s.inputValue = f),
-          n.onInput
+          t[0] || (t[0] = (f) => n.inputValue = f),
+          s.onInput
         ],
-        "show-trailing-button": s.inputValue !== "",
-        label: s.inputPlaceholder,
-        onTrailingButtonClick: n.onClear,
-        onKeyup: M(n.onSubmit, ["enter"])
+        "show-trailing-button": n.inputValue !== "",
+        label: n.inputPlaceholder,
+        onTrailingButtonClick: s.onClear,
+        onKeyup: M(s.onSubmit, ["enter"])
       }, {
-        default: y(() => [
-          s.loading ? (i(), _(a, {
+        default: P(() => [
+          n.loading ? (i(), p(l, {
             key: 0,
             size: 16
-          })) : (i(), _(d, {
+          })) : (i(), p(d, {
             key: 1,
             size: 16
           }))
@@ -491,20 +496,20 @@ function Ye(e, t, r, o, s, n) {
         _: 1
       }, 8, ["modelValue", "show-trailing-button", "label", "onTrailingButtonClick", "onUpdate:modelValue", "onKeyup"])
     ]),
-    s.reference !== null ? (i(), _(P, {
+    n.reference !== null ? (i(), p(k, {
       key: 0,
       class: "reference-widget",
-      reference: s.reference
-    }, null, 8, ["reference"])) : (i(), _(m, {
+      reference: n.reference
+    }, null, 8, ["reference"])) : (i(), p(_, {
       key: 1,
       class: "raw-link--empty-content"
     }, {
-      icon: y(() => [
+      icon: P(() => [
         r.provider.icon_url ? (i(), c("img", {
           key: 0,
           class: "provider-icon",
           src: r.provider.icon_url
-        }, null, 8, Xe)) : (i(), _(d, { key: 1 }))
+        }, null, 8, Xe)) : (i(), p(d, { key: 1 }))
       ]),
       _: 1
     }))
@@ -533,8 +538,8 @@ const et = /* @__PURE__ */ w(Ke, [["render", Ye], ["__scopeId", "data-v-5bc24564
     }
   }
 }, rt = { class: "result" }, nt = ["src"], st = { class: "result--content" }, it = { class: "result--content--name" }, ot = { class: "result--content--subline" };
-function ct(e, t, r, o, s, n) {
-  const a = l("NcHighlight");
+function ct(e, t, r, o, n, s) {
+  const l = a("NcHighlight");
   return i(), c("div", rt, [
     r.entry.icon ? (i(), c("div", {
       key: 0,
@@ -546,13 +551,13 @@ function ct(e, t, r, o, s, n) {
     }, null, 10, nt)),
     u("div", st, [
       u("span", it, [
-        h(a, {
+        h(l, {
           search: r.query,
           text: r.entry.title
         }, null, 8, ["search", "text"])
       ]),
       u("span", ot, [
-        h(a, {
+        h(l, {
           search: r.query,
           text: r.entry.subline
         }, null, 8, ["search", "text"])
@@ -633,8 +638,8 @@ const V = 5, at = {
             isCustomGroupTitle: !0,
             providerId: t
           });
-          const r = this.resultsBySearchProvider[t].entries.map((o, s) => ({
-            id: "provider-" + t + "-entry-" + s,
+          const r = this.resultsBySearchProvider[t].entries.map((o, n) => ({
+            id: "provider-" + t + "-entry-" + n,
             ...o
           }));
           e.push(...r), this.resultsBySearchProvider[t].isPaginated && e.push({
@@ -666,7 +671,8 @@ const V = 5, at = {
     },
     focus() {
       setTimeout(() => {
-        this.$refs["search-select"]?.$el?.querySelector("#search-select-input")?.focus();
+        var e, t, r;
+        (r = (t = (e = this.$refs["search-select"]) == null ? void 0 : e.$el) == null ? void 0 : t.querySelector("#search-select-input")) == null || r.focus();
       }, 300);
     },
     cancelSearchRequests() {
@@ -693,10 +699,11 @@ const V = 5, at = {
       return this.searchProviders();
     },
     searchProviders(e = null) {
+      var r, o;
       this.abortController = new AbortController(), this.searching = !0;
-      const t = e === null ? [...this.searchProviderIds].map((r) => this.searchOneProvider(r)) : [this.searchOneProvider(e, this.resultsBySearchProvider[e]?.cursor ?? null)];
-      return Promise.allSettled(t).then((r) => {
-        !!r.find((s) => s.status === "rejected" && (s.reason.name === "CanceledError" || s.reason.code === "ERR_CANCELED")) || (this.searching = !1, this.searchingMoreOf = null);
+      const t = e === null ? [...this.searchProviderIds].map((n) => this.searchOneProvider(n)) : [this.searchOneProvider(e, (o = (r = this.resultsBySearchProvider[e]) == null ? void 0 : r.cursor) != null ? o : null)];
+      return Promise.allSettled(t).then((n) => {
+        !!n.find((l) => l.status === "rejected" && (l.reason.name === "CanceledError" || l.reason.code === "ERR_CANCELED")) || (this.searching = !1, this.searchingMoreOf = null);
       });
     },
     searchOneProvider(e, t = null) {
@@ -704,8 +711,8 @@ const V = 5, at = {
       return R.get(r, {
         signal: this.abortController.signal
       }).then((o) => {
-        const s = o.data.ocs.data;
-        this.resultsBySearchProvider[e].name = s.name, this.resultsBySearchProvider[e].cursor = s.cursor, this.resultsBySearchProvider[e].isPaginated = s.isPaginated, this.resultsBySearchProvider[e].entries.push(...s.entries);
+        const n = o.data.ocs.data;
+        this.resultsBySearchProvider[e].name = n.name, this.resultsBySearchProvider[e].cursor = n.cursor, this.resultsBySearchProvider[e].isPaginated = n.isPaginated, this.resultsBySearchProvider[e].entries.push(...n.entries);
       });
     }
   }
@@ -722,20 +729,20 @@ const V = 5, at = {
   key: 0,
   class: "option-simple-icon icon-loading-small"
 }, vt = { class: "option-text" }, kt = ["alt", "src"];
-function gt(e, t, r, o, s, n) {
-  const a = l("LinkVariantIcon"), d = l("NcSearchResult"), p = l("DotsHorizontalIcon"), P = l("NcSelect"), m = l("NcEmptyContent");
+function gt(e, t, r, o, n, s) {
+  const l = a("LinkVariantIcon"), d = a("NcSearchResult"), m = a("DotsHorizontalIcon"), k = a("NcSelect"), _ = a("NcEmptyContent");
   return i(), c("div", {
     class: N(["smart-picker-search", { "with-empty-content": r.showEmptyContent }])
   }, [
-    h(P, {
+    h(k, {
       ref: "search-select",
-      modelValue: s.selectedResult,
-      "onUpdate:modelValue": t[0] || (t[0] = (f) => s.selectedResult = f),
+      modelValue: n.selectedResult,
+      "onUpdate:modelValue": t[0] || (t[0] = (f) => n.selectedResult = f),
       class: "smart-picker-search--select",
       "input-id": "search-select-input",
       label: "name",
-      placeholder: n.mySearchPlaceholder,
-      options: n.options,
+      placeholder: s.mySearchPlaceholder,
+      options: s.options,
       "append-to-body": !1,
       "close-on-select": !1,
       "clear-search-on-select": !1,
@@ -744,59 +751,59 @@ function gt(e, t, r, o, s, n) {
       filterable: !1,
       autoscroll: !0,
       "reset-on-options-change": !1,
-      loading: s.searching,
-      onSearch: n.onSearchInput,
-      onInput: n.onSelectResultSelected
+      loading: n.searching,
+      onSearch: s.onSearchInput,
+      onInput: s.onSelectResultSelected
     }, {
-      option: y((f) => [
+      option: P((f) => [
         f.isRawLink ? (i(), c("div", dt, [
-          h(a, {
+          h(l, {
             class: "option-simple-icon",
             size: 20
           }),
-          u("span", ut, k(n.t("Raw link {options}", { options: f.resourceUrl })), 1)
-        ])) : f.resourceUrl ? (i(), _(d, {
+          u("span", ut, g(s.t("Raw link {options}", { options: f.resourceUrl })), 1)
+        ])) : f.resourceUrl ? (i(), p(d, {
           key: 1,
           class: "search-result",
           entry: f,
-          query: s.searchQuery
+          query: n.searchQuery
         }, null, 8, ["entry", "query"])) : f.isCustomGroupTitle ? (i(), c("span", ht, [
           r.provider.icon_url ? (i(), c("img", {
             key: 0,
             class: "provider-icon group-name-icon",
             src: r.provider.icon_url
-          }, null, 8, mt)) : g("", !0),
+          }, null, 8, mt)) : y("", !0),
           u("span", _t, [
-            u("strong", null, k(f.name), 1)
+            u("strong", null, g(f.name), 1)
           ])
         ])) : f.isMore ? (i(), c("span", pt, [
-          f.isLoading ? (i(), c("span", ft)) : (i(), _(p, {
+          f.isLoading ? (i(), c("span", ft)) : (i(), p(m, {
             key: 1,
             class: "option-simple-icon",
             size: 20
           })),
-          u("span", vt, k(n.t('Load more "{options}"', { options: f.name })), 1)
-        ])) : g("", !0)
+          u("span", vt, g(s.t('Load more "{options}"', { options: f.name })), 1)
+        ])) : y("", !0)
       ]),
-      "no-options": y(() => [
-        H(k(s.noOptionsText), 1)
+      "no-options": P(() => [
+        H(g(n.noOptionsText), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "placeholder", "options", "loading", "onSearch", "onInput"]),
-    r.showEmptyContent ? (i(), _(m, {
+    r.showEmptyContent ? (i(), p(_, {
       key: 0,
       class: "smart-picker-search--empty-content"
     }, {
-      icon: y(() => [
+      icon: P(() => [
         r.provider.icon_url ? (i(), c("img", {
           key: 0,
           class: "provider-icon",
-          alt: s.providerIconAlt,
+          alt: n.providerIconAlt,
           src: r.provider.icon_url
-        }, null, 8, kt)) : (i(), _(a, { key: 1 }))
+        }, null, 8, kt)) : (i(), p(l, { key: 1 }))
       ]),
       _: 1
-    })) : g("", !0)
+    })) : y("", !0)
   ], 2);
 }
 const yt = /* @__PURE__ */ w(at, [["render", gt], ["__scopeId", "data-v-4655703c"]]), b = {
@@ -863,9 +870,11 @@ const yt = /* @__PURE__ */ w(at, [["render", gt], ["__scopeId", "data-v-4655703c
   },
   mounted() {
     this.focusOnCreate && (this.initialProvider ? setTimeout(() => {
-      this.$refs["url-input"]?.focus();
+      var e;
+      (e = this.$refs["url-input"]) == null || e.focus();
     }, 300) : this.$nextTick(() => {
-      this.$refs["provider-list"]?.focus();
+      var e;
+      (e = this.$refs["provider-list"]) == null || e.focus();
     }));
   },
   methods: {
@@ -874,17 +883,20 @@ const yt = /* @__PURE__ */ w(at, [["render", gt], ["__scopeId", "data-v-4655703c
     },
     onProviderSelected(e) {
       this.selectedProvider = e, this.$emit("provider-selected", e), this.$nextTick(() => {
-        this.$refs["url-input"]?.focus();
+        var t;
+        (t = this.$refs["url-input"]) == null || t.focus();
       });
     },
     cancelCustomElement() {
       this.deselectProvider();
     },
     cancelSearch() {
-      this.$emit("cancel-search", this.selectedProvider?.title), this.deselectProvider();
+      var e;
+      this.$emit("cancel-search", (e = this.selectedProvider) == null ? void 0 : e.title), this.deselectProvider();
     },
     cancelRawLinkInput() {
-      this.$emit("cancel-raw-link", this.selectedProvider?.title), this.deselectProvider();
+      var e;
+      this.$emit("cancel-raw-link", (e = this.selectedProvider) == null ? void 0 : e.title), this.deselectProvider();
     },
     cancelProviderSelection() {
       this.$emit("cancel");
@@ -894,7 +906,8 @@ const yt = /* @__PURE__ */ w(at, [["render", gt], ["__scopeId", "data-v-4655703c
     },
     deselectProvider() {
       this.selectedProvider = null, this.$emit("provider-selected", null), setTimeout(() => {
-        this.$refs["provider-list"]?.focus();
+        var e;
+        (e = this.$refs["provider-list"]) == null || e.focus();
       }, 300);
     }
   }
@@ -902,39 +915,39 @@ const yt = /* @__PURE__ */ w(at, [["render", gt], ["__scopeId", "data-v-4655703c
   key: 3,
   class: "custom-element-wrapper"
 };
-function bt(e, t, r, o, s, n) {
-  const a = l("NcProviderList"), d = l("NcRawLinkInput"), p = l("NcSearch"), P = l("NcCustomPickerElement");
+function bt(e, t, r, o, n, s) {
+  const l = a("NcProviderList"), d = a("NcRawLinkInput"), m = a("NcSearch"), k = a("NcCustomPickerElement");
   return i(), c("div", {
     class: "reference-picker",
-    style: O(n.pickerWrapperStyle),
+    style: O(s.pickerWrapperStyle),
     tabindex: "-1",
-    onKeydown: t[0] || (t[0] = M(Q((...m) => n.onEscapePressed && n.onEscapePressed(...m), ["stop", "prevent"]), ["esc"]))
+    onKeydown: t[0] || (t[0] = M(Q((..._) => s.onEscapePressed && s.onEscapePressed(..._), ["stop", "prevent"]), ["esc"]))
   }, [
-    n.mode === s.MODES.providerList ? (i(), _(a, {
+    s.mode === n.MODES.providerList ? (i(), p(l, {
       key: 0,
       ref: "provider-list",
-      onSelectProvider: n.onProviderSelected,
-      onSubmit: n.submitLink,
-      onCancel: n.cancelProviderSelection
-    }, null, 8, ["onSelectProvider", "onSubmit", "onCancel"])) : n.mode === s.MODES.standardLinkInput ? (i(), _(d, {
+      onSelectProvider: s.onProviderSelected,
+      onSubmit: s.submitLink,
+      onCancel: s.cancelProviderSelection
+    }, null, 8, ["onSelectProvider", "onSubmit", "onCancel"])) : s.mode === n.MODES.standardLinkInput ? (i(), p(d, {
       key: 1,
       ref: "url-input",
-      provider: s.selectedProvider,
-      onSubmit: n.submitLink,
-      onCancel: n.cancelRawLinkInput
-    }, null, 8, ["provider", "onSubmit", "onCancel"])) : n.mode === s.MODES.searchInput ? (i(), _(p, {
+      provider: n.selectedProvider,
+      onSubmit: s.submitLink,
+      onCancel: s.cancelRawLinkInput
+    }, null, 8, ["provider", "onSubmit", "onCancel"])) : s.mode === n.MODES.searchInput ? (i(), p(m, {
       key: 2,
       ref: "url-input",
-      provider: s.selectedProvider,
-      onCancel: n.cancelSearch,
-      onSubmit: n.submitLink
-    }, null, 8, ["provider", "onCancel", "onSubmit"])) : n.mode === s.MODES.customElement ? (i(), c("div", wt, [
-      h(P, {
-        provider: s.selectedProvider,
-        onSubmit: n.submitLink,
-        onCancel: n.cancelCustomElement
+      provider: n.selectedProvider,
+      onCancel: s.cancelSearch,
+      onSubmit: s.submitLink
+    }, null, 8, ["provider", "onCancel", "onSubmit"])) : s.mode === n.MODES.customElement ? (i(), c("div", wt, [
+      h(k, {
+        provider: n.selectedProvider,
+        onSubmit: s.submitLink,
+        onCancel: s.cancelCustomElement
       }, null, 8, ["provider", "onSubmit", "onCancel"])
-    ])) : g("", !0)
+    ])) : y("", !0)
   ], 36);
 }
 const Ct = /* @__PURE__ */ w(Pt, [["render", bt], ["__scopeId", "data-v-aa77d0d3"]]);
@@ -993,7 +1006,8 @@ const St = {
       return this.initialProvider === null && this.isProviderSelected;
     },
     modalSize() {
-      return this.isProviderSelected && C(this.selectedProvider.id) ? Ce(this.selectedProvider.id) ?? "large" : "normal";
+      var e;
+      return this.isProviderSelected && C(this.selectedProvider.id) ? (e = Ce(this.selectedProvider.id)) != null ? e : "large" : "normal";
     },
     showModalName() {
       return !this.isProviderSelected || !C(this.selectedProvider.id);
@@ -1026,71 +1040,72 @@ const St = {
   ref: "modal_content",
   class: "reference-picker-modal--content"
 }, Lt = { key: 1 };
-function Rt(e, t, r, o, s, n) {
-  const a = l("ArrowLeftIcon"), d = l("NcButton"), p = l("CloseIcon"), P = l("NcReferencePicker"), m = l("NcModal");
-  return s.show ? (i(), _(m, {
+function Rt(e, t, r, o, n, s) {
+  const l = a("ArrowLeftIcon"), d = a("NcButton"), m = a("CloseIcon"), k = a("NcReferencePicker"), _ = a("NcModal");
+  return n.show ? (i(), p(_, {
     key: 0,
-    size: n.modalSize,
+    size: s.modalSize,
     "can-close": !1,
     class: "reference-picker-modal",
-    onClose: n.onCancel
+    onClose: s.onCancel
   }, {
-    default: y(() => [
+    default: P(() => [
       u("div", Nt, [
-        n.showBackButton ? (i(), _(d, {
+        s.showBackButton ? (i(), p(d, {
           key: 0,
-          "aria-label": s.backButtonTitle,
-          title: s.backButtonTitle,
+          "aria-label": n.backButtonTitle,
+          title: n.backButtonTitle,
           class: "back-button",
-          onClick: n.onBackClicked
+          onClick: s.onBackClicked
         }, {
-          icon: y(() => [
-            h(a)
+          icon: P(() => [
+            h(l)
           ]),
           _: 1
-        }, 8, ["aria-label", "title", "onClick"])) : g("", !0),
+        }, 8, ["aria-label", "title", "onClick"])) : y("", !0),
         h(d, {
-          "aria-label": s.closeButtonLabel,
-          title: s.closeButtonTitle,
+          "aria-label": n.closeButtonLabel,
+          title: n.closeButtonTitle,
           type: "tertiary",
           class: "close-button",
-          onClick: n.onCancel
+          onClick: s.onCancel
         }, {
-          icon: y(() => [
-            h(p)
+          icon: P(() => [
+            h(m)
           ]),
           _: 1
         }, 8, ["aria-label", "title", "onClick"]),
-        n.showModalName ? (i(), c("h2", Lt, k(n.modalName), 1)) : g("", !0),
-        h(P, {
+        s.showModalName ? (i(), c("h2", Lt, g(s.modalName), 1)) : y("", !0),
+        h(k, {
           ref: "referencePicker",
           "initial-provider": r.initialProvider,
           "focus-on-create": r.focusOnCreate,
-          onProviderSelected: n.onProviderSelect,
-          onSubmit: n.onSubmit,
-          onCancel: n.onCancel
+          onProviderSelected: s.onProviderSelect,
+          onSubmit: s.onSubmit,
+          onCancel: s.onCancel
         }, null, 8, ["initial-provider", "focus-on-create", "onProviderSelected", "onSubmit", "onCancel"])
       ], 512)
     ]),
     _: 1
-  }, 8, ["size", "onClose"])) : g("", !0);
+  }, 8, ["size", "onClose"])) : y("", !0);
 }
 const xt = /* @__PURE__ */ w(St, [["render", Rt], ["__scopeId", "data-v-ec2bf1ea"]]);
 async function Kt(e = null, t = void 0) {
   return await new Promise((r, o) => {
-    const s = "referencePickerModal", n = document.createElement("div");
-    n.id = s, document.body.append(n);
-    const a = e === null ? null : Be(e) ?? null, d = G(xt, {
-      initialProvider: a,
+    var m;
+    const n = "referencePickerModal", s = document.createElement("div");
+    s.id = n, document.body.append(s);
+    const l = e === null ? null : (m = Be(e)) != null ? m : null, d = G(xt, {
+      initialProvider: l,
       isInsideViewer: t,
       onCancel() {
         d.unmount(), o(new Error("User cancellation"));
       },
-      onSubmit(p) {
-        d.unmount(), r(p);
+      onSubmit(k) {
+        d.unmount(), r(k);
       }
     });
-    d.mount(n);
+    d.mount(s);
   });
 }
 export {