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

package/dist/chunks/{referencePickerModal-gCkuVbeM.cjs → referencePickerModal-JVKOIVTG.cjs}

@@ -1,5 +1,5 @@
-var at = require("../assets/referencePickerModal-G-NTZHL1.css");
-const e = require("vue"), p = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"), s = require("./_l10n-wK0o0jNS.cjs"), $ = require("@nextcloud/axios"), b = require("@nextcloud/initial-state"), v = require("@nextcloud/router"), k = require("./NcEmptyContent-M3ClqFZe.cjs"), B = require("./NcHighlight-cBMxLCnf.cjs"), E = require("./NcSelect-9cM-OGdn.cjs"), A = require("./NcLoadingIcon-Fwid-wWE.cjs"), H = require("./NcTextField-bz_keSKF.cjs"), Q = require("./DotsHorizontal-Ehuu1q0g.cjs"), G = require("./NcButton-Uxh-oARg.cjs"), F = require("../Components/NcModal.cjs"), K = require("@nextcloud/event-bus"), Z = require("./ArrowLeft-4DZMGcXE.cjs"), J = require("./Close-2nENZfbn.cjs"), X = (t) => t && t.__esModule ? t : { default: t }, g = /* @__PURE__ */ X($);
+var at = require("../assets/referencePickerModal-k5G-IS2z.css");
+const e = require("vue"), p = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"), s = require("./_l10n-Fl7RzbcZ.cjs"), $ = require("@nextcloud/axios"), b = require("@nextcloud/initial-state"), v = require("@nextcloud/router"), k = require("./NcEmptyContent-M3ClqFZe.cjs"), B = require("./NcHighlight-cBMxLCnf.cjs"), E = require("./NcSelect-P2FpWJBr.cjs"), A = require("./NcLoadingIcon-Fwid-wWE.cjs"), H = require("./NcTextField-zi19KqEm.cjs"), Q = require("./DotsHorizontal-z8LXg-4B.cjs"), G = require("./NcButton-7UKtzkX5.cjs"), F = require("../Components/NcModal.cjs"), K = require("@nextcloud/event-bus"), Z = require("./ArrowLeft-arUkZZ3U.cjs"), J = require("./Close-e2vDvDm2.cjs"), X = (t) => t && t.__esModule ? t : { default: t }, g = /* @__PURE__ */ X($);
 window._vue_richtext_widgets || (window._vue_richtext_widgets = {});
 const x = (t) => !!window._vue_richtext_widgets[t], L = (t, r, n = (c) => {
 }) => {
@@ -12,13 +12,13 @@ const x = (t) => !!window._vue_richtext_widgets[t], L = (t, r, n = (c) => {
     callback: r,
     onDestroy: n
   };
-}, V = (t, { richObjectType: r, richObject: n, accessible: c }) => {
+}, V = (t, { richObjectType: r, richObject: n, accessible: c, interactive: o }) => {
   if (r !== "open-graph") {
     if (!window._vue_richtext_widgets[r]) {
       console.error("Widget for rich object type " + r + " not registered");
       return;
     }
-    window._vue_richtext_widgets[r].callback(t, { richObjectType: r, richObject: n, accessible: c });
+    window._vue_richtext_widgets[r].callback(t, { richObjectType: r, richObject: n, accessible: c, interactive: o });
   }
 }, Y = (t, r) => {
   t !== "open-graph" && window._vue_richtext_widgets[t] && window._vue_richtext_widgets[t].onDestroy(r);
@@ -70,7 +70,8 @@ const ee = {
   },
   methods: {
     renderWidget() {
-      this.$refs.customWidget && (this.$refs.customWidget.innerHTML = ""), this?.reference?.richObjectType !== "open-graph" && this.$nextTick(() => {
+      var t;
+      this.$refs.customWidget && (this.$refs.customWidget.innerHTML = ""), ((t = this == null ? void 0 : this.reference) == null ? void 0 : t.richObjectType) !== "open-graph" && this.$nextTick(() => {
         V(this.$refs.customWidget, this.reference);
       });
     }
@@ -79,11 +80,11 @@ const ee = {
   key: 0,
   class: "widget-custom"
 }, re = { ref: "customWidget" }, ne = ["href"], oe = ["src"], ie = { class: "widget-default--details" }, ce = { class: "widget-default--name" }, se = { class: "widget-default--link" };
-function le(t, r, n, c, i, o) {
+function le(t, r, n, c, o, i) {
   return e.openBlock(), e.createElementBlock("div", null, [
-    n.reference && o.hasCustomWidget ? (e.openBlock(), e.createElementBlock("div", te, [
+    n.reference && i.hasCustomWidget ? (e.openBlock(), e.createElementBlock("div", te, [
       e.createElementVNode("div", re, null, 512)
-    ])) : !o.noAccess && n.reference && n.reference.openGraphObject && !o.hasCustomWidget ? (e.openBlock(), e.createElementBlock("a", {
+    ])) : !i.noAccess && n.reference && n.reference.openGraphObject && !i.hasCustomWidget ? (e.openBlock(), e.createElementBlock("a", {
       key: 1,
       href: n.reference.openGraphObject.link,
       rel: "noopener noreferrer",
@@ -99,9 +100,9 @@ function le(t, r, n, c, i, o) {
         e.createElementVNode("p", ce, e.toDisplayString(n.reference.openGraphObject.name), 1),
         e.createElementVNode("p", {
           class: "widget-default--description",
-          style: e.normalizeStyle(o.descriptionStyle)
+          style: e.normalizeStyle(i.descriptionStyle)
         }, e.toDisplayString(n.reference.openGraphObject.description), 5),
-        e.createElementVNode("p", se, e.toDisplayString(o.compactLink), 1)
+        e.createElementVNode("p", se, e.toDisplayString(i.compactLink), 1)
       ])
     ], 8, ne)) : e.createCommentVNode("", !0)
   ]);
@@ -118,9 +119,10 @@ class ae {
   }
 }
 const _ = (t) => !!window._vue_richtext_custom_picker_elements[t], de = (t) => {
-  const r = window._vue_richtext_custom_picker_elements[t]?.size;
+  var n;
+  const r = (n = window._vue_richtext_custom_picker_elements[t]) == null ? void 0 : n.size;
   return ["small", "normal", "large", "full"].includes(r) ? r : null;
-}, I = (t, r, n = (i) => {
+}, I = (t, r, n = (o) => {
 }, c = "large") => {
   if (window._vue_richtext_custom_picker_elements[t]) {
     console.error("Custom reference picker element for id " + t + " already registered");
@@ -174,8 +176,9 @@ const he = {
       this.$refs.domElement && (this.$refs.domElement.innerHTML = "");
       const t = q(this.$refs.domElement, { providerId: this.provider.id, accessible: !1 });
       Promise.resolve(t).then((r) => {
-        this.renderResult = r, 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", (n) => {
-          this.onSubmit(n.detail);
+        var n, c;
+        this.renderResult = r, (n = this.renderResult.object) != null && n._isVue && ((c = this.renderResult.object) != null && c.$on) && (this.renderResult.object.$on("submit", this.onSubmit), this.renderResult.object.$on("cancel", this.onCancel)), this.renderResult.element.addEventListener("submit", (o) => {
+          this.onSubmit(o.detail);
         }), this.renderResult.element.addEventListener("cancel", this.onCancel);
       });
     },
@@ -187,7 +190,7 @@ const he = {
     }
   }
 }, me = { ref: "domElement" };
-function pe(t, r, n, c, i, o) {
+function pe(t, r, n, c, o, i) {
   return e.openBlock(), e.createElementBlock("div", me, null, 512);
 }
 const _e = /* @__PURE__ */ p._export_sfc(he, [["render", pe], ["__scopeId", "data-v-d1a1cfc2"]]);
@@ -211,19 +214,19 @@ function y() {
 function W(t) {
   const r = window._vue_richtext_reference_provider_timestamps;
   return t.sort((n, c) => n.order === c.order ? 0 : n.order > c.order ? 1 : -1).sort((n, c) => {
-    const i = r[n.id], o = r[c.id];
-    return i === o ? 0 : o === void 0 ? -1 : i === void 0 ? 1 : i > o ? -1 : 1;
+    const o = r[n.id], i = r[c.id];
+    return o === i ? 0 : i === void 0 ? -1 : o === void 0 ? 1 : o > i ? -1 : 1;
   });
 }
 function T(t, r = null) {
-  const n = y(), c = t.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&"), i = new RegExp(c, "i"), l = W(n).filter((u) => u.title.match(i)), a = r ? l.slice(0, r) : l;
+  const n = y(), c = t.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&"), o = new RegExp(c, "i"), l = W(n).filter((d) => d.title.match(o)), a = r ? l.slice(0, r) : l;
   return (t === "" || a.length === 0) && a.push(O), a;
 }
 function fe(t) {
   const r = Math.floor(Date.now() / 1e3), n = {
     timestamp: r
   }, c = v.generateOcsUrl("references/provider/{providerId}", { providerId: t });
-  g.default.put(c, n).then((i) => {
+  g.default.put(c, n).then((o) => {
     window._vue_richtext_reference_provider_timestamps[t] = r;
   });
 }
@@ -261,9 +264,9 @@ const ve = {
     }
   }
 }, ke = ["aria-hidden", "aria-label"], ge = ["fill", "width", "height"], Ce = { 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" }, ye = { key: 0 };
-function Pe(t, r, n, c, i, o) {
+function Pe(t, r, n, c, o, i) {
   return e.openBlock(), e.createElementBlock("span", e.mergeProps(t.$attrs, {
-    "aria-hidden": !n.title,
+    "aria-hidden": n.title ? null : !0,
     "aria-label": n.title,
     class: "material-design-icon link-variant-icon",
     role: "img",
@@ -315,7 +318,8 @@ const w = /* @__PURE__ */ p._export_sfc(ve, [["render", Pe]]), we = {
   methods: {
     focus() {
       setTimeout(() => {
-        this.$refs["provider-select"]?.$el?.querySelector("#provider-select-input")?.focus();
+        var t, r, n;
+        (n = (r = (t = this.$refs["provider-select"]) == null ? void 0 : t.$el) == null ? void 0 : r.querySelector("#provider-select-input")) == null || n.focus();
       }, 300);
     },
     onProviderSelected(t) {
@@ -332,42 +336,42 @@ const w = /* @__PURE__ */ p._export_sfc(ve, [["render", Pe]]), we = {
   key: 1,
   class: "provider"
 }, Be = ["src", "alt"];
-function Ee(t, r, n, c, i, o) {
-  const l = e.resolveComponent("LinkVariantIcon"), a = e.resolveComponent("NcHighlight"), u = e.resolveComponent("NcSelect"), m = e.resolveComponent("NcEmptyContent");
+function Ee(t, r, n, c, o, i) {
+  const l = e.resolveComponent("LinkVariantIcon"), a = e.resolveComponent("NcHighlight"), d = e.resolveComponent("NcSelect"), m = e.resolveComponent("NcEmptyContent");
   return e.openBlock(), e.createElementBlock("div", Ne, [
-    e.createVNode(u, {
+    e.createVNode(d, {
       ref: "provider-select",
-      modelValue: i.selectedProvider,
-      "onUpdate:modelValue": r[0] || (r[0] = (d) => i.selectedProvider = d),
+      modelValue: o.selectedProvider,
+      "onUpdate:modelValue": r[0] || (r[0] = (u) => o.selectedProvider = u),
       class: "provider-list--select",
       "input-id": "provider-select-input",
       label: "title",
-      placeholder: i.multiselectPlaceholder,
-      options: o.options,
+      placeholder: o.multiselectPlaceholder,
+      options: i.options,
       "append-to-body": !1,
       "clear-search-on-select": !0,
       "clear-search-on-blur": () => !1,
       filterable: !1,
-      onSearch: o.onSearch,
-      onInput: o.onProviderSelected
+      onSearch: i.onSearch,
+      onInput: i.onProviderSelected
     }, {
-      option: e.withCtx((d) => [
-        d.isLink ? (e.openBlock(), e.createElementBlock("div", Se, [
+      option: e.withCtx((u) => [
+        u.isLink ? (e.openBlock(), e.createElementBlock("div", Se, [
           e.createVNode(l, {
             class: "link-icon",
             size: 20
           }),
-          e.createElementVNode("span", null, e.toDisplayString(d.title), 1)
+          e.createElementVNode("span", null, e.toDisplayString(u.title), 1)
         ])) : (e.openBlock(), e.createElementBlock("div", be, [
           e.createElementVNode("img", {
             class: "provider-icon",
-            src: d.icon_url,
-            alt: i.providerIconAlt
+            src: u.icon_url,
+            alt: o.providerIconAlt
           }, null, 8, Be),
           e.createVNode(a, {
             class: "option-text",
-            search: i.query,
-            text: d.title
+            search: o.query,
+            text: u.title
           }, null, 8, ["search", "text"])
         ]))
       ]),
@@ -420,7 +424,8 @@ const Le = {
   },
   methods: {
     focus() {
-      this.$refs["url-input"].$el.getElementsByTagName("input")[0]?.focus();
+      var t;
+      (t = this.$refs["url-input"].$el.getElementsByTagName("input")[0]) == null || t.focus();
     },
     onSubmit(t) {
       const r = t.target.value;
@@ -447,24 +452,24 @@ const Le = {
     }
   }
 }, Ve = { class: "raw-link" }, Re = { class: "input-wrapper" }, Ie = ["src"];
-function qe(t, r, n, c, i, o) {
-  const l = e.resolveComponent("NcLoadingIcon"), a = e.resolveComponent("LinkVariantIcon"), u = e.resolveComponent("NcTextField"), m = e.resolveComponent("NcReferenceWidget"), d = e.resolveComponent("NcEmptyContent");
+function qe(t, r, n, c, o, i) {
+  const l = e.resolveComponent("NcLoadingIcon"), a = e.resolveComponent("LinkVariantIcon"), d = e.resolveComponent("NcTextField"), m = e.resolveComponent("NcReferenceWidget"), u = e.resolveComponent("NcEmptyContent");
   return e.openBlock(), e.createElementBlock("div", Ve, [
     e.createElementVNode("div", Re, [
-      e.createVNode(u, {
+      e.createVNode(d, {
         ref: "url-input",
-        modelValue: i.inputValue,
+        modelValue: o.inputValue,
         "onUpdate:modelValue": [
-          r[0] || (r[0] = (h) => i.inputValue = h),
-          o.onInput
+          r[0] || (r[0] = (h) => o.inputValue = h),
+          i.onInput
         ],
-        "show-trailing-button": i.inputValue !== "",
-        label: i.inputPlaceholder,
-        onTrailingButtonClick: o.onClear,
-        onKeyup: e.withKeys(o.onSubmit, ["enter"])
+        "show-trailing-button": o.inputValue !== "",
+        label: o.inputPlaceholder,
+        onTrailingButtonClick: i.onClear,
+        onKeyup: e.withKeys(i.onSubmit, ["enter"])
       }, {
         default: e.withCtx(() => [
-          i.loading ? (e.openBlock(), e.createBlock(l, {
+          o.loading ? (e.openBlock(), e.createBlock(l, {
             key: 0,
             size: 16
           })) : (e.openBlock(), e.createBlock(a, {
@@ -475,11 +480,11 @@ function qe(t, r, n, c, i, o) {
         _: 1
       }, 8, ["modelValue", "show-trailing-button", "label", "onTrailingButtonClick", "onUpdate:modelValue", "onKeyup"])
     ]),
-    i.reference !== null ? (e.openBlock(), e.createBlock(m, {
+    o.reference !== null ? (e.openBlock(), e.createBlock(m, {
       key: 0,
       class: "reference-widget",
-      reference: i.reference
-    }, null, 8, ["reference"])) : (e.openBlock(), e.createBlock(d, {
+      reference: o.reference
+    }, null, 8, ["reference"])) : (e.openBlock(), e.createBlock(u, {
       key: 1,
       class: "raw-link--empty-content"
     }, {
@@ -517,7 +522,7 @@ const Oe = /* @__PURE__ */ p._export_sfc(Le, [["render", qe], ["__scopeId", "dat
     }
   }
 }, We = { class: "result" }, Te = ["src"], ze = { class: "result--content" }, De = { class: "result--content--name" }, Ue = { class: "result--content--subline" };
-function je(t, r, n, c, i, o) {
+function je(t, r, n, c, o, i) {
   const l = e.resolveComponent("NcHighlight");
   return e.openBlock(), e.createElementBlock("div", We, [
     n.entry.icon ? (e.openBlock(), e.createElementBlock("div", {
@@ -617,8 +622,8 @@ const S = 5, Ae = {
             isCustomGroupTitle: !0,
             providerId: r
           });
-          const n = this.resultsBySearchProvider[r].entries.map((c, i) => ({
-            id: "provider-" + r + "-entry-" + i,
+          const n = this.resultsBySearchProvider[r].entries.map((c, o) => ({
+            id: "provider-" + r + "-entry-" + o,
             ...c
           }));
           t.push(...n), this.resultsBySearchProvider[r].isPaginated && t.push({
@@ -650,7 +655,8 @@ const S = 5, Ae = {
     },
     focus() {
       setTimeout(() => {
-        this.$refs["search-select"]?.$el?.querySelector("#search-select-input")?.focus();
+        var t, r, n;
+        (n = (r = (t = this.$refs["search-select"]) == null ? void 0 : t.$el) == null ? void 0 : r.querySelector("#search-select-input")) == null || n.focus();
       }, 300);
     },
     cancelSearchRequests() {
@@ -677,10 +683,11 @@ const S = 5, Ae = {
       return this.searchProviders();
     },
     searchProviders(t = null) {
+      var n, c;
       this.abortController = new AbortController(), this.searching = !0;
-      const r = t === null ? [...this.searchProviderIds].map((n) => this.searchOneProvider(n)) : [this.searchOneProvider(t, this.resultsBySearchProvider[t]?.cursor ?? null)];
-      return Promise.allSettled(r).then((n) => {
-        !!n.find((i) => i.status === "rejected" && (i.reason.name === "CanceledError" || i.reason.code === "ERR_CANCELED")) || (this.searching = !1, this.searchingMoreOf = null);
+      const r = t === null ? [...this.searchProviderIds].map((o) => this.searchOneProvider(o)) : [this.searchOneProvider(t, (c = (n = this.resultsBySearchProvider[t]) == null ? void 0 : n.cursor) != null ? c : null)];
+      return Promise.allSettled(r).then((o) => {
+        !!o.find((l) => l.status === "rejected" && (l.reason.name === "CanceledError" || l.reason.code === "ERR_CANCELED")) || (this.searching = !1, this.searchingMoreOf = null);
       });
     },
     searchOneProvider(t, r = null) {
@@ -688,8 +695,8 @@ const S = 5, Ae = {
       return g.default.get(n, {
         signal: this.abortController.signal
       }).then((c) => {
-        const i = c.data.ocs.data;
-        this.resultsBySearchProvider[t].name = i.name, this.resultsBySearchProvider[t].cursor = i.cursor, this.resultsBySearchProvider[t].isPaginated = i.isPaginated, this.resultsBySearchProvider[t].entries.push(...i.entries);
+        const o = c.data.ocs.data;
+        this.resultsBySearchProvider[t].name = o.name, this.resultsBySearchProvider[t].cursor = o.cursor, this.resultsBySearchProvider[t].isPaginated = o.isPaginated, this.resultsBySearchProvider[t].entries.push(...o.entries);
       });
     }
   }
@@ -706,20 +713,20 @@ const S = 5, Ae = {
   key: 0,
   class: "option-simple-icon icon-loading-small"
 }, Xe = { class: "option-text" }, Ye = ["alt", "src"];
-function et(t, r, n, c, i, o) {
-  const l = e.resolveComponent("LinkVariantIcon"), a = e.resolveComponent("NcSearchResult"), u = e.resolveComponent("DotsHorizontalIcon"), m = e.resolveComponent("NcSelect"), d = e.resolveComponent("NcEmptyContent");
+function et(t, r, n, c, o, i) {
+  const l = e.resolveComponent("LinkVariantIcon"), a = e.resolveComponent("NcSearchResult"), d = e.resolveComponent("DotsHorizontalIcon"), m = e.resolveComponent("NcSelect"), u = e.resolveComponent("NcEmptyContent");
   return e.openBlock(), e.createElementBlock("div", {
     class: e.normalizeClass(["smart-picker-search", { "with-empty-content": n.showEmptyContent }])
   }, [
     e.createVNode(m, {
       ref: "search-select",
-      modelValue: i.selectedResult,
-      "onUpdate:modelValue": r[0] || (r[0] = (h) => i.selectedResult = h),
+      modelValue: o.selectedResult,
+      "onUpdate:modelValue": r[0] || (r[0] = (h) => o.selectedResult = h),
       class: "smart-picker-search--select",
       "input-id": "search-select-input",
       label: "name",
-      placeholder: o.mySearchPlaceholder,
-      options: o.options,
+      placeholder: i.mySearchPlaceholder,
+      options: i.options,
       "append-to-body": !1,
       "close-on-select": !1,
       "clear-search-on-select": !1,
@@ -728,9 +735,9 @@ function et(t, r, n, c, i, o) {
       filterable: !1,
       autoscroll: !0,
       "reset-on-options-change": !1,
-      loading: i.searching,
-      onSearch: o.onSearchInput,
-      onInput: o.onSelectResultSelected
+      loading: o.searching,
+      onSearch: i.onSearchInput,
+      onInput: i.onSelectResultSelected
     }, {
       option: e.withCtx((h) => [
         h.isRawLink ? (e.openBlock(), e.createElementBlock("div", He, [
@@ -738,12 +745,12 @@ function et(t, r, n, c, i, o) {
             class: "option-simple-icon",
             size: 20
           }),
-          e.createElementVNode("span", Qe, e.toDisplayString(o.t("Raw link {options}", { options: h.resourceUrl })), 1)
+          e.createElementVNode("span", Qe, e.toDisplayString(i.t("Raw link {options}", { options: h.resourceUrl })), 1)
         ])) : h.resourceUrl ? (e.openBlock(), e.createBlock(a, {
           key: 1,
           class: "search-result",
           entry: h,
-          query: i.searchQuery
+          query: o.searchQuery
         }, null, 8, ["entry", "query"])) : h.isCustomGroupTitle ? (e.openBlock(), e.createElementBlock("span", Ge, [
           n.provider.icon_url ? (e.openBlock(), e.createElementBlock("img", {
             key: 0,
@@ -754,20 +761,20 @@ function et(t, r, n, c, i, o) {
             e.createElementVNode("strong", null, e.toDisplayString(h.name), 1)
           ])
         ])) : h.isMore ? (e.openBlock(), e.createElementBlock("span", Ze, [
-          h.isLoading ? (e.openBlock(), e.createElementBlock("span", Je)) : (e.openBlock(), e.createBlock(u, {
+          h.isLoading ? (e.openBlock(), e.createElementBlock("span", Je)) : (e.openBlock(), e.createBlock(d, {
             key: 1,
             class: "option-simple-icon",
             size: 20
           })),
-          e.createElementVNode("span", Xe, e.toDisplayString(o.t('Load more "{options}"', { options: h.name })), 1)
+          e.createElementVNode("span", Xe, e.toDisplayString(i.t('Load more "{options}"', { options: h.name })), 1)
         ])) : e.createCommentVNode("", !0)
       ]),
       "no-options": e.withCtx(() => [
-        e.createTextVNode(e.toDisplayString(i.noOptionsText), 1)
+        e.createTextVNode(e.toDisplayString(o.noOptionsText), 1)
       ]),
       _: 1
     }, 8, ["modelValue", "placeholder", "options", "loading", "onSearch", "onInput"]),
-    n.showEmptyContent ? (e.openBlock(), e.createBlock(d, {
+    n.showEmptyContent ? (e.openBlock(), e.createBlock(u, {
       key: 0,
       class: "smart-picker-search--empty-content"
     }, {
@@ -775,7 +782,7 @@ function et(t, r, n, c, i, o) {
         n.provider.icon_url ? (e.openBlock(), e.createElementBlock("img", {
           key: 0,
           class: "provider-icon",
-          alt: i.providerIconAlt,
+          alt: o.providerIconAlt,
           src: n.provider.icon_url
         }, null, 8, Ye)) : (e.openBlock(), e.createBlock(l, { key: 1 }))
       ]),
@@ -847,9 +854,11 @@ const D = /* @__PURE__ */ p._export_sfc(Ae, [["render", et], ["__scopeId", "data
   },
   mounted() {
     this.focusOnCreate && (this.initialProvider ? setTimeout(() => {
-      this.$refs["url-input"]?.focus();
+      var t;
+      (t = this.$refs["url-input"]) == null || t.focus();
     }, 300) : this.$nextTick(() => {
-      this.$refs["provider-list"]?.focus();
+      var t;
+      (t = this.$refs["provider-list"]) == null || t.focus();
     }));
   },
   methods: {
@@ -858,17 +867,20 @@ const D = /* @__PURE__ */ p._export_sfc(Ae, [["render", et], ["__scopeId", "data
     },
     onProviderSelected(t) {
       this.selectedProvider = t, this.$emit("provider-selected", t), this.$nextTick(() => {
-        this.$refs["url-input"]?.focus();
+        var r;
+        (r = this.$refs["url-input"]) == null || r.focus();
       });
     },
     cancelCustomElement() {
       this.deselectProvider();
     },
     cancelSearch() {
-      this.$emit("cancel-search", this.selectedProvider?.title), this.deselectProvider();
+      var t;
+      this.$emit("cancel-search", (t = this.selectedProvider) == null ? void 0 : t.title), this.deselectProvider();
     },
     cancelRawLinkInput() {
-      this.$emit("cancel-raw-link", this.selectedProvider?.title), this.deselectProvider();
+      var t;
+      this.$emit("cancel-raw-link", (t = this.selectedProvider) == null ? void 0 : t.title), this.deselectProvider();
     },
     cancelProviderSelection() {
       this.$emit("cancel");
@@ -878,7 +890,8 @@ const D = /* @__PURE__ */ p._export_sfc(Ae, [["render", et], ["__scopeId", "data
     },
     deselectProvider() {
       this.selectedProvider = null, this.$emit("provider-selected", null), setTimeout(() => {
-        this.$refs["provider-list"]?.focus();
+        var t;
+        (t = this.$refs["provider-list"]) == null || t.focus();
       }, 300);
     }
   }
@@ -886,37 +899,37 @@ const D = /* @__PURE__ */ p._export_sfc(Ae, [["render", et], ["__scopeId", "data
   key: 3,
   class: "custom-element-wrapper"
 };
-function nt(t, r, n, c, i, o) {
-  const l = e.resolveComponent("NcProviderList"), a = e.resolveComponent("NcRawLinkInput"), u = e.resolveComponent("NcSearch"), m = e.resolveComponent("NcCustomPickerElement");
+function nt(t, r, n, c, o, i) {
+  const l = e.resolveComponent("NcProviderList"), a = e.resolveComponent("NcRawLinkInput"), d = e.resolveComponent("NcSearch"), m = e.resolveComponent("NcCustomPickerElement");
   return e.openBlock(), e.createElementBlock("div", {
     class: "reference-picker",
-    style: e.normalizeStyle(o.pickerWrapperStyle),
+    style: e.normalizeStyle(i.pickerWrapperStyle),
     tabindex: "-1",
-    onKeydown: r[0] || (r[0] = e.withKeys(e.withModifiers((...d) => o.onEscapePressed && o.onEscapePressed(...d), ["stop", "prevent"]), ["esc"]))
+    onKeydown: r[0] || (r[0] = e.withKeys(e.withModifiers((...u) => i.onEscapePressed && i.onEscapePressed(...u), ["stop", "prevent"]), ["esc"]))
   }, [
-    o.mode === i.MODES.providerList ? (e.openBlock(), e.createBlock(l, {
+    i.mode === o.MODES.providerList ? (e.openBlock(), e.createBlock(l, {
       key: 0,
       ref: "provider-list",
-      onSelectProvider: o.onProviderSelected,
-      onSubmit: o.submitLink,
-      onCancel: o.cancelProviderSelection
-    }, null, 8, ["onSelectProvider", "onSubmit", "onCancel"])) : o.mode === i.MODES.standardLinkInput ? (e.openBlock(), e.createBlock(a, {
+      onSelectProvider: i.onProviderSelected,
+      onSubmit: i.submitLink,
+      onCancel: i.cancelProviderSelection
+    }, null, 8, ["onSelectProvider", "onSubmit", "onCancel"])) : i.mode === o.MODES.standardLinkInput ? (e.openBlock(), e.createBlock(a, {
       key: 1,
       ref: "url-input",
-      provider: i.selectedProvider,
-      onSubmit: o.submitLink,
-      onCancel: o.cancelRawLinkInput
-    }, null, 8, ["provider", "onSubmit", "onCancel"])) : o.mode === i.MODES.searchInput ? (e.openBlock(), e.createBlock(u, {
+      provider: o.selectedProvider,
+      onSubmit: i.submitLink,
+      onCancel: i.cancelRawLinkInput
+    }, null, 8, ["provider", "onSubmit", "onCancel"])) : i.mode === o.MODES.searchInput ? (e.openBlock(), e.createBlock(d, {
       key: 2,
       ref: "url-input",
-      provider: i.selectedProvider,
-      onCancel: o.cancelSearch,
-      onSubmit: o.submitLink
-    }, null, 8, ["provider", "onCancel", "onSubmit"])) : o.mode === i.MODES.customElement ? (e.openBlock(), e.createElementBlock("div", rt, [
+      provider: o.selectedProvider,
+      onCancel: i.cancelSearch,
+      onSubmit: i.submitLink
+    }, null, 8, ["provider", "onCancel", "onSubmit"])) : i.mode === o.MODES.customElement ? (e.openBlock(), e.createElementBlock("div", rt, [
       e.createVNode(m, {
-        provider: i.selectedProvider,
-        onSubmit: o.submitLink,
-        onCancel: o.cancelCustomElement
+        provider: o.selectedProvider,
+        onSubmit: i.submitLink,
+        onCancel: i.cancelCustomElement
       }, null, 8, ["provider", "onSubmit", "onCancel"])
     ])) : e.createCommentVNode("", !0)
   ], 36);
@@ -977,7 +990,8 @@ const ot = {
       return this.initialProvider === null && this.isProviderSelected;
     },
     modalSize() {
-      return this.isProviderSelected && _(this.selectedProvider.id) ? de(this.selectedProvider.id) ?? "large" : "normal";
+      var t;
+      return this.isProviderSelected && _(this.selectedProvider.id) ? (t = de(this.selectedProvider.id)) != null ? t : "large" : "normal";
     },
     showModalName() {
       return !this.isProviderSelected || !_(this.selectedProvider.id);
@@ -1010,23 +1024,23 @@ const ot = {
   ref: "modal_content",
   class: "reference-picker-modal--content"
 }, ct = { key: 1 };
-function st(t, r, n, c, i, o) {
-  const l = e.resolveComponent("ArrowLeftIcon"), a = e.resolveComponent("NcButton"), u = e.resolveComponent("CloseIcon"), m = e.resolveComponent("NcReferencePicker"), d = e.resolveComponent("NcModal");
-  return i.show ? (e.openBlock(), e.createBlock(d, {
+function st(t, r, n, c, o, i) {
+  const l = e.resolveComponent("ArrowLeftIcon"), a = e.resolveComponent("NcButton"), d = e.resolveComponent("CloseIcon"), m = e.resolveComponent("NcReferencePicker"), u = e.resolveComponent("NcModal");
+  return o.show ? (e.openBlock(), e.createBlock(u, {
     key: 0,
-    size: o.modalSize,
+    size: i.modalSize,
     "can-close": !1,
     class: "reference-picker-modal",
-    onClose: o.onCancel
+    onClose: i.onCancel
   }, {
     default: e.withCtx(() => [
       e.createElementVNode("div", it, [
-        o.showBackButton ? (e.openBlock(), e.createBlock(a, {
+        i.showBackButton ? (e.openBlock(), e.createBlock(a, {
           key: 0,
-          "aria-label": i.backButtonTitle,
-          title: i.backButtonTitle,
+          "aria-label": o.backButtonTitle,
+          title: o.backButtonTitle,
           class: "back-button",
-          onClick: o.onBackClicked
+          onClick: i.onBackClicked
         }, {
           icon: e.withCtx(() => [
             e.createVNode(l)
@@ -1034,25 +1048,25 @@ function st(t, r, n, c, i, o) {
           _: 1
         }, 8, ["aria-label", "title", "onClick"])) : e.createCommentVNode("", !0),
         e.createVNode(a, {
-          "aria-label": i.closeButtonLabel,
-          title: i.closeButtonTitle,
+          "aria-label": o.closeButtonLabel,
+          title: o.closeButtonTitle,
           type: "tertiary",
           class: "close-button",
-          onClick: o.onCancel
+          onClick: i.onCancel
         }, {
           icon: e.withCtx(() => [
-            e.createVNode(u)
+            e.createVNode(d)
           ]),
           _: 1
         }, 8, ["aria-label", "title", "onClick"]),
-        o.showModalName ? (e.openBlock(), e.createElementBlock("h2", ct, e.toDisplayString(o.modalName), 1)) : e.createCommentVNode("", !0),
+        i.showModalName ? (e.openBlock(), e.createElementBlock("h2", ct, e.toDisplayString(i.modalName), 1)) : e.createCommentVNode("", !0),
         e.createVNode(m, {
           ref: "referencePicker",
           "initial-provider": n.initialProvider,
           "focus-on-create": n.focusOnCreate,
-          onProviderSelected: o.onProviderSelect,
-          onSubmit: o.onSubmit,
-          onCancel: o.onCancel
+          onProviderSelected: i.onProviderSelect,
+          onSubmit: i.onSubmit,
+          onCancel: i.onCancel
         }, null, 8, ["initial-provider", "focus-on-create", "onProviderSelected", "onSubmit", "onCancel"])
       ], 512)
     ]),
@@ -1062,19 +1076,20 @@ function st(t, r, n, c, i, o) {
 const j = /* @__PURE__ */ p._export_sfc(ot, [["render", st], ["__scopeId", "data-v-ec2bf1ea"]]);
 async function lt(t = null, r = void 0) {
   return await new Promise((n, c) => {
-    const i = "referencePickerModal", o = document.createElement("div");
-    o.id = i, document.body.append(o);
-    const l = t === null ? null : M(t) ?? null, a = e.createApp(j, {
+    var d;
+    const o = "referencePickerModal", i = document.createElement("div");
+    i.id = o, document.body.append(i);
+    const l = t === null ? null : (d = M(t)) != null ? d : null, a = e.createApp(j, {
       initialProvider: l,
       isInsideViewer: r,
       onCancel() {
         a.unmount(), c(new Error("User cancellation"));
       },
-      onSubmit(u) {
-        a.unmount(), n(u);
+      onSubmit(m) {
+        a.unmount(), n(m);
       }
     });
-    a.mount(o);
+    a.mount(i);
   });
 }
 exports.NcCustomPickerRenderResult = ae;