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

package/dist/chunks/referencePickerModal-Fu9pQBdT.mjs

@@ -1,1129 +0,0 @@
-import "../assets/referencePickerModal-k5G-IS2z.css";
-import { openBlock as i, createElementBlock as c, createElementVNode as u, createCommentVNode as y, toDisplayString as g, normalizeStyle as O, mergeProps as D, resolveComponent as a, createVNode as h, withCtx as P, withKeys as M, createBlock as p, normalizeClass as N, createTextVNode as H, withModifiers as Q, createApp as G } from "vue";
-import { _ as w } from "./_plugin-vue_export-helper-hUChTQA_.mjs";
-import { r as S, O as F, a as v, P as K, Q as T, R as Z, u as J, S as X, H as Y, T as ee } from "./_l10n-uuAvfQgY.mjs";
-import R from "@nextcloud/axios";
-import { loadState as W } from "@nextcloud/initial-state";
-import { imagePath as te, generateOcsUrl as L } from "@nextcloud/router";
-import { N as x } from "./NcEmptyContent-Dvt4jhjb.mjs";
-import { _ as q } from "./NcHighlight-kWLldgWB.mjs";
-import { N as z } from "./NcSelect-HmmLuUCp.mjs";
-import { N as re } from "./NcLoadingIcon-DnhhU7Z8.mjs";
-import { N as ne } from "./NcTextField-qqwMB07_.mjs";
-import { D as se } from "./DotsHorizontal-JfmEIGBo.mjs";
-import { N as ie } from "./NcButton-YOXv3gFY.mjs";
-import oe from "../Components/NcModal.mjs";
-import { emit as ce } from "@nextcloud/event-bus";
-import { A as le } from "./ArrowLeft-uvAzhtxD.mjs";
-import { C as ae } from "./Close-hKJ11hky.mjs";
-window._vue_richtext_widgets || (window._vue_richtext_widgets = {});
-const de = (e) => !!window._vue_richtext_widgets[e], ue = (e, t, r = (o) => {
-}) => {
-  if (window._vue_richtext_widgets[e]) {
-    console.error("Widget for id " + e + " already registered");
-    return;
-  }
-  window._vue_richtext_widgets[e] = {
-    id: e,
-    callback: t,
-    onDestroy: r
-  };
-}, he = (e, { richObjectType: t, richObject: r, accessible: o, interactive: n }) => {
-  if (t !== "open-graph") {
-    if (!window._vue_richtext_widgets[t]) {
-      console.error("Widget for rich object type " + t + " not registered");
-      return;
-    }
-    window._vue_richtext_widgets[t].callback(e, { richObjectType: t, richObject: r, accessible: o, interactive: n });
-  }
-}, me = (e, t) => {
-  e !== "open-graph" && window._vue_richtext_widgets[e] && window._vue_richtext_widgets[e].onDestroy(t);
-};
-window._registerWidget = ue;
-const _e = {
-  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 : "";
-    }
-  },
-  mounted() {
-    this.renderWidget(), this.observer = new ResizeObserver((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;
-    }), this.observer.observe(this.$el);
-  },
-  beforeUnmount() {
-    this.observer.disconnect(), me(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(() => {
-        he(this.$refs.customWidget, this.reference);
-      });
-    }
-  }
-}, pe = {
-  key: 0,
-  class: "widget-custom"
-}, fe = { ref: "customWidget" }, ve = ["href"], ke = ["src"], ge = { class: "widget-default--details" }, ye = { class: "widget-default--name" }, Pe = { class: "widget-default--link" };
-function we(e, t, r, o, n, s) {
-  return i(), c("div", null, [
-    r.reference && s.hasCustomWidget ? (i(), c("div", pe, [
-      u("div", fe, null, 512)
-    ])) : !s.noAccess && r.reference && r.reference.openGraphObject && !s.hasCustomWidget ? (i(), c("a", {
-      key: 1,
-      href: r.reference.openGraphObject.link,
-      rel: "noopener noreferrer",
-      target: "_blank",
-      class: "widget-default"
-    }, [
-      r.reference.openGraphObject.thumb ? (i(), c("img", {
-        key: 0,
-        class: "widget-default--image",
-        src: r.reference.openGraphObject.thumb
-      }, null, 8, ke)) : y("", !0),
-      u("div", ge, [
-        u("p", ye, g(r.reference.openGraphObject.name), 1),
-        u("p", {
-          class: "widget-default--description",
-          style: O(s.descriptionStyle)
-        }, g(r.reference.openGraphObject.description), 5),
-        u("p", Pe, g(s.compactLink), 1)
-      ])
-    ], 8, ve)) : y("", !0)
-  ]);
-}
-const be = /* @__PURE__ */ w(_e, [["render", we], ["__scopeId", "data-v-6a943e4e"]]);
-window._vue_richtext_custom_picker_elements || (window._vue_richtext_custom_picker_elements = {});
-class Ft {
-  /**
-   * @param {HTMLElement} element The HTML element
-   * @param {object} object The object
-   */
-  constructor(t, r) {
-    this.element = t, this.object = r;
-  }
-}
-const C = (e) => !!window._vue_richtext_custom_picker_elements[e], Ce = (e) => {
-  var r;
-  const t = (r = window._vue_richtext_custom_picker_elements[e]) == null ? void 0 : r.size;
-  return ["small", "normal", "large", "full"].includes(t) ? t : null;
-}, Se = (e, t, r = (n) => {
-}, o = "large") => {
-  if (window._vue_richtext_custom_picker_elements[e]) {
-    console.error("Custom reference picker element for id " + e + " already registered");
-    return;
-  }
-  window._vue_richtext_custom_picker_elements[e] = {
-    id: e,
-    callback: t,
-    onDestroy: r,
-    size: o
-  };
-}, Ne = (e, { providerId: t, accessible: r }) => {
-  if (!window._vue_richtext_custom_picker_elements[t]) {
-    console.error("Custom reference picker element for reference provider ID " + t + " not registered");
-    return;
-  }
-  return window._vue_richtext_custom_picker_elements[t].callback(e, { providerId: t, accessible: r });
-}, Le = (e, t, r) => {
-  window._vue_richtext_custom_picker_elements[e] && window._vue_richtext_custom_picker_elements[e].onDestroy(t, r);
-};
-window._registerCustomPickerElement = Se;
-const Re = {
-  name: "NcCustomPickerElement",
-  props: {
-    /**
-     * The reference provider
-     */
-    provider: {
-      type: Object,
-      required: !0
-    }
-  },
-  emits: [
-    "cancel",
-    "submit"
-  ],
-  data() {
-    return {
-      isRegistered: C(this.provider.id),
-      renderResult: null
-    };
-  },
-  mounted() {
-    this.isRegistered && this.renderElement();
-  },
-  beforeUnmount() {
-    this.isRegistered && Le(this.provider.id, this.$el, this.renderResult);
-  },
-  methods: {
-    renderElement() {
-      this.$refs.domElement && (this.$refs.domElement.innerHTML = "");
-      const e = Ne(this.$refs.domElement, { providerId: this.provider.id, accessible: !1 });
-      Promise.resolve(e).then((t) => {
-        var r, o;
-        this.renderResult = t, (r = this.renderResult.object) != null && r._isVue && ((o = this.renderResult.object) != null && o.$on) && (this.renderResult.object.$on("submit", this.onSubmit), this.renderResult.object.$on("cancel", this.onCancel)), this.renderResult.element.addEventListener("submit", (n) => {
-          this.onSubmit(n.detail);
-        }), this.renderResult.element.addEventListener("cancel", this.onCancel);
-      });
-    },
-    onSubmit(e) {
-      this.$emit("submit", e);
-    },
-    onCancel() {
-      this.$emit("cancel");
-    }
-  }
-}, xe = { ref: "domElement" };
-function Ee(e, t, r, o, n, s) {
-  return i(), c("div", xe, null, 512);
-}
-const Ie = /* @__PURE__ */ w(Re, [["render", Ee], ["__scopeId", "data-v-d1a1cfc2"]]);
-S(F);
-const j = "any-link", U = {
-  id: j,
-  title: v("Any link"),
-  icon_url: te("core", "filetypes/link.svg")
-};
-window._vue_richtext_reference_providers || (window._vue_richtext_reference_providers = W("core", "reference-provider-list", []));
-window._vue_richtext_reference_provider_timestamps || (window._vue_richtext_reference_provider_timestamps = W("core", "reference-provider-timestamps", {}));
-function Be(e) {
-  return e === j ? U : $().find((t) => t.id === e);
-}
-function $() {
-  return window._vue_richtext_reference_providers.filter((e) => {
-    const t = !!e.search_providers_ids && e.search_providers_ids.length > 0 || C(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 Ve(e) {
-  const t = window._vue_richtext_reference_provider_timestamps;
-  return e.sort((r, o) => r.order === o.order ? 0 : r.order > o.order ? 1 : -1).sort((r, o) => {
-    const n = t[r.id], s = t[o.id];
-    return n === s ? 0 : s === void 0 ? -1 : n === void 0 ? 1 : n > s ? -1 : 1;
-  });
-}
-function Oe(e, t = null) {
-  const r = $(), o = e.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&"), n = new RegExp(o, "i"), l = Ve(r).filter((m) => m.title.match(n)), d = t ? l.slice(0, t) : l;
-  return (e === "" || d.length === 0) && d.push(U), d;
-}
-function Me(e) {
-  const t = Math.floor(Date.now() / 1e3), r = {
-    timestamp: t
-  }, o = L("references/provider/{providerId}", { providerId: e });
-  R.put(o, r).then((n) => {
-    window._vue_richtext_reference_provider_timestamps[e] = t;
-  });
-}
-let B = 0;
-function A(e, t) {
-  return function() {
-    const r = this, o = arguments;
-    clearTimeout(B), B = setTimeout(function() {
-      e.apply(r, o);
-    }, t || 0);
-  };
-}
-function E(e) {
-  try {
-    return !!new URL(e);
-  } catch {
-    return !1;
-  }
-}
-S(T, K);
-const Te = {
-  name: "LinkVariantIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-}, We = ["aria-hidden", "aria-label"], qe = ["fill", "width", "height"], ze = { d: "M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z" }, je = { key: 0 };
-function Ue(e, t, r, o, n, s) {
-  return i(), c("span", D(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))
-  }), [
-    (i(), c("svg", {
-      fill: r.fillColor,
-      class: "material-design-icon__svg",
-      width: r.size,
-      height: r.size,
-      viewBox: "0 0 24 24"
-    }, [
-      u("path", ze, [
-        r.title ? (i(), c("title", je, g(r.title), 1)) : y("", !0)
-      ])
-    ], 8, qe))
-  ], 16, We);
-}
-const I = /* @__PURE__ */ w(Te, [["render", Ue]]), $e = {
-  name: "NcProviderList",
-  components: {
-    NcSelect: z,
-    NcHighlight: q,
-    NcEmptyContent: x,
-    LinkVariantIcon: I
-  },
-  emits: [
-    "select-provider",
-    "submit"
-  ],
-  data() {
-    return {
-      selectedProvider: null,
-      query: "",
-      multiselectPlaceholder: v("Select provider"),
-      providerIconAlt: v("Provider icon")
-    };
-  },
-  computed: {
-    options() {
-      const e = [];
-      return this.query !== "" && E(this.query) && e.push({
-        id: this.query,
-        title: this.query,
-        isLink: !0
-      }), e.push(...Oe(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;
-    }
-  }
-}, Ae = { class: "provider-list" }, De = {
-  key: 0,
-  class: "provider"
-}, He = {
-  key: 1,
-  class: "provider"
-}, Qe = ["src", "alt"];
-function Ge(e, t, r, o, n, s) {
-  const l = a("LinkVariantIcon"), d = a("NcHighlight"), m = a("NcSelect"), k = a("NcEmptyContent");
-  return i(), c("div", Ae, [
-    h(m, {
-      ref: "provider-select",
-      modelValue: n.selectedProvider,
-      "onUpdate:modelValue": t[0] || (t[0] = (_) => n.selectedProvider = _),
-      class: "provider-list--select",
-      "input-id": "provider-select-input",
-      label: "title",
-      placeholder: n.multiselectPlaceholder,
-      options: s.options,
-      "append-to-body": !1,
-      "clear-search-on-select": !0,
-      "clear-search-on-blur": () => !1,
-      filterable: !1,
-      onSearch: s.onSearch,
-      onInput: s.onProviderSelected
-    }, {
-      option: P((_) => [
-        _.isLink ? (i(), c("div", De, [
-          h(l, {
-            class: "link-icon",
-            size: 20
-          }),
-          u("span", null, g(_.title), 1)
-        ])) : (i(), c("div", He, [
-          u("img", {
-            class: "provider-icon",
-            src: _.icon_url,
-            alt: n.providerIconAlt
-          }, null, 8, Qe),
-          h(d, {
-            class: "option-text",
-            search: n.query,
-            text: _.title
-          }, null, 8, ["search", "text"])
-        ]))
-      ]),
-      _: 1
-    }, 8, ["modelValue", "placeholder", "options", "onSearch", "onInput"]),
-    h(k, { class: "provider-list--empty-content" }, {
-      icon: P(() => [
-        h(l)
-      ]),
-      _: 1
-    })
-  ]);
-}
-const Fe = /* @__PURE__ */ w($e, [["render", Ge], ["__scopeId", "data-v-22ce9632"]]);
-S(Z);
-const Ke = {
-  name: "NcRawLinkInput",
-  components: {
-    LinkVariantIcon: I,
-    NcEmptyContent: x,
-    NcLoadingIcon: re,
-    NcReferenceWidget: be,
-    NcTextField: ne
-  },
-  props: {
-    /**
-     * The reference provider
-     */
-    provider: {
-      type: Object,
-      required: !0
-    }
-  },
-  emits: [
-    "submit"
-  ],
-  data() {
-    return {
-      inputValue: "",
-      loading: !1,
-      reference: null,
-      abortController: null,
-      inputPlaceholder: v("Enter link")
-    };
-  },
-  computed: {
-    isLinkValid() {
-      return E(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 && A(() => {
-        this.updateReference();
-      }, 500)();
-    },
-    updateReference() {
-      this.loading = !0, this.abortController = new AbortController(), R.get(L("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;
-      });
-    }
-  }
-}, Ze = { class: "raw-link" }, Je = { class: "input-wrapper" }, Xe = ["src"];
-function Ye(e, t, r, o, n, s) {
-  const l = a("NcLoadingIcon"), d = a("LinkVariantIcon"), m = a("NcTextField"), k = a("NcReferenceWidget"), _ = a("NcEmptyContent");
-  return i(), c("div", Ze, [
-    u("div", Je, [
-      h(m, {
-        ref: "url-input",
-        modelValue: n.inputValue,
-        "onUpdate:modelValue": [
-          t[0] || (t[0] = (f) => n.inputValue = f),
-          s.onInput
-        ],
-        "show-trailing-button": n.inputValue !== "",
-        label: n.inputPlaceholder,
-        onTrailingButtonClick: s.onClear,
-        onKeyup: M(s.onSubmit, ["enter"])
-      }, {
-        default: P(() => [
-          n.loading ? (i(), p(l, {
-            key: 0,
-            size: 16
-          })) : (i(), p(d, {
-            key: 1,
-            size: 16
-          }))
-        ]),
-        _: 1
-      }, 8, ["modelValue", "show-trailing-button", "label", "onTrailingButtonClick", "onUpdate:modelValue", "onKeyup"])
-    ]),
-    n.reference !== null ? (i(), p(k, {
-      key: 0,
-      class: "reference-widget",
-      reference: n.reference
-    }, null, 8, ["reference"])) : (i(), p(_, {
-      key: 1,
-      class: "raw-link--empty-content"
-    }, {
-      icon: P(() => [
-        r.provider.icon_url ? (i(), c("img", {
-          key: 0,
-          class: "provider-icon",
-          src: r.provider.icon_url
-        }, null, 8, Xe)) : (i(), p(d, { key: 1 }))
-      ]),
-      _: 1
-    }))
-  ]);
-}
-const et = /* @__PURE__ */ w(Ke, [["render", Ye], ["__scopeId", "data-v-5bc24564"]]), tt = {
-  name: "NcSearchResult",
-  components: {
-    NcHighlight: q
-  },
-  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
-    }
-  }
-}, rt = { class: "result" }, nt = ["src"], st = { class: "result--content" }, it = { class: "result--content--name" }, ot = { class: "result--content--subline" };
-function ct(e, t, r, o, n, s) {
-  const l = a("NcHighlight");
-  return i(), c("div", rt, [
-    r.entry.icon ? (i(), c("div", {
-      key: 0,
-      class: N([{ [r.entry.icon]: !0, rounded: r.entry.rounded }, "result--icon-class"])
-    }, null, 2)) : (i(), c("img", {
-      key: 1,
-      class: N(["result--image", { rounded: r.entry.rounded }]),
-      src: r.entry.thumbnailUrl
-    }, null, 10, nt)),
-    u("div", st, [
-      u("span", it, [
-        h(l, {
-          search: r.query,
-          text: r.entry.title
-        }, null, 8, ["search", "text"])
-      ]),
-      u("span", ot, [
-        h(l, {
-          search: r.query,
-          text: r.entry.subline
-        }, null, 8, ["search", "text"])
-      ])
-    ])
-  ]);
-}
-const lt = /* @__PURE__ */ w(tt, [["render", ct], ["__scopeId", "data-v-7a394a58"]]);
-S(X, T, J);
-const V = 5, at = {
-  name: "NcSearch",
-  components: {
-    LinkVariantIcon: I,
-    DotsHorizontalIcon: se,
-    NcEmptyContent: x,
-    NcSelect: z,
-    NcSearchResult: lt
-  },
-  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: v("Start typing to search"),
-      providerIconAlt: v("Provider icon")
-    };
-  },
-  computed: {
-    mySearchPlaceholder() {
-      return this.searchPlaceholder || v("Search");
-    },
-    searchProviderIds() {
-      return this.provider.search_providers_ids;
-    },
-    options() {
-      if (this.searchQuery === "")
-        return [];
-      const e = [];
-      return E(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((o, n) => ({
-            id: "provider-" + t + "-entry-" + n,
-            ...o
-          }));
-          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: v,
-    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, A(() => {
-        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, o;
-      this.abortController = new AbortController(), this.searching = !0;
-      const t = e === null ? [...this.searchProviderIds].map((n) => this.searchOneProvider(n)) : [this.searchOneProvider(e, (o = (r = this.resultsBySearchProvider[e]) == null ? void 0 : r.cursor) != null ? o : null)];
-      return Promise.allSettled(t).then((n) => {
-        !!n.find((l) => l.status === "rejected" && (l.reason.name === "CanceledError" || l.reason.code === "ERR_CANCELED")) || (this.searching = !1, this.searchingMoreOf = null);
-      });
-    },
-    searchOneProvider(e, t = null) {
-      const r = t === null ? L("search/providers/{providerId}/search?term={term}&limit={limit}", { providerId: e, term: this.searchQuery, limit: V }) : L("search/providers/{providerId}/search?term={term}&limit={limit}&cursor={cursor}", { providerId: e, term: this.searchQuery, limit: V, cursor: t });
-      return R.get(r, {
-        signal: this.abortController.signal
-      }).then((o) => {
-        const n = o.data.ocs.data;
-        this.resultsBySearchProvider[e].name = n.name, this.resultsBySearchProvider[e].cursor = n.cursor, this.resultsBySearchProvider[e].isPaginated = n.isPaginated, this.resultsBySearchProvider[e].entries.push(...n.entries);
-      });
-    }
-  }
-}, dt = {
-  key: 0,
-  class: "custom-option"
-}, ut = { class: "option-text" }, ht = {
-  key: 2,
-  class: "custom-option group-name"
-}, mt = ["src"], _t = { class: "option-text" }, pt = {
-  key: 3,
-  class: /* @__PURE__ */ N({ "custom-option": !0 })
-}, ft = {
-  key: 0,
-  class: "option-simple-icon icon-loading-small"
-}, vt = { class: "option-text" }, kt = ["alt", "src"];
-function gt(e, t, r, o, n, s) {
-  const l = a("LinkVariantIcon"), d = a("NcSearchResult"), m = a("DotsHorizontalIcon"), k = a("NcSelect"), _ = a("NcEmptyContent");
-  return i(), c("div", {
-    class: N(["smart-picker-search", { "with-empty-content": r.showEmptyContent }])
-  }, [
-    h(k, {
-      ref: "search-select",
-      modelValue: n.selectedResult,
-      "onUpdate:modelValue": t[0] || (t[0] = (f) => n.selectedResult = f),
-      class: "smart-picker-search--select",
-      "input-id": "search-select-input",
-      label: "name",
-      placeholder: s.mySearchPlaceholder,
-      options: s.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: n.searching,
-      onSearch: s.onSearchInput,
-      onInput: s.onSelectResultSelected
-    }, {
-      option: P((f) => [
-        f.isRawLink ? (i(), c("div", dt, [
-          h(l, {
-            class: "option-simple-icon",
-            size: 20
-          }),
-          u("span", ut, g(s.t("Raw link {options}", { options: f.resourceUrl })), 1)
-        ])) : f.resourceUrl ? (i(), p(d, {
-          key: 1,
-          class: "search-result",
-          entry: f,
-          query: n.searchQuery
-        }, null, 8, ["entry", "query"])) : f.isCustomGroupTitle ? (i(), c("span", ht, [
-          r.provider.icon_url ? (i(), c("img", {
-            key: 0,
-            class: "provider-icon group-name-icon",
-            src: r.provider.icon_url
-          }, null, 8, mt)) : y("", !0),
-          u("span", _t, [
-            u("strong", null, g(f.name), 1)
-          ])
-        ])) : f.isMore ? (i(), c("span", pt, [
-          f.isLoading ? (i(), c("span", ft)) : (i(), p(m, {
-            key: 1,
-            class: "option-simple-icon",
-            size: 20
-          })),
-          u("span", vt, g(s.t('Load more "{options}"', { options: f.name })), 1)
-        ])) : y("", !0)
-      ]),
-      "no-options": P(() => [
-        H(g(n.noOptionsText), 1)
-      ]),
-      _: 1
-    }, 8, ["modelValue", "placeholder", "options", "loading", "onSearch", "onInput"]),
-    r.showEmptyContent ? (i(), p(_, {
-      key: 0,
-      class: "smart-picker-search--empty-content"
-    }, {
-      icon: P(() => [
-        r.provider.icon_url ? (i(), c("img", {
-          key: 0,
-          class: "provider-icon",
-          alt: n.providerIconAlt,
-          src: r.provider.icon_url
-        }, null, 8, kt)) : (i(), p(l, { key: 1 }))
-      ]),
-      _: 1
-    })) : y("", !0)
-  ], 2);
-}
-const yt = /* @__PURE__ */ w(at, [["render", gt], ["__scopeId", "data-v-4655703c"]]), b = {
-  providerList: 1,
-  standardLinkInput: 2,
-  searchInput: 3,
-  customElement: 4
-}, Pt = {
-  name: "NcReferencePicker",
-  components: {
-    NcCustomPickerElement: Ie,
-    NcProviderList: Fe,
-    NcRawLinkInput: et,
-    NcSearch: yt
-  },
-  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: b,
-      selectedProvider: this.initialProvider
-    };
-  },
-  computed: {
-    mode() {
-      return this.selectedProvider === null ? b.providerList : C(this.selectedProvider.id) ? b.customElement : this.selectedProvider.search_providers_ids ? b.searchInput : b.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 && Me(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);
-    }
-  }
-}, wt = {
-  key: 3,
-  class: "custom-element-wrapper"
-};
-function bt(e, t, r, o, n, s) {
-  const l = a("NcProviderList"), d = a("NcRawLinkInput"), m = a("NcSearch"), k = a("NcCustomPickerElement");
-  return i(), c("div", {
-    class: "reference-picker",
-    style: O(s.pickerWrapperStyle),
-    tabindex: "-1",
-    onKeydown: t[0] || (t[0] = M(Q((..._) => s.onEscapePressed && s.onEscapePressed(..._), ["stop", "prevent"]), ["esc"]))
-  }, [
-    s.mode === n.MODES.providerList ? (i(), p(l, {
-      key: 0,
-      ref: "provider-list",
-      onSelectProvider: s.onProviderSelected,
-      onSubmit: s.submitLink,
-      onCancel: s.cancelProviderSelection
-    }, null, 8, ["onSelectProvider", "onSubmit", "onCancel"])) : s.mode === n.MODES.standardLinkInput ? (i(), p(d, {
-      key: 1,
-      ref: "url-input",
-      provider: n.selectedProvider,
-      onSubmit: s.submitLink,
-      onCancel: s.cancelRawLinkInput
-    }, null, 8, ["provider", "onSubmit", "onCancel"])) : s.mode === n.MODES.searchInput ? (i(), p(m, {
-      key: 2,
-      ref: "url-input",
-      provider: n.selectedProvider,
-      onCancel: s.cancelSearch,
-      onSubmit: s.submitLink
-    }, null, 8, ["provider", "onCancel", "onSubmit"])) : s.mode === n.MODES.customElement ? (i(), c("div", wt, [
-      h(k, {
-        provider: n.selectedProvider,
-        onSubmit: s.submitLink,
-        onCancel: s.cancelCustomElement
-      }, null, 8, ["provider", "onSubmit", "onCancel"])
-    ])) : y("", !0)
-  ], 36);
-}
-const Ct = /* @__PURE__ */ w(Pt, [["render", bt], ["__scopeId", "data-v-aa77d0d3"]]);
-S(ee, Y);
-const St = {
-  name: "NcReferencePickerModal",
-  components: {
-    NcReferencePicker: Ct,
-    NcModal: oe,
-    NcButton: ie,
-    ArrowLeftIcon: le,
-    CloseIcon: ae
-  },
-  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: v("Back to provider selection"),
-      closeButtonTitle: v("Close"),
-      closeButtonLabel: v("Close Smart Picker")
-    };
-  },
-  computed: {
-    isProviderSelected() {
-      return this.selectedProvider !== null;
-    },
-    showBackButton() {
-      return this.initialProvider === null && this.isProviderSelected;
-    },
-    modalSize() {
-      var e;
-      return this.isProviderSelected && C(this.selectedProvider.id) ? (e = Ce(this.selectedProvider.id)) != null ? e : "large" : "normal";
-    },
-    showModalName() {
-      return !this.isProviderSelected || !C(this.selectedProvider.id);
-    },
-    modalName() {
-      return this.isProviderSelected ? this.selectedProvider.title : v("Smart Picker");
-    }
-  },
-  mounted() {
-    if (this.isInsideViewer) {
-      const e = this.$refs.modal_content;
-      ce("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();
-    }
-  }
-}, Nt = {
-  ref: "modal_content",
-  class: "reference-picker-modal--content"
-}, Lt = { key: 1 };
-function Rt(e, t, r, o, n, s) {
-  const l = a("ArrowLeftIcon"), d = a("NcButton"), m = a("CloseIcon"), k = a("NcReferencePicker"), _ = a("NcModal");
-  return n.show ? (i(), p(_, {
-    key: 0,
-    size: s.modalSize,
-    "can-close": !1,
-    class: "reference-picker-modal",
-    onClose: s.onCancel
-  }, {
-    default: P(() => [
-      u("div", Nt, [
-        s.showBackButton ? (i(), p(d, {
-          key: 0,
-          "aria-label": n.backButtonTitle,
-          title: n.backButtonTitle,
-          class: "back-button",
-          onClick: s.onBackClicked
-        }, {
-          icon: P(() => [
-            h(l)
-          ]),
-          _: 1
-        }, 8, ["aria-label", "title", "onClick"])) : y("", !0),
-        h(d, {
-          "aria-label": n.closeButtonLabel,
-          title: n.closeButtonTitle,
-          type: "tertiary",
-          class: "close-button",
-          onClick: s.onCancel
-        }, {
-          icon: P(() => [
-            h(m)
-          ]),
-          _: 1
-        }, 8, ["aria-label", "title", "onClick"]),
-        s.showModalName ? (i(), c("h2", Lt, g(s.modalName), 1)) : y("", !0),
-        h(k, {
-          ref: "referencePicker",
-          "initial-provider": r.initialProvider,
-          "focus-on-create": r.focusOnCreate,
-          onProviderSelected: s.onProviderSelect,
-          onSubmit: s.onSubmit,
-          onCancel: s.onCancel
-        }, null, 8, ["initial-provider", "focus-on-create", "onProviderSelected", "onSubmit", "onCancel"])
-      ], 512)
-    ]),
-    _: 1
-  }, 8, ["size", "onClose"])) : y("", !0);
-}
-const xt = /* @__PURE__ */ w(St, [["render", Rt], ["__scopeId", "data-v-ec2bf1ea"]]);
-async function Kt(e = null, t = void 0) {
-  return await new Promise((r, o) => {
-    var m;
-    const n = "referencePickerModal", s = document.createElement("div");
-    s.id = n, document.body.append(s);
-    const l = e === null ? null : (m = Be(e)) != null ? m : null, d = G(xt, {
-      initialProvider: l,
-      isInsideViewer: t,
-      onCancel() {
-        d.unmount(), o(new Error("User cancellation"));
-      },
-      onSubmit(k) {
-        d.unmount(), r(k);
-      }
-    });
-    d.mount(s);
-  });
-}
-export {
-  be as N,
-  Ct as a,
-  xt as b,
-  yt as c,
-  he as d,
-  Ft as e,
-  Se as f,
-  Ne as g,
-  C as h,
-  de as i,
-  Kt as j,
-  j as k,
-  Be as l,
-  $ as m,
-  Oe as n,
-  ue as r,
-  Ve as s
-};