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

package/dist/chunks/referencePickerModal-JVKOIVTG.cjs

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