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

package/dist/chunks/referencePickerModal-CpPoSMom.mjs

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