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

package/dist/chunks/referencePickerModal-DioghF2j.cjs

@@ -0,0 +1,1258 @@
+var Lt = require("../assets/referencePickerModal-D1QsnSDx.css");
+const p = require("../Functions/registerReference.cjs"), t = require("vue"), f = require("./_plugin-vue_export-helper-CTzpuyvq.cjs"), u = require("./_l10n-CEec8lDL.cjs"), re = require("@nextcloud/axios"), U = require("@nextcloud/initial-state"), v = require("@nextcloud/router"), C = require("./NcEmptyContent-DmwlAinq.cjs"), j = require("./NcHighlight-DlBY2lba.cjs"), W = require("./NcSelect-DXYUyhQf.cjs"), ne = require("@vueuse/core"), k = require("unist-builder"), w = require("unist-util-visit"), oe = require("./NcLoadingIcon-DkXGgGqQ.cjs"), ce = require("./NcTextField-Byh4JMan.cjs"), ie = require("./DotsHorizontal-B8FxxlxU.cjs"), se = require("./NcButton-CR5WPHh9.cjs"), le = require("../Components/NcModal.cjs"), ae = require("@nextcloud/event-bus"), ue = require("./ArrowLeft-DIneKq1y.cjs"), de = require("./Close-PZEquBdx.cjs"), he = (e) => e && e.__esModule ? e : { default: e }, P = /* @__PURE__ */ he(re);
+/*!
+  * vue-router v4.2.5
+  * (c) 2023 Eduardo San Martin Morote
+  * @license MIT
+  */
+const me = typeof window < "u", pe = () => {
+}, g = Array.isArray;
+function L(e, r) {
+  return (e.aliasOf || e) === (r.aliasOf || r);
+}
+function fe(e, r) {
+  if (Object.keys(e).length !== Object.keys(r).length)
+    return !1;
+  for (const n in e)
+    if (!ve(e[n], r[n]))
+      return !1;
+  return !0;
+}
+function ve(e, r) {
+  return g(e) ? R(e, r) : g(r) ? R(r, e) : e === r;
+}
+function R(e, r) {
+  return g(r) ? e.length === r.length && e.every((n, i) => n === r[i]) : e.length === 1 && e[0] === r;
+}
+var V;
+(function(e) {
+  e.pop = "pop", e.push = "push";
+})(V || (V = {}));
+var x;
+(function(e) {
+  e.back = "back", e.forward = "forward", e.unknown = "";
+})(x || (x = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
+var I;
+(function(e) {
+  e[e.aborted = 4] = "aborted", e[e.cancelled = 8] = "cancelled", e[e.duplicated = 16] = "duplicated";
+})(I || (I = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+const z = Symbol(process.env.NODE_ENV !== "production" ? "router" : ""), _e = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
+function O(e) {
+  const r = t.inject(z), n = t.inject(_e), i = t.computed(() => r.resolve(t.unref(e.to))), c = t.computed(() => {
+    const { matched: s } = i.value, { length: d } = s, m = s[d - 1], h = n.matched;
+    if (!m || !h.length)
+      return -1;
+    const y = h.findIndex(L.bind(null, m));
+    if (y > -1)
+      return y;
+    const B = q(s[d - 2]);
+    return (
+      // we are dealing with nested routes
+      d > 1 && // if the parent and matched route have the same path, this link is
+      // referring to the empty child. Or we currently are on a different
+      // child of the same parent
+      q(m) === B && // avoid comparing the child with its parent
+      h[h.length - 1].path !== B ? h.findIndex(L.bind(null, s[d - 2])) : y
+    );
+  }), o = t.computed(() => c.value > -1 && ye(n.params, i.value.params)), l = t.computed(() => c.value > -1 && c.value === n.matched.length - 1 && fe(n.params, i.value.params));
+  function a(s = {}) {
+    return ge(s) ? r[t.unref(e.replace) ? "replace" : "push"](
+      t.unref(e.to)
+      // avoid uncaught errors are they are logged anyway
+    ).catch(pe) : Promise.resolve();
+  }
+  if (process.env.NODE_ENV !== "production" && me) {
+    const s = t.getCurrentInstance();
+    if (s) {
+      const d = {
+        route: i.value,
+        isActive: o.value,
+        isExactActive: l.value
+      };
+      s.__vrl_devtools = s.__vrl_devtools || [], s.__vrl_devtools.push(d), t.watchEffect(() => {
+        d.route = i.value, d.isActive = o.value, d.isExactActive = l.value;
+      }, { flush: "post" });
+    }
+  }
+  return {
+    route: i,
+    href: t.computed(() => i.value.href),
+    isActive: o,
+    isExactActive: l,
+    navigate: a
+  };
+}
+const ke = /* @__PURE__ */ t.defineComponent({
+  name: "RouterLink",
+  compatConfig: { MODE: 3 },
+  props: {
+    to: {
+      type: [String, Object],
+      required: !0
+    },
+    replace: Boolean,
+    activeClass: String,
+    // inactiveClass: String,
+    exactActiveClass: String,
+    custom: Boolean,
+    ariaCurrentValue: {
+      type: String,
+      default: "page"
+    }
+  },
+  useLink: O,
+  setup(e, { slots: r }) {
+    const n = t.reactive(O(e)), { options: i } = t.inject(z), c = t.computed(() => ({
+      [A(e.activeClass, i.linkActiveClass, "router-link-active")]: n.isActive,
+      // [getLinkClass(
+      //   props.inactiveClass,
+      //   options.linkInactiveClass,
+      //   'router-link-inactive'
+      // )]: !link.isExactActive,
+      [A(e.exactActiveClass, i.linkExactActiveClass, "router-link-exact-active")]: n.isExactActive
+    }));
+    return () => {
+      const o = r.default && r.default(n);
+      return e.custom ? o : t.h("a", {
+        "aria-current": n.isExactActive ? e.ariaCurrentValue : null,
+        href: n.href,
+        // this would override user added attrs but Vue will still add
+        // the listener, so we end up triggering both
+        onClick: n.navigate,
+        class: c.value
+      }, o);
+    };
+  }
+}), $ = ke;
+function ge(e) {
+  if (!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) && !e.defaultPrevented && !(e.button !== void 0 && e.button !== 0)) {
+    if (e.currentTarget && e.currentTarget.getAttribute) {
+      const r = e.currentTarget.getAttribute("target");
+      if (/\b_blank\b/i.test(r))
+        return;
+    }
+    return e.preventDefault && e.preventDefault(), !0;
+  }
+}
+function ye(e, r) {
+  for (const n in r) {
+    const i = r[n], c = e[n];
+    if (typeof i == "string") {
+      if (i !== c)
+        return !1;
+    } else if (!g(c) || c.length !== i.length || i.some((o, l) => o !== c[l]))
+      return !1;
+  }
+  return !0;
+}
+function q(e) {
+  return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
+}
+const A = (e, r, n) => e != null ? e : r != null ? r : n, Ce = /(\s|^)(https?:\/\/)([-A-Z0-9+_.]+(?::[0-9]+)?(?:\/[-A-Z0-9+&@#%?=~_|!:,.;()]*)*)(\s|$)/ig, T = /(\s|\(|^)((https?:\/\/)([-A-Z0-9+_.]+[-A-Z0-9]+(?::[0-9]+)?(?:\/[-A-Z0-9+&@#%?=~_|!:,.;()]*)*))(?=\s|\)|$)/ig, Pe = t.defineComponent({
+  name: "NcLink",
+  props: {
+    href: {
+      type: String,
+      required: !0
+    }
+  },
+  render() {
+    return t.h("a", {
+      href: this.href,
+      rel: "noopener noreferrer",
+      target: "_blank",
+      class: "rich-text--external-link"
+    }, [this.href.trim()]);
+  }
+}), Ne = function({ autolink: e, useMarkdown: r, useExtendedMarkdown: n }) {
+  return function(i) {
+    n || !r || !e || w.visit(i, (c) => c.type === "text", (c, o, l) => {
+      let a = H(c.value);
+      return typeof a == "string" ? a = [k.u("text", a)] : a = a.map((s) => typeof s == "string" ? k.u("text", s) : k.u("link", {
+        url: s.props.href
+      }, [k.u("text", s.props.href)])).filter((s) => s).flat(), l.children.splice(o, 1, ...a), [w.SKIP, (o != null ? o : 0) + a.length];
+    });
+  };
+}, H = (e) => {
+  let r = T.exec(e);
+  const n = [];
+  let i = 0;
+  for (; r !== null; ) {
+    let o = r[2], l, a = e.substring(i, r.index + r[1].length);
+    o[0] === " " && (a += o[0], o = o.substring(1).trim());
+    const s = o[o.length - 1];
+    (s === "." || s === "," || s === ";" || r[0][0] === "(" && s === ")") && (o = o.substring(0, o.length - 1), l = s), n.push(a), n.push({ component: Pe, props: { href: o } }), l && n.push(l), i = r.index + r[0].length, r = T.exec(e);
+  }
+  n.push(e.substring(i));
+  const c = n.map((o) => typeof o == "string" ? o : o.props.href).join("");
+  return e === c ? n : (console.error("Failed to reassemble the chunked text: " + e), e);
+}, K = (e, r) => {
+  const n = r.match(/https?:\/\//);
+  if (!e || n && !r.includes(v.getBaseUrl()))
+    return null;
+  n ? r = r.slice(v.getBaseUrl().length) : r = r.slice(v.getRootUrl().length), r = r.slice(e.options.history.base.length);
+  const i = e.resolve(r);
+  return i.name || i.matched.length > 0 ? i : null;
+}, Se = {
+  name: "NcReferenceWidget",
+  props: {
+    reference: {
+      type: Object,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      compact: 3
+    };
+  },
+  computed: {
+    hasCustomWidget() {
+      return p.isWidgetRegistered(this.reference.richObjectType);
+    },
+    noAccess() {
+      return this.reference && !this.reference.accessible;
+    },
+    descriptionStyle() {
+      if (this.compact === 0)
+        return {
+          display: "none"
+        };
+      const e = this.compact < 4 ? this.compact : 3;
+      return {
+        lineClamp: e,
+        webkitLineClamp: e
+      };
+    },
+    compactLink() {
+      const e = this.reference.openGraphObject.link;
+      return e ? e.startsWith("https://") ? e.substring(8) : e.startsWith("http://") ? e.substring(7) : e : "";
+    },
+    route() {
+      return K(this.$router, this.reference.openGraphObject.link);
+    },
+    referenceWidgetLinkComponent() {
+      return this.route ? $ : "a";
+    },
+    referenceWidgetLinkProps() {
+      return this.route ? { to: this.route } : { href: this.reference.openGraphObject.link, target: "_blank" };
+    }
+  },
+  mounted() {
+    this.renderWidget(), ne.useResizeObserver(this.$el, (e) => {
+      e[0].contentRect.width < 450 ? this.compact = 0 : e[0].contentRect.width < 550 ? this.compact = 1 : e[0].contentRect.width < 650 ? this.compact = 2 : this.compact = 3;
+    });
+  },
+  beforeUnmount() {
+    p.destroyWidget(this.reference.richObjectType, this.$el);
+  },
+  methods: {
+    renderWidget() {
+      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(() => {
+        p.renderWidget(this.$refs.customWidget, this.reference);
+      });
+    }
+  }
+}, be = {
+  key: 0,
+  class: "widget-custom"
+}, Ee = { ref: "customWidget" }, Be = ["src"], we = { class: "widget-default--details" }, Le = { class: "widget-default--name" }, Re = { class: "widget-default--link" };
+function Ve(e, r, n, i, c, o) {
+  return t.openBlock(), t.createElementBlock("div", null, [
+    n.reference && o.hasCustomWidget ? (t.openBlock(), t.createElementBlock("div", be, [
+      t.createElementVNode("div", Ee, null, 512)
+    ])) : !o.noAccess && n.reference && n.reference.openGraphObject && !o.hasCustomWidget ? (t.openBlock(), t.createBlock(t.resolveDynamicComponent(o.referenceWidgetLinkComponent), t.mergeProps({ key: 1 }, o.referenceWidgetLinkProps, {
+      rel: "noopener noreferrer",
+      class: "widget-default"
+    }), {
+      default: t.withCtx(() => [
+        n.reference.openGraphObject.thumb ? (t.openBlock(), t.createElementBlock("img", {
+          key: 0,
+          class: "widget-default--image",
+          src: n.reference.openGraphObject.thumb
+        }, null, 8, Be)) : t.createCommentVNode("", !0),
+        t.createElementVNode("div", we, [
+          t.createElementVNode("p", Le, t.toDisplayString(n.reference.openGraphObject.name), 1),
+          t.createElementVNode("p", {
+            class: "widget-default--description",
+            style: t.normalizeStyle(o.descriptionStyle)
+          }, t.toDisplayString(n.reference.openGraphObject.description), 5),
+          t.createElementVNode("p", Re, t.toDisplayString(o.compactLink), 1)
+        ])
+      ]),
+      _: 1
+    }, 16)) : t.createCommentVNode("", !0)
+  ]);
+}
+const G = /* @__PURE__ */ f._export_sfc(Se, [["render", Ve], ["__scopeId", "data-v-e2ab9c0d"]]), xe = {
+  name: "NcCustomPickerElement",
+  props: {
+    /**
+     * The reference provider
+     */
+    provider: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: [
+    "cancel",
+    "submit"
+  ],
+  data() {
+    return {
+      isRegistered: p.isCustomPickerElementRegistered(this.provider.id),
+      renderResult: null
+    };
+  },
+  mounted() {
+    this.isRegistered && this.renderElement();
+  },
+  beforeUnmount() {
+    this.isRegistered && p.destroyCustomPickerElement(this.provider.id, this.$el, this.renderResult);
+  },
+  methods: {
+    renderElement() {
+      this.$refs.domElement && (this.$refs.domElement.innerHTML = "");
+      const e = p.renderCustomPickerElement(this.$refs.domElement, { providerId: this.provider.id, accessible: !1 });
+      Promise.resolve(e).then((r) => {
+        var n, i;
+        this.renderResult = r, (n = this.renderResult.object) != null && n._isVue && ((i = this.renderResult.object) != null && i.$on) && (this.renderResult.object.$on("submit", this.onSubmit), this.renderResult.object.$on("cancel", this.onCancel)), this.renderResult.element.addEventListener("submit", (c) => {
+          this.onSubmit(c.detail);
+        }), this.renderResult.element.addEventListener("cancel", this.onCancel);
+      });
+    },
+    onSubmit(e) {
+      this.$emit("submit", e);
+    },
+    onCancel() {
+      this.$emit("cancel");
+    }
+  }
+}, Ie = { ref: "domElement" };
+function Oe(e, r, n, i, c, o) {
+  return t.openBlock(), t.createElementBlock("div", Ie, null, 512);
+}
+const qe = /* @__PURE__ */ f._export_sfc(xe, [["render", Oe], ["__scopeId", "data-v-f06576d1"]]);
+u.register(u.t7);
+const N = "any-link", Q = {
+  id: N,
+  title: u.t("Any link"),
+  icon_url: v.imagePath("core", "filetypes/link.svg")
+};
+window._vue_richtext_reference_providers || (window._vue_richtext_reference_providers = U.loadState("core", "reference-provider-list", []));
+window._vue_richtext_reference_provider_timestamps || (window._vue_richtext_reference_provider_timestamps = U.loadState("core", "reference-provider-timestamps", {}));
+function Z(e) {
+  return e === N ? Q : S().find((r) => r.id === e);
+}
+function S() {
+  return window._vue_richtext_reference_providers.filter((e) => {
+    const r = !!e.search_providers_ids && e.search_providers_ids.length > 0 || p.isCustomPickerElementRegistered(e.id);
+    return r || console.debug("[smart picker]", e.id, "reference provider is discoverable but does not have any related search provider or custom picker component registered"), r;
+  });
+}
+function F(e) {
+  const r = window._vue_richtext_reference_provider_timestamps;
+  return e.sort((n, i) => n.order === i.order ? 0 : n.order > i.order ? 1 : -1).sort((n, i) => {
+    const c = r[n.id], o = r[i.id];
+    return c === o ? 0 : o === void 0 ? -1 : c === void 0 ? 1 : c > o ? -1 : 1;
+  });
+}
+function J(e, r = null) {
+  const n = S(), i = e.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&"), c = new RegExp(i, "i"), l = F(n).filter((s) => s.title.match(c)), a = r ? l.slice(0, r) : l;
+  return (e === "" || a.length === 0) && a.push(Q), a;
+}
+function Ae(e) {
+  const r = Math.floor(Date.now() / 1e3), n = {
+    timestamp: r
+  }, i = v.generateOcsUrl("references/provider/{providerId}", { providerId: e });
+  P.default.put(i, n).then((c) => {
+    window._vue_richtext_reference_provider_timestamps[e] = r;
+  });
+}
+let M = 0;
+function X(e, r) {
+  return function() {
+    const n = this, i = arguments;
+    clearTimeout(M), M = setTimeout(function() {
+      e.apply(n, i);
+    }, r || 0);
+  };
+}
+function b(e) {
+  try {
+    return !!new URL(e);
+  } catch {
+    return !1;
+  }
+}
+u.register(u.t33, u.t36);
+const Te = {
+  name: "LinkVariantIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, Me = ["aria-hidden", "aria-label"], De = ["fill", "width", "height"], Ue = { 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 We(e, r, n, i, c, o) {
+  return t.openBlock(), t.createElementBlock("span", t.mergeProps(e.$attrs, {
+    "aria-hidden": n.title ? null : !0,
+    "aria-label": n.title,
+    class: "material-design-icon link-variant-icon",
+    role: "img",
+    onClick: r[0] || (r[0] = (l) => e.$emit("click", l))
+  }), [
+    (t.openBlock(), t.createElementBlock("svg", {
+      fill: n.fillColor,
+      class: "material-design-icon__svg",
+      width: n.size,
+      height: n.size,
+      viewBox: "0 0 24 24"
+    }, [
+      t.createElementVNode("path", Ue, [
+        n.title ? (t.openBlock(), t.createElementBlock("title", je, t.toDisplayString(n.title), 1)) : t.createCommentVNode("", !0)
+      ])
+    ], 8, De))
+  ], 16, Me);
+}
+const E = /* @__PURE__ */ f._export_sfc(Te, [["render", We]]), ze = {
+  name: "NcProviderList",
+  components: {
+    NcSelect: W.NcSelect,
+    NcHighlight: j._sfc_main,
+    NcEmptyContent: C.NcEmptyContent,
+    LinkVariantIcon: E
+  },
+  emits: [
+    "select-provider",
+    "submit"
+  ],
+  data() {
+    return {
+      selectedProvider: null,
+      query: "",
+      multiselectPlaceholder: u.t("Select provider"),
+      providerIconAlt: u.t("Provider icon")
+    };
+  },
+  computed: {
+    options() {
+      const e = [];
+      return this.query !== "" && b(this.query) && e.push({
+        id: this.query,
+        title: this.query,
+        isLink: !0
+      }), e.push(...J(this.query)), e;
+    }
+  },
+  methods: {
+    focus() {
+      setTimeout(() => {
+        var e, r, n;
+        (n = (r = (e = this.$refs["provider-select"]) == null ? void 0 : e.$el) == null ? void 0 : r.querySelector("#provider-select-input")) == null || n.focus();
+      }, 300);
+    },
+    onProviderSelected(e) {
+      e !== null && (e.isLink ? this.$emit("submit", e.title) : this.$emit("select-provider", e), this.selectedProvider = null);
+    },
+    onSearch(e) {
+      this.query = e;
+    }
+  }
+}, $e = { class: "provider-list" }, He = {
+  key: 0,
+  class: "provider"
+}, Ke = {
+  key: 1,
+  class: "provider"
+}, Ge = ["src", "alt"];
+function Qe(e, r, n, i, c, o) {
+  const l = t.resolveComponent("LinkVariantIcon"), a = t.resolveComponent("NcHighlight"), s = t.resolveComponent("NcSelect"), d = t.resolveComponent("NcEmptyContent");
+  return t.openBlock(), t.createElementBlock("div", $e, [
+    t.createVNode(s, {
+      ref: "provider-select",
+      modelValue: c.selectedProvider,
+      "onUpdate:modelValue": [
+        r[0] || (r[0] = (m) => c.selectedProvider = m),
+        o.onProviderSelected
+      ],
+      class: "provider-list--select",
+      "input-id": "provider-select-input",
+      label: "title",
+      placeholder: c.multiselectPlaceholder,
+      options: o.options,
+      "append-to-body": !1,
+      "clear-search-on-select": !0,
+      "clear-search-on-blur": () => !1,
+      filterable: !1,
+      onSearch: o.onSearch
+    }, {
+      option: t.withCtx((m) => [
+        m.isLink ? (t.openBlock(), t.createElementBlock("div", He, [
+          t.createVNode(l, {
+            class: "link-icon",
+            size: 20
+          }),
+          t.createElementVNode("span", null, t.toDisplayString(m.title), 1)
+        ])) : (t.openBlock(), t.createElementBlock("div", Ke, [
+          t.createElementVNode("img", {
+            class: "provider-icon",
+            src: m.icon_url,
+            alt: c.providerIconAlt
+          }, null, 8, Ge),
+          t.createVNode(a, {
+            class: "option-text",
+            search: c.query,
+            text: m.title
+          }, null, 8, ["search", "text"])
+        ]))
+      ]),
+      _: 1
+    }, 8, ["modelValue", "placeholder", "options", "onSearch", "onUpdate:modelValue"]),
+    t.createVNode(d, { class: "provider-list--empty-content" }, {
+      icon: t.withCtx(() => [
+        t.createVNode(l)
+      ]),
+      _: 1
+    })
+  ]);
+}
+const Ze = /* @__PURE__ */ f._export_sfc(ze, [["render", Qe], ["__scopeId", "data-v-c8e1afc5"]]);
+u.register(u.t20);
+const Fe = {
+  name: "NcRawLinkInput",
+  components: {
+    LinkVariantIcon: E,
+    NcEmptyContent: C.NcEmptyContent,
+    NcLoadingIcon: oe.NcLoadingIcon,
+    NcReferenceWidget: G,
+    NcTextField: ce.NcTextField
+  },
+  props: {
+    /**
+     * The reference provider
+     */
+    provider: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: [
+    "submit"
+  ],
+  data() {
+    return {
+      inputValue: "",
+      loading: !1,
+      reference: null,
+      abortController: null,
+      inputPlaceholder: u.t("Enter link")
+    };
+  },
+  computed: {
+    isLinkValid() {
+      return b(this.inputValue);
+    }
+  },
+  methods: {
+    focus() {
+      var e;
+      (e = this.$refs["url-input"].$el.getElementsByTagName("input")[0]) == null || e.focus();
+    },
+    onSubmit(e) {
+      const r = e.target.value;
+      this.isLinkValid && this.$emit("submit", r);
+    },
+    onClear() {
+      this.inputValue = "", this.reference = null;
+    },
+    onInput() {
+      this.reference = null, this.abortController && this.abortController.abort(), this.isLinkValid && X(() => {
+        this.updateReference();
+      }, 500)();
+    },
+    updateReference() {
+      this.loading = !0, this.abortController = new AbortController(), P.default.get(v.generateOcsUrl("references/resolve", 2) + "?reference=" + encodeURIComponent(this.inputValue), {
+        signal: this.abortController.signal
+      }).then((e) => {
+        this.reference = e.data.ocs.data.references[this.inputValue];
+      }).catch((e) => {
+        console.error(e);
+      }).then(() => {
+        this.loading = !1;
+      });
+    }
+  }
+}, Je = { class: "raw-link" }, Xe = { class: "input-wrapper" }, Ye = ["src"];
+function et(e, r, n, i, c, o) {
+  const l = t.resolveComponent("NcLoadingIcon"), a = t.resolveComponent("LinkVariantIcon"), s = t.resolveComponent("NcTextField"), d = t.resolveComponent("NcReferenceWidget"), m = t.resolveComponent("NcEmptyContent");
+  return t.openBlock(), t.createElementBlock("div", Je, [
+    t.createElementVNode("div", Xe, [
+      t.createVNode(s, {
+        ref: "url-input",
+        modelValue: c.inputValue,
+        "onUpdate:modelValue": [
+          r[0] || (r[0] = (h) => c.inputValue = h),
+          o.onInput
+        ],
+        "show-trailing-button": c.inputValue !== "",
+        label: c.inputPlaceholder,
+        onTrailingButtonClick: o.onClear,
+        onKeyup: t.withKeys(o.onSubmit, ["enter"])
+      }, {
+        default: t.withCtx(() => [
+          c.loading ? (t.openBlock(), t.createBlock(l, {
+            key: 0,
+            size: 16
+          })) : (t.openBlock(), t.createBlock(a, {
+            key: 1,
+            size: 16
+          }))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "show-trailing-button", "label", "onTrailingButtonClick", "onUpdate:modelValue", "onKeyup"])
+    ]),
+    c.reference !== null ? (t.openBlock(), t.createBlock(d, {
+      key: 0,
+      class: "reference-widget",
+      reference: c.reference
+    }, null, 8, ["reference"])) : (t.openBlock(), t.createBlock(m, {
+      key: 1,
+      class: "raw-link--empty-content"
+    }, {
+      icon: t.withCtx(() => [
+        n.provider.icon_url ? (t.openBlock(), t.createElementBlock("img", {
+          key: 0,
+          class: "provider-icon",
+          src: n.provider.icon_url
+        }, null, 8, Ye)) : (t.openBlock(), t.createBlock(a, { key: 1 }))
+      ]),
+      _: 1
+    }))
+  ]);
+}
+const tt = /* @__PURE__ */ f._export_sfc(Fe, [["render", et], ["__scopeId", "data-v-5bc24564"]]), rt = {
+  name: "NcSearchResult",
+  components: {
+    NcHighlight: j._sfc_main
+  },
+  props: {
+    /**
+     * Unified search result entry
+     */
+    entry: {
+      type: Object,
+      required: !0
+    },
+    /**
+     * The query that led to getting this result
+     * Used to highlight the entry text
+     */
+    query: {
+      type: String,
+      required: !0
+    }
+  }
+}, nt = { class: "result" }, ot = ["src"], ct = { class: "result--content" }, it = { class: "result--content--name" }, st = { class: "result--content--subline" };
+function lt(e, r, n, i, c, o) {
+  const l = t.resolveComponent("NcHighlight");
+  return t.openBlock(), t.createElementBlock("div", nt, [
+    n.entry.icon ? (t.openBlock(), t.createElementBlock("div", {
+      key: 0,
+      class: t.normalizeClass([{ [n.entry.icon]: !0, rounded: n.entry.rounded }, "result--icon-class"])
+    }, null, 2)) : (t.openBlock(), t.createElementBlock("img", {
+      key: 1,
+      class: t.normalizeClass(["result--image", { rounded: n.entry.rounded }]),
+      src: n.entry.thumbnailUrl
+    }, null, 10, ot)),
+    t.createElementVNode("div", ct, [
+      t.createElementVNode("span", it, [
+        t.createVNode(l, {
+          search: n.query,
+          text: n.entry.title
+        }, null, 8, ["search", "text"])
+      ]),
+      t.createElementVNode("span", st, [
+        t.createVNode(l, {
+          search: n.query,
+          text: n.entry.subline
+        }, null, 8, ["search", "text"])
+      ])
+    ])
+  ]);
+}
+const at = /* @__PURE__ */ f._export_sfc(rt, [["render", lt], ["__scopeId", "data-v-7a394a58"]]);
+u.register(u.t26, u.t33, u.t34);
+const D = 5, ut = {
+  name: "NcSearch",
+  components: {
+    LinkVariantIcon: E,
+    DotsHorizontalIcon: ie.DotsHorizontal,
+    NcEmptyContent: C.NcEmptyContent,
+    NcSelect: W.NcSelect,
+    NcSearchResult: at
+  },
+  props: {
+    /**
+     * The selected reference provider
+     */
+    provider: {
+      type: Object,
+      required: !0
+    },
+    showEmptyContent: {
+      type: Boolean,
+      default: !0
+    },
+    searchPlaceholder: {
+      type: String,
+      default: null
+    }
+  },
+  emits: [
+    "submit"
+  ],
+  data() {
+    return {
+      searchQuery: "",
+      selectedResult: null,
+      resultsBySearchProvider: {},
+      searching: !1,
+      searchingMoreOf: null,
+      abortController: null,
+      noOptionsText: u.t("Start typing to search"),
+      providerIconAlt: u.t("Provider icon")
+    };
+  },
+  computed: {
+    mySearchPlaceholder() {
+      return this.searchPlaceholder || u.t("Search");
+    },
+    searchProviderIds() {
+      return this.provider.search_providers_ids;
+    },
+    options() {
+      if (this.searchQuery === "")
+        return [];
+      const e = [];
+      return b(this.searchQuery) && e.push(this.rawLinkEntry), e.push(...this.formattedSearchResults), e;
+    },
+    rawLinkEntry() {
+      return {
+        id: "rawLinkEntry",
+        resourceUrl: this.searchQuery,
+        isRawLink: !0
+      };
+    },
+    formattedSearchResults() {
+      const e = [];
+      return this.searchProviderIds.forEach((r) => {
+        if (this.resultsBySearchProvider[r].entries.length > 0) {
+          (this.searchProviderIds.length > 1 || this.resultsBySearchProvider[r].entries.length > 1) && e.push({
+            id: "groupTitle-" + r,
+            name: this.resultsBySearchProvider[r].name,
+            isCustomGroupTitle: !0,
+            providerId: r
+          });
+          const n = this.resultsBySearchProvider[r].entries.map((i, c) => ({
+            id: "provider-" + r + "-entry-" + c,
+            ...i
+          }));
+          e.push(...n), this.resultsBySearchProvider[r].isPaginated && e.push({
+            id: "moreOf-" + r,
+            name: this.resultsBySearchProvider[r].name,
+            isMore: !0,
+            providerId: r,
+            isLoading: this.searchingMoreOf === r
+          });
+        }
+      }), e;
+    }
+  },
+  mounted() {
+    this.resetResults();
+  },
+  beforeUnmount() {
+    this.cancelSearchRequests();
+  },
+  methods: {
+    t: u.t,
+    resetResults() {
+      const e = {};
+      this.searchProviderIds.forEach((r) => {
+        e[r] = {
+          entries: []
+        };
+      }), this.resultsBySearchProvider = e;
+    },
+    focus() {
+      setTimeout(() => {
+        var e, r, n;
+        (n = (r = (e = this.$refs["search-select"]) == null ? void 0 : e.$el) == null ? void 0 : r.querySelector("#search-select-input")) == null || n.focus();
+      }, 300);
+    },
+    cancelSearchRequests() {
+      this.abortController && this.abortController.abort();
+    },
+    onSearchInput(e) {
+      this.searchQuery = e, X(() => {
+        this.updateSearch();
+      }, 500)();
+    },
+    onSelectResultSelected(e) {
+      e !== null && (e.resourceUrl ? (this.cancelSearchRequests(), this.$emit("submit", e.resourceUrl)) : e.isMore && this.searchMoreOf(e.providerId).then(() => {
+        this.selectedResult = null;
+      }));
+    },
+    searchMoreOf(e) {
+      return this.searchingMoreOf = e, this.cancelSearchRequests(), this.searchProviders(e);
+    },
+    updateSearch() {
+      if (this.cancelSearchRequests(), this.resetResults(), this.searchQuery === "") {
+        this.searching = !1;
+        return;
+      }
+      return this.searchProviders();
+    },
+    searchProviders(e = null) {
+      var n, i;
+      this.abortController = new AbortController(), this.searching = !0;
+      const r = e === null ? [...this.searchProviderIds].map((c) => this.searchOneProvider(c)) : [this.searchOneProvider(e, (i = (n = this.resultsBySearchProvider[e]) == null ? void 0 : n.cursor) != null ? i : null)];
+      return Promise.allSettled(r).then((c) => {
+        !!c.find((l) => l.status === "rejected" && (l.reason.name === "CanceledError" || l.reason.code === "ERR_CANCELED")) || (this.searching = !1, this.searchingMoreOf = null);
+      });
+    },
+    searchOneProvider(e, r = null) {
+      const n = r === null ? v.generateOcsUrl("search/providers/{providerId}/search?term={term}&limit={limit}", { providerId: e, term: this.searchQuery, limit: D }) : v.generateOcsUrl("search/providers/{providerId}/search?term={term}&limit={limit}&cursor={cursor}", { providerId: e, term: this.searchQuery, limit: D, cursor: r });
+      return P.default.get(n, {
+        signal: this.abortController.signal
+      }).then((i) => {
+        const c = i.data.ocs.data;
+        this.resultsBySearchProvider[e].name = c.name, this.resultsBySearchProvider[e].cursor = c.cursor, this.resultsBySearchProvider[e].isPaginated = c.isPaginated, this.resultsBySearchProvider[e].entries.push(...c.entries);
+      });
+    }
+  }
+}, dt = {
+  key: 0,
+  class: "custom-option"
+}, ht = { class: "option-text" }, mt = {
+  key: 2,
+  class: "custom-option group-name"
+}, pt = ["src"], ft = { class: "option-text" }, vt = {
+  key: 3,
+  class: /* @__PURE__ */ t.normalizeClass({ "custom-option": !0 })
+}, _t = {
+  key: 0,
+  class: "option-simple-icon icon-loading-small"
+}, kt = { class: "option-text" }, gt = ["alt", "src"];
+function yt(e, r, n, i, c, o) {
+  const l = t.resolveComponent("LinkVariantIcon"), a = t.resolveComponent("NcSearchResult"), s = t.resolveComponent("DotsHorizontalIcon"), d = t.resolveComponent("NcSelect"), m = t.resolveComponent("NcEmptyContent");
+  return t.openBlock(), t.createElementBlock("div", {
+    class: t.normalizeClass(["smart-picker-search", { "with-empty-content": n.showEmptyContent }])
+  }, [
+    t.createVNode(d, {
+      ref: "search-select",
+      modelValue: c.selectedResult,
+      "onUpdate:modelValue": [
+        r[0] || (r[0] = (h) => c.selectedResult = h),
+        o.onSelectResultSelected
+      ],
+      class: "smart-picker-search--select",
+      "input-id": "search-select-input",
+      label: "name",
+      placeholder: o.mySearchPlaceholder,
+      options: o.options,
+      "append-to-body": !1,
+      "close-on-select": !1,
+      "clear-search-on-select": !1,
+      "clear-search-on-blur": () => !1,
+      "reset-focus-on-options-change": !1,
+      filterable: !1,
+      autoscroll: !0,
+      "reset-on-options-change": !1,
+      loading: c.searching,
+      onSearch: o.onSearchInput
+    }, {
+      option: t.withCtx((h) => [
+        h.isRawLink ? (t.openBlock(), t.createElementBlock("div", dt, [
+          t.createVNode(l, {
+            class: "option-simple-icon",
+            size: 20
+          }),
+          t.createElementVNode("span", ht, t.toDisplayString(o.t("Raw link {options}", { options: h.resourceUrl })), 1)
+        ])) : h.resourceUrl ? (t.openBlock(), t.createBlock(a, {
+          key: 1,
+          class: "search-result",
+          entry: h,
+          query: c.searchQuery
+        }, null, 8, ["entry", "query"])) : h.isCustomGroupTitle ? (t.openBlock(), t.createElementBlock("span", mt, [
+          n.provider.icon_url ? (t.openBlock(), t.createElementBlock("img", {
+            key: 0,
+            class: "provider-icon group-name-icon",
+            src: n.provider.icon_url
+          }, null, 8, pt)) : t.createCommentVNode("", !0),
+          t.createElementVNode("span", ft, [
+            t.createElementVNode("strong", null, t.toDisplayString(h.name), 1)
+          ])
+        ])) : h.isMore ? (t.openBlock(), t.createElementBlock("span", vt, [
+          h.isLoading ? (t.openBlock(), t.createElementBlock("span", _t)) : (t.openBlock(), t.createBlock(s, {
+            key: 1,
+            class: "option-simple-icon",
+            size: 20
+          })),
+          t.createElementVNode("span", kt, t.toDisplayString(o.t('Load more "{options}"', { options: h.name })), 1)
+        ])) : t.createCommentVNode("", !0)
+      ]),
+      "no-options": t.withCtx(() => [
+        t.createTextVNode(t.toDisplayString(c.noOptionsText), 1)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "placeholder", "options", "loading", "onSearch", "onUpdate:modelValue"]),
+    n.showEmptyContent ? (t.openBlock(), t.createBlock(m, {
+      key: 0,
+      class: "smart-picker-search--empty-content"
+    }, {
+      icon: t.withCtx(() => [
+        n.provider.icon_url ? (t.openBlock(), t.createElementBlock("img", {
+          key: 0,
+          class: "provider-icon",
+          alt: c.providerIconAlt,
+          src: n.provider.icon_url
+        }, null, 8, gt)) : (t.openBlock(), t.createBlock(l, { key: 1 }))
+      ]),
+      _: 1
+    })) : t.createCommentVNode("", !0)
+  ], 2);
+}
+const Y = /* @__PURE__ */ f._export_sfc(ut, [["render", yt], ["__scopeId", "data-v-2d694f9a"]]), _ = {
+  providerList: 1,
+  standardLinkInput: 2,
+  searchInput: 3,
+  customElement: 4
+}, Ct = {
+  name: "NcReferencePicker",
+  components: {
+    NcCustomPickerElement: qe,
+    NcProviderList: Ze,
+    NcRawLinkInput: tt,
+    NcSearch: Y
+  },
+  props: {
+    /**
+     * Provider to select on creation
+     * Default: null. Show the provider list
+     */
+    initialProvider: {
+      type: Object,
+      default: () => null
+    },
+    /**
+     * Optional width in pixels
+     * Default: 100%
+     */
+    width: {
+      type: Number,
+      default: null
+    },
+    /**
+     * Focus on the provider list select input on creation
+     * Default: true
+     */
+    focusOnCreate: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: [
+    "cancel",
+    "cancel-raw-link",
+    "cancel-search",
+    "provider-selected",
+    "submit"
+  ],
+  data() {
+    return {
+      MODES: _,
+      selectedProvider: this.initialProvider
+    };
+  },
+  computed: {
+    mode() {
+      return this.selectedProvider === null ? _.providerList : p.isCustomPickerElementRegistered(this.selectedProvider.id) ? _.customElement : this.selectedProvider.search_providers_ids ? _.searchInput : _.standardLinkInput;
+    },
+    pickerWrapperStyle() {
+      return {
+        width: this.width ? this.width + "px" : void 0
+      };
+    }
+  },
+  mounted() {
+    this.focusOnCreate && (this.initialProvider ? setTimeout(() => {
+      var e;
+      (e = this.$refs["url-input"]) == null || e.focus();
+    }, 300) : this.$nextTick(() => {
+      var e;
+      (e = this.$refs["provider-list"]) == null || e.focus();
+    }));
+  },
+  methods: {
+    onEscapePressed() {
+      this.selectedProvider !== null ? this.deselectProvider() : this.cancelProviderSelection();
+    },
+    onProviderSelected(e) {
+      this.selectedProvider = e, this.$emit("provider-selected", e), this.$nextTick(() => {
+        var r;
+        (r = this.$refs["url-input"]) == null || r.focus();
+      });
+    },
+    cancelCustomElement() {
+      this.deselectProvider();
+    },
+    cancelSearch() {
+      var e;
+      this.$emit("cancel-search", (e = this.selectedProvider) == null ? void 0 : e.title), this.deselectProvider();
+    },
+    cancelRawLinkInput() {
+      var e;
+      this.$emit("cancel-raw-link", (e = this.selectedProvider) == null ? void 0 : e.title), this.deselectProvider();
+    },
+    cancelProviderSelection() {
+      this.$emit("cancel");
+    },
+    submitLink(e) {
+      this.selectedProvider !== null && Ae(this.selectedProvider.id), this.$emit("submit", e), this.deselectProvider();
+    },
+    deselectProvider() {
+      this.selectedProvider = null, this.$emit("provider-selected", null), setTimeout(() => {
+        var e;
+        (e = this.$refs["provider-list"]) == null || e.focus();
+      }, 300);
+    }
+  }
+}, Pt = {
+  key: 3,
+  class: "custom-element-wrapper"
+};
+function Nt(e, r, n, i, c, o) {
+  const l = t.resolveComponent("NcProviderList"), a = t.resolveComponent("NcRawLinkInput"), s = t.resolveComponent("NcSearch"), d = t.resolveComponent("NcCustomPickerElement");
+  return t.openBlock(), t.createElementBlock("div", {
+    class: "reference-picker",
+    style: t.normalizeStyle(o.pickerWrapperStyle),
+    tabindex: "-1",
+    onKeydown: r[0] || (r[0] = t.withKeys(t.withModifiers((...m) => o.onEscapePressed && o.onEscapePressed(...m), ["stop", "prevent"]), ["esc"]))
+  }, [
+    o.mode === c.MODES.providerList ? (t.openBlock(), t.createBlock(l, {
+      key: 0,
+      ref: "provider-list",
+      onSelectProvider: o.onProviderSelected,
+      onSubmit: o.submitLink,
+      onCancel: o.cancelProviderSelection
+    }, null, 8, ["onSelectProvider", "onSubmit", "onCancel"])) : o.mode === c.MODES.standardLinkInput ? (t.openBlock(), t.createBlock(a, {
+      key: 1,
+      ref: "url-input",
+      provider: c.selectedProvider,
+      onSubmit: o.submitLink,
+      onCancel: o.cancelRawLinkInput
+    }, null, 8, ["provider", "onSubmit", "onCancel"])) : o.mode === c.MODES.searchInput ? (t.openBlock(), t.createBlock(s, {
+      key: 2,
+      ref: "url-input",
+      provider: c.selectedProvider,
+      onCancel: o.cancelSearch,
+      onSubmit: o.submitLink
+    }, null, 8, ["provider", "onCancel", "onSubmit"])) : o.mode === c.MODES.customElement ? (t.openBlock(), t.createElementBlock("div", Pt, [
+      t.createVNode(d, {
+        provider: c.selectedProvider,
+        onSubmit: o.submitLink,
+        onCancel: o.cancelCustomElement
+      }, null, 8, ["provider", "onSubmit", "onCancel"])
+    ])) : t.createCommentVNode("", !0)
+  ], 36);
+}
+const ee = /* @__PURE__ */ f._export_sfc(Ct, [["render", Nt], ["__scopeId", "data-v-12c38c93"]]);
+u.register(u.t11, u.t16);
+const St = {
+  name: "NcReferencePickerModal",
+  components: {
+    NcReferencePicker: ee,
+    NcModal: le,
+    NcButton: se.NcButton,
+    ArrowLeftIcon: ue.ArrowLeft,
+    CloseIcon: de.Close
+  },
+  props: {
+    /**
+     * Provider to select on creation
+     * Show the provider list if no initial one is provided
+     */
+    initialProvider: {
+      type: Object,
+      default: () => null
+    },
+    /**
+     * Focus on the input item on create
+     */
+    focusOnCreate: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * If true, add the modal content to the Viewer trap elements via the event-bus
+     */
+    isInsideViewer: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "cancel",
+    "submit"
+  ],
+  data() {
+    return {
+      show: !0,
+      selectedProvider: this.initialProvider,
+      backButtonTitle: u.t("Back to provider selection"),
+      closeButtonTitle: u.t("Close"),
+      closeButtonLabel: u.t("Close Smart Picker")
+    };
+  },
+  computed: {
+    isProviderSelected() {
+      return this.selectedProvider !== null;
+    },
+    showBackButton() {
+      return this.initialProvider === null && this.isProviderSelected;
+    },
+    modalSize() {
+      var e;
+      return this.isProviderSelected && p.isCustomPickerElementRegistered(this.selectedProvider.id) ? (e = p.getCustomPickerElementSize(this.selectedProvider.id)) != null ? e : "large" : "normal";
+    },
+    showModalName() {
+      return !this.isProviderSelected || !p.isCustomPickerElementRegistered(this.selectedProvider.id);
+    },
+    modalName() {
+      return this.isProviderSelected ? this.selectedProvider.title : u.t("Smart Picker");
+    }
+  },
+  mounted() {
+    if (this.isInsideViewer) {
+      const e = this.$refs.modal_content;
+      ae.emit("viewer:trapElements:changed", e);
+    }
+  },
+  methods: {
+    onCancel() {
+      this.show = !1, this.$emit("cancel");
+    },
+    onSubmit(e) {
+      this.show = !1, this.$emit("submit", e);
+    },
+    onProviderSelect(e) {
+      this.selectedProvider = e, e === null && this.initialProvider !== null && this.onCancel();
+    },
+    onBackClicked() {
+      this.$refs.referencePicker.deselectProvider();
+    }
+  }
+}, bt = {
+  ref: "modal_content",
+  class: "reference-picker-modal--content"
+}, Et = { key: 1 };
+function Bt(e, r, n, i, c, o) {
+  const l = t.resolveComponent("ArrowLeftIcon"), a = t.resolveComponent("NcButton"), s = t.resolveComponent("CloseIcon"), d = t.resolveComponent("NcReferencePicker"), m = t.resolveComponent("NcModal");
+  return c.show ? (t.openBlock(), t.createBlock(m, {
+    key: 0,
+    size: o.modalSize,
+    "can-close": !1,
+    class: "reference-picker-modal",
+    onClose: o.onCancel
+  }, {
+    default: t.withCtx(() => [
+      t.createElementVNode("div", bt, [
+        o.showBackButton ? (t.openBlock(), t.createBlock(a, {
+          key: 0,
+          "aria-label": c.backButtonTitle,
+          title: c.backButtonTitle,
+          class: "back-button",
+          onClick: o.onBackClicked
+        }, {
+          icon: t.withCtx(() => [
+            t.createVNode(l)
+          ]),
+          _: 1
+        }, 8, ["aria-label", "title", "onClick"])) : t.createCommentVNode("", !0),
+        t.createVNode(a, {
+          "aria-label": c.closeButtonLabel,
+          title: c.closeButtonTitle,
+          type: "tertiary",
+          class: "close-button",
+          onClick: o.onCancel
+        }, {
+          icon: t.withCtx(() => [
+            t.createVNode(s)
+          ]),
+          _: 1
+        }, 8, ["aria-label", "title", "onClick"]),
+        o.showModalName ? (t.openBlock(), t.createElementBlock("h2", Et, t.toDisplayString(o.modalName), 1)) : t.createCommentVNode("", !0),
+        t.createVNode(d, {
+          ref: "referencePicker",
+          "initial-provider": n.initialProvider,
+          "focus-on-create": n.focusOnCreate,
+          onProviderSelected: o.onProviderSelect,
+          onSubmit: o.onSubmit,
+          onCancel: o.onCancel
+        }, null, 8, ["initial-provider", "focus-on-create", "onProviderSelected", "onSubmit", "onCancel"])
+      ], 512)
+    ]),
+    _: 1
+  }, 8, ["size", "onClose"])) : t.createCommentVNode("", !0);
+}
+const te = /* @__PURE__ */ f._export_sfc(St, [["render", Bt], ["__scopeId", "data-v-b162e351"]]);
+async function wt(e = null, r = void 0) {
+  return await new Promise((n, i) => {
+    var s;
+    const c = "referencePickerModal", o = document.createElement("div");
+    o.id = c, document.body.append(o);
+    const l = e === null ? null : (s = Z(e)) != null ? s : null, a = t.createApp(te, {
+      initialProvider: l,
+      isInsideViewer: r,
+      onCancel() {
+        a.unmount(), i(new Error("User cancellation"));
+      },
+      onSubmit(d) {
+        a.unmount(), n(d);
+      }
+    });
+    a.mount(o);
+  });
+}
+exports.NcReferencePicker = ee;
+exports.NcReferencePickerModal = te;
+exports.NcReferenceWidget = G;
+exports.NcSearch = Y;
+exports.RouterLink = $;
+exports.URL_PATTERN = Ce;
+exports.anyLinkProviderId = N;
+exports.getLinkWithPicker = wt;
+exports.getProvider = Z;
+exports.getProviders = S;
+exports.getRoute = K;
+exports.parseUrl = H;
+exports.remarkAutolink = Ne;
+exports.searchProvider = J;
+exports.sortProviders = F;