@nextcloud/vue 8.4.0 → 9.0.0-alpha.0

package/dist/chunks/referencePickerModal-gCkuVbeM.cjs

@@ -0,0 +1,1096 @@
+var at = require("../assets/referencePickerModal-G-NTZHL1.css");
+const e = require("vue"), p = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"), s = require("./_l10n-wK0o0jNS.cjs"), $ = require("@nextcloud/axios"), b = require("@nextcloud/initial-state"), v = require("@nextcloud/router"), k = require("./NcEmptyContent-M3ClqFZe.cjs"), B = require("./NcHighlight-cBMxLCnf.cjs"), E = require("./NcSelect-9cM-OGdn.cjs"), A = require("./NcLoadingIcon-Fwid-wWE.cjs"), H = require("./NcTextField-bz_keSKF.cjs"), Q = require("./DotsHorizontal-Ehuu1q0g.cjs"), G = require("./NcButton-Uxh-oARg.cjs"), F = require("../Components/NcModal.cjs"), K = require("@nextcloud/event-bus"), Z = require("./ArrowLeft-4DZMGcXE.cjs"), J = require("./Close-2nENZfbn.cjs"), X = (t) => t && t.__esModule ? t : { default: t }, g = /* @__PURE__ */ X($);
+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 }) => {
+  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 });
+  }
+}, 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() {
+      this.$refs.customWidget && (this.$refs.customWidget.innerHTML = ""), this?.reference?.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, i, o) {
+  return e.openBlock(), e.createElementBlock("div", null, [
+    n.reference && o.hasCustomWidget ? (e.openBlock(), e.createElementBlock("div", te, [
+      e.createElementVNode("div", re, null, 512)
+    ])) : !o.noAccess && n.reference && n.reference.openGraphObject && !o.hasCustomWidget ? (e.openBlock(), e.createElementBlock("a", {
+      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(o.descriptionStyle)
+        }, e.toDisplayString(n.reference.openGraphObject.description), 5),
+        e.createElementVNode("p", se, e.toDisplayString(o.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) => {
+  const r = window._vue_richtext_custom_picker_elements[t]?.size;
+  return ["small", "normal", "large", "full"].includes(r) ? r : null;
+}, I = (t, r, n = (i) => {
+}, 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) => {
+        this.renderResult = r, this.renderResult.object?._isVue && this.renderResult.object?.$on && (this.renderResult.object.$on("submit", this.onSubmit), this.renderResult.object.$on("cancel", this.onCancel)), this.renderResult.element.addEventListener("submit", (n) => {
+          this.onSubmit(n.detail);
+        }), 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, i, o) {
+  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 i = r[n.id], o = r[c.id];
+    return i === o ? 0 : o === void 0 ? -1 : i === void 0 ? 1 : i > o ? -1 : 1;
+  });
+}
+function T(t, r = null) {
+  const n = y(), c = t.replace(/[/\-\\^$*+?.()|[\]{}]/g, "\\$&"), i = new RegExp(c, "i"), l = W(n).filter((u) => u.title.match(i)), a = r ? l.slice(0, r) : l;
+  return (t === "" || a.length === 0) && a.push(O), a;
+}
+function fe(t) {
+  const r = Math.floor(Date.now() / 1e3), n = {
+    timestamp: r
+  }, c = v.generateOcsUrl("references/provider/{providerId}", { providerId: t });
+  g.default.put(c, n).then((i) => {
+    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, i, o) {
+  return e.openBlock(), e.createElementBlock("span", e.mergeProps(t.$attrs, {
+    "aria-hidden": !n.title,
+    "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(() => {
+        this.$refs["provider-select"]?.$el?.querySelector("#provider-select-input")?.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, i, o) {
+  const l = e.resolveComponent("LinkVariantIcon"), a = e.resolveComponent("NcHighlight"), u = e.resolveComponent("NcSelect"), m = e.resolveComponent("NcEmptyContent");
+  return e.openBlock(), e.createElementBlock("div", Ne, [
+    e.createVNode(u, {
+      ref: "provider-select",
+      modelValue: i.selectedProvider,
+      "onUpdate:modelValue": r[0] || (r[0] = (d) => i.selectedProvider = d),
+      class: "provider-list--select",
+      "input-id": "provider-select-input",
+      label: "title",
+      placeholder: i.multiselectPlaceholder,
+      options: o.options,
+      "append-to-body": !1,
+      "clear-search-on-select": !0,
+      "clear-search-on-blur": () => !1,
+      filterable: !1,
+      onSearch: o.onSearch,
+      onInput: o.onProviderSelected
+    }, {
+      option: e.withCtx((d) => [
+        d.isLink ? (e.openBlock(), e.createElementBlock("div", Se, [
+          e.createVNode(l, {
+            class: "link-icon",
+            size: 20
+          }),
+          e.createElementVNode("span", null, e.toDisplayString(d.title), 1)
+        ])) : (e.openBlock(), e.createElementBlock("div", be, [
+          e.createElementVNode("img", {
+            class: "provider-icon",
+            src: d.icon_url,
+            alt: i.providerIconAlt
+          }, null, 8, Be),
+          e.createVNode(a, {
+            class: "option-text",
+            search: i.query,
+            text: d.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() {
+      this.$refs["url-input"].$el.getElementsByTagName("input")[0]?.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, i, o) {
+  const l = e.resolveComponent("NcLoadingIcon"), a = e.resolveComponent("LinkVariantIcon"), u = e.resolveComponent("NcTextField"), m = e.resolveComponent("NcReferenceWidget"), d = e.resolveComponent("NcEmptyContent");
+  return e.openBlock(), e.createElementBlock("div", Ve, [
+    e.createElementVNode("div", Re, [
+      e.createVNode(u, {
+        ref: "url-input",
+        modelValue: i.inputValue,
+        "onUpdate:modelValue": [
+          r[0] || (r[0] = (h) => i.inputValue = h),
+          o.onInput
+        ],
+        "show-trailing-button": i.inputValue !== "",
+        label: i.inputPlaceholder,
+        onTrailingButtonClick: o.onClear,
+        onKeyup: e.withKeys(o.onSubmit, ["enter"])
+      }, {
+        default: e.withCtx(() => [
+          i.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"])
+    ]),
+    i.reference !== null ? (e.openBlock(), e.createBlock(m, {
+      key: 0,
+      class: "reference-widget",
+      reference: i.reference
+    }, null, 8, ["reference"])) : (e.openBlock(), e.createBlock(d, {
+      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, i, o) {
+  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, i) => ({
+            id: "provider-" + r + "-entry-" + i,
+            ...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(() => {
+        this.$refs["search-select"]?.$el?.querySelector("#search-select-input")?.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) {
+      this.abortController = new AbortController(), this.searching = !0;
+      const r = t === null ? [...this.searchProviderIds].map((n) => this.searchOneProvider(n)) : [this.searchOneProvider(t, this.resultsBySearchProvider[t]?.cursor ?? null)];
+      return Promise.allSettled(r).then((n) => {
+        !!n.find((i) => i.status === "rejected" && (i.reason.name === "CanceledError" || i.reason.code === "ERR_CANCELED")) || (this.searching = !1, this.searchingMoreOf = null);
+      });
+    },
+    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 i = c.data.ocs.data;
+        this.resultsBySearchProvider[t].name = i.name, this.resultsBySearchProvider[t].cursor = i.cursor, this.resultsBySearchProvider[t].isPaginated = i.isPaginated, this.resultsBySearchProvider[t].entries.push(...i.entries);
+      });
+    }
+  }
+}, 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, i, o) {
+  const l = e.resolveComponent("LinkVariantIcon"), a = e.resolveComponent("NcSearchResult"), u = e.resolveComponent("DotsHorizontalIcon"), m = e.resolveComponent("NcSelect"), d = e.resolveComponent("NcEmptyContent");
+  return e.openBlock(), e.createElementBlock("div", {
+    class: e.normalizeClass(["smart-picker-search", { "with-empty-content": n.showEmptyContent }])
+  }, [
+    e.createVNode(m, {
+      ref: "search-select",
+      modelValue: i.selectedResult,
+      "onUpdate:modelValue": r[0] || (r[0] = (h) => i.selectedResult = h),
+      class: "smart-picker-search--select",
+      "input-id": "search-select-input",
+      label: "name",
+      placeholder: o.mySearchPlaceholder,
+      options: o.options,
+      "append-to-body": !1,
+      "close-on-select": !1,
+      "clear-search-on-select": !1,
+      "clear-search-on-blur": () => !1,
+      "reset-focus-on-options-change": !1,
+      filterable: !1,
+      autoscroll: !0,
+      "reset-on-options-change": !1,
+      loading: i.searching,
+      onSearch: o.onSearchInput,
+      onInput: o.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(o.t("Raw link {options}", { options: h.resourceUrl })), 1)
+        ])) : h.resourceUrl ? (e.openBlock(), e.createBlock(a, {
+          key: 1,
+          class: "search-result",
+          entry: h,
+          query: i.searchQuery
+        }, 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(u, {
+            key: 1,
+            class: "option-simple-icon",
+            size: 20
+          })),
+          e.createElementVNode("span", Xe, e.toDisplayString(o.t('Load more "{options}"', { options: h.name })), 1)
+        ])) : e.createCommentVNode("", !0)
+      ]),
+      "no-options": e.withCtx(() => [
+        e.createTextVNode(e.toDisplayString(i.noOptionsText), 1)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "placeholder", "options", "loading", "onSearch", "onInput"]),
+    n.showEmptyContent ? (e.openBlock(), e.createBlock(d, {
+      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: i.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(() => {
+      this.$refs["url-input"]?.focus();
+    }, 300) : this.$nextTick(() => {
+      this.$refs["provider-list"]?.focus();
+    }));
+  },
+  methods: {
+    onEscapePressed() {
+      this.selectedProvider !== null ? this.deselectProvider() : this.cancelProviderSelection();
+    },
+    onProviderSelected(t) {
+      this.selectedProvider = t, this.$emit("provider-selected", t), this.$nextTick(() => {
+        this.$refs["url-input"]?.focus();
+      });
+    },
+    cancelCustomElement() {
+      this.deselectProvider();
+    },
+    cancelSearch() {
+      this.$emit("cancel-search", this.selectedProvider?.title), this.deselectProvider();
+    },
+    cancelRawLinkInput() {
+      this.$emit("cancel-raw-link", this.selectedProvider?.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(() => {
+        this.$refs["provider-list"]?.focus();
+      }, 300);
+    }
+  }
+}, rt = {
+  key: 3,
+  class: "custom-element-wrapper"
+};
+function nt(t, r, n, c, i, o) {
+  const l = e.resolveComponent("NcProviderList"), a = e.resolveComponent("NcRawLinkInput"), u = e.resolveComponent("NcSearch"), m = e.resolveComponent("NcCustomPickerElement");
+  return e.openBlock(), e.createElementBlock("div", {
+    class: "reference-picker",
+    style: e.normalizeStyle(o.pickerWrapperStyle),
+    tabindex: "-1",
+    onKeydown: r[0] || (r[0] = e.withKeys(e.withModifiers((...d) => o.onEscapePressed && o.onEscapePressed(...d), ["stop", "prevent"]), ["esc"]))
+  }, [
+    o.mode === i.MODES.providerList ? (e.openBlock(), e.createBlock(l, {
+      key: 0,
+      ref: "provider-list",
+      onSelectProvider: o.onProviderSelected,
+      onSubmit: o.submitLink,
+      onCancel: o.cancelProviderSelection
+    }, null, 8, ["onSelectProvider", "onSubmit", "onCancel"])) : o.mode === i.MODES.standardLinkInput ? (e.openBlock(), e.createBlock(a, {
+      key: 1,
+      ref: "url-input",
+      provider: i.selectedProvider,
+      onSubmit: o.submitLink,
+      onCancel: o.cancelRawLinkInput
+    }, null, 8, ["provider", "onSubmit", "onCancel"])) : o.mode === i.MODES.searchInput ? (e.openBlock(), e.createBlock(u, {
+      key: 2,
+      ref: "url-input",
+      provider: i.selectedProvider,
+      onCancel: o.cancelSearch,
+      onSubmit: o.submitLink
+    }, null, 8, ["provider", "onCancel", "onSubmit"])) : o.mode === i.MODES.customElement ? (e.openBlock(), e.createElementBlock("div", rt, [
+      e.createVNode(m, {
+        provider: i.selectedProvider,
+        onSubmit: o.submitLink,
+        onCancel: o.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() {
+      return this.isProviderSelected && _(this.selectedProvider.id) ? de(this.selectedProvider.id) ?? "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, i, o) {
+  const l = e.resolveComponent("ArrowLeftIcon"), a = e.resolveComponent("NcButton"), u = e.resolveComponent("CloseIcon"), m = e.resolveComponent("NcReferencePicker"), d = e.resolveComponent("NcModal");
+  return i.show ? (e.openBlock(), e.createBlock(d, {
+    key: 0,
+    size: o.modalSize,
+    "can-close": !1,
+    class: "reference-picker-modal",
+    onClose: o.onCancel
+  }, {
+    default: e.withCtx(() => [
+      e.createElementVNode("div", it, [
+        o.showBackButton ? (e.openBlock(), e.createBlock(a, {
+          key: 0,
+          "aria-label": i.backButtonTitle,
+          title: i.backButtonTitle,
+          class: "back-button",
+          onClick: o.onBackClicked
+        }, {
+          icon: e.withCtx(() => [
+            e.createVNode(l)
+          ]),
+          _: 1
+        }, 8, ["aria-label", "title", "onClick"])) : e.createCommentVNode("", !0),
+        e.createVNode(a, {
+          "aria-label": i.closeButtonLabel,
+          title: i.closeButtonTitle,
+          type: "tertiary",
+          class: "close-button",
+          onClick: o.onCancel
+        }, {
+          icon: e.withCtx(() => [
+            e.createVNode(u)
+          ]),
+          _: 1
+        }, 8, ["aria-label", "title", "onClick"]),
+        o.showModalName ? (e.openBlock(), e.createElementBlock("h2", ct, e.toDisplayString(o.modalName), 1)) : e.createCommentVNode("", !0),
+        e.createVNode(m, {
+          ref: "referencePicker",
+          "initial-provider": n.initialProvider,
+          "focus-on-create": n.focusOnCreate,
+          onProviderSelected: o.onProviderSelect,
+          onSubmit: o.onSubmit,
+          onCancel: o.onCancel
+        }, 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) => {
+    const i = "referencePickerModal", o = document.createElement("div");
+    o.id = i, document.body.append(o);
+    const l = t === null ? null : M(t) ?? null, a = e.createApp(j, {
+      initialProvider: l,
+      isInsideViewer: r,
+      onCancel() {
+        a.unmount(), c(new Error("User cancellation"));
+      },
+      onSubmit(u) {
+        a.unmount(), n(u);
+      }
+    });
+    a.mount(o);
+  });
+}
+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;