@nextcloud/vue 8.8.0 → 8.9.0

package/dist/chunks/NcRelatedResourcesPanel-LTNqJecS.mjs

@@ -0,0 +1,381 @@
+import '../assets/NcRelatedResourcesPanel-COW9gzml.css';
+import c from "@nextcloud/axios";
+import { generateOcsUrl as u } from "@nextcloud/router";
+import { n as l } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
+import { C as p } from "./ChevronDown-HHJdUMN4.mjs";
+import { C as m } from "./ChevronUp-B6TIgl1a.mjs";
+import d from "../Components/NcButton.mjs";
+import { N as _ } from "./NcIconSvgWrapper-BTdzvQGV.mjs";
+import { r as o, M as f, a as n, N as h, O as v } from "./_l10n-D8Scz3mH.mjs";
+import { g } from "./autolink-BtgUDDdk.mjs";
+const y = {
+  name: "AccountGroupIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+};
+var C = function() {
+  var e = this, t = e._self._c;
+  return t("span", e._b({ staticClass: "material-design-icon account-group-icon", attrs: { "aria-hidden": e.title ? null : !0, "aria-label": e.title, role: "img" }, on: { click: function(s) {
+    return e.$emit("click", s);
+  } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M12,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
+}, I = [], R = /* @__PURE__ */ l(
+  y,
+  C,
+  I,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const b = R.exports, N = {
+  name: "OpenInNewIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+};
+var $ = function() {
+  var e = this, t = e._self._c;
+  return t("span", e._b({ staticClass: "material-design-icon open-in-new-icon", attrs: { "aria-hidden": e.title ? null : !0, "aria-label": e.title, role: "img" }, on: { click: function(s) {
+    return e.$emit("click", s);
+  } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
+}, S = [], w = /* @__PURE__ */ l(
+  N,
+  $,
+  S,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const O = w.exports;
+o(f);
+const V = {
+  name: "NcTeamResources",
+  components: {
+    AccountGroup: b,
+    ChevronDown: p,
+    ChevronUp: m,
+    OpenInNew: O,
+    NcButton: d,
+    NcIconSvgWrapper: _
+  },
+  props: {
+    providerId: {
+      type: String,
+      default: null
+    },
+    itemId: {
+      type: [String, Number],
+      default: null
+    }
+  },
+  data() {
+    var r, e;
+    return {
+      appEnabled: ((r = OC == null ? void 0 : OC.appswebroots) == null ? void 0 : r.circles) !== void 0 && ((e = OC.config.version.split(".")[0]) != null ? e : 0) >= 29,
+      loading: !1,
+      teamResources: null,
+      teamOpen: []
+    };
+  },
+  computed: {
+    isVisible() {
+      var r;
+      return !this.loading && ((r = this.teamResources) == null ? void 0 : r.length) > 0;
+    },
+    teamProviders() {
+      return (r) => {
+        var t;
+        return (t = this.teamResources.find((s) => s.teamId === r).resources) == null ? void 0 : t.reduce((s, i) => (i.provider.id === this.providerId && i.id === String(this.itemId) || (s[i.provider.id] || (s[i.provider.id] = i.provider, s[i.provider.id].resources = []), i.provider.id === this.providerId && i.id === String(this.itemId)) || s[i.provider.id].resources.push(i), s), {});
+      };
+    },
+    open() {
+      return (r) => this.teamOpen.indexOf(r) !== -1;
+    }
+  },
+  watch: {
+    providerId() {
+      this.fetchTeamResources();
+    },
+    itemId() {
+      this.fetchTeamResources();
+    }
+  },
+  created() {
+    this.fetchTeamResources();
+  },
+  methods: {
+    t: n,
+    async fetchTeamResources() {
+      var r;
+      try {
+        this.loading = !0;
+        const e = await c.get(u("/teams/resources/".concat(this.providerId, "/").concat(this.itemId)));
+        this.teamResources = e.data.ocs.data.teams, this.teamOpen = [(r = this.teamResources[0]) == null ? void 0 : r.teamId];
+      } catch (e) {
+        this.teamResources = null, console.error(e);
+      } finally {
+        this.loading = !1;
+      }
+    },
+    toggleOpen(r, e) {
+      e ? this.teamOpen.push(r) : this.teamOpen.splice(this.teamOpen.indexOf(r), 1);
+    }
+  }
+};
+var k = function() {
+  var e = this, t = e._self._c;
+  return e.appEnabled && e.isVisible ? t("div", { staticClass: "team-resources" }, [t("h5", { staticClass: "team-resources__header" }, [e._v(" " + e._s(e.t("Related team resources")) + " ")]), e._l(e.teamResources, function(s) {
+    return t("details", { key: s.teamId, staticClass: "related-team", attrs: { name: "Team resources", open: e.open(s.teamId) }, on: { toggle: (i) => e.toggleOpen(s.teamId, i.target.open) } }, [t("summary", { staticClass: "related-team__header" }, [t("h5", { staticClass: "related-team__name" }, [t("AccountGroup", { attrs: { size: 20 } }), e._v(" " + e._s(s.displayName) + " ")], 1), t("NcButton", { attrs: { type: "tertiary", href: s.link, "aria-label": e.t("View team"), title: e.t("View team") }, scopedSlots: e._u([{ key: "icon", fn: function() {
+      return [t("OpenInNew", { attrs: { size: 20 } })];
+    }, proxy: !0 }], null, !0) }), e.open(s.teamId) ? t("ChevronUp", { attrs: { size: 20 } }) : t("ChevronDown", { attrs: { size: 20 } })], 1), t("div", e._l(e.teamProviders(s.teamId), function(i) {
+      return t("div", { key: i.id, staticClass: "related-team-provider" }, [i.resources.length > 0 ? t("h6", [e._v(" " + e._s(i.name) + " ")]) : e._e(), t("ul", e._l(i.resources, function(a) {
+        return t("li", { key: a.url, staticClass: "related-team-resource" }, [t("a", { staticClass: "related-team-resource__link", attrs: { href: a.url } }, [a.iconEmoji ? t("span", { staticClass: "resource__icon" }, [e._v(" " + e._s(a.iconEmoji) + " ")]) : a.iconSvg ? t("NcIconSvgWrapper", { staticClass: "resource__icon", attrs: { svg: a.iconSvg, size: 20 } }) : a.iconUrl ? t("span", { staticClass: "resource__icon" }, [t("img", { attrs: { src: a.iconURL, alt: "" } })]) : e._e(), t("span", { staticClass: "resource__name" }, [e._v(" " + e._s(a.label) + " ")])], 1)]);
+      }), 0)]);
+    }), 0)]);
+  })], 2) : e._e();
+}, T = [], A = /* @__PURE__ */ l(
+  V,
+  k,
+  T,
+  !1,
+  null,
+  "9e7f0c5b",
+  null,
+  null
+);
+const x = A.exports;
+o(h);
+const z = {
+  name: "NcResource",
+  components: {
+    NcButton: d
+  },
+  props: {
+    icon: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    url: {
+      type: String,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      labelTranslated: n('Open link to "{resourceName}"', { resourceName: this.name })
+    };
+  },
+  computed: {
+    route() {
+      return g(this.$router, this.url);
+    }
+  },
+  methods: {
+    t: n
+  }
+};
+var H = function() {
+  var e = this, t = e._self._c;
+  return t("li", { staticClass: "resource" }, [t("NcButton", { staticClass: "resource__button", attrs: { "aria-label": e.labelTranslated, type: "tertiary", to: e.route, href: e.route ? null : e.url }, scopedSlots: e._u([{ key: "icon", fn: function() {
+    return [t("div", { staticClass: "resource__icon" }, [t("img", { attrs: { src: e.icon } })])];
+  }, proxy: !0 }]) }, [e._v(" " + e._s(e.name) + " ")])], 1);
+}, M = [], E = /* @__PURE__ */ l(
+  z,
+  H,
+  M,
+  !1,
+  null,
+  "dd53e5b9",
+  null,
+  null
+);
+const B = E.exports;
+o(v);
+const F = {
+  name: "NcRelatedResourcesPanel",
+  components: {
+    NcResource: B,
+    NcTeamResources: x
+  },
+  props: {
+    /**
+     * The provider id implemented with `\OCA\RelatedResources\IRelatedResourceProvider::getProviderId()`
+     */
+    providerId: {
+      type: String,
+      default: null
+    },
+    /**
+     * The item id which uniquely identities the e.g. Calendar event, Deck board, file, Talk room, etc.
+     */
+    itemId: {
+      type: [String, Number],
+      default: null
+    },
+    /**
+     * Limits to specific resource type. i.e. any provider id implemented with `\OCA\RelatedResources\IRelatedResourceProvider::getProviderId()`
+     */
+    resourceType: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Set the maximum number of resources to load
+     */
+    limit: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * Only used by the files sidebar
+     *
+     * File info is passed when registered with `OCA.Sharing.ShareTabSections.registerSection()`
+     */
+    fileInfo: {
+      type: Object,
+      default: null
+    },
+    /**
+     * Make the header name dynamic
+     */
+    header: {
+      type: String,
+      default: n("Related resources")
+    },
+    description: {
+      type: String,
+      default: n("Anything shared with the same group of people will show up here")
+    },
+    /**
+     * If this element is used on a primary element set to true for primary styling.
+     */
+    primary: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "has-error",
+    "has-resources"
+  ],
+  data() {
+    var r;
+    return {
+      appEnabled: ((r = OC == null ? void 0 : OC.appswebroots) == null ? void 0 : r.related_resources) !== void 0,
+      loading: !1,
+      error: null,
+      resources: []
+    };
+  },
+  computed: {
+    isVisible() {
+      var r;
+      return this.loading ? !1 : (r = this.error) != null ? r : this.resources.length > 0;
+    },
+    subline() {
+      return this.error ? n("Error getting related resources. Please contact your system administrator if you have any questions.") : this.description;
+    },
+    hasResourceInfo() {
+      return this.providerId !== null && this.itemId !== null || this.fileInfo !== null;
+    },
+    isFiles() {
+      var r;
+      return ((r = this.fileInfo) == null ? void 0 : r.id) !== void 0;
+    },
+    url() {
+      let r = null, e = null;
+      return this.isFiles ? (r = "files", e = this.fileInfo.id) : (r = this.providerId, e = this.itemId), u("/apps/related_resources/related/{providerId}?itemId={itemId}&resourceType={resourceType}&limit={limit}&format=json", {
+        providerId: r,
+        itemId: e,
+        resourceType: this.resourceType,
+        limit: this.limit
+      });
+    }
+  },
+  watch: {
+    providerId() {
+      this.fetchRelatedResources();
+    },
+    itemId() {
+      this.fetchRelatedResources();
+    },
+    fileInfo() {
+      this.fetchRelatedResources();
+    },
+    error(r) {
+      this.$emit("has-error", !!r);
+    },
+    resources(r) {
+      this.$emit("has-resources", r.length > 0);
+    }
+  },
+  created() {
+    this.fetchRelatedResources();
+  },
+  methods: {
+    t: n,
+    async fetchRelatedResources() {
+      var r;
+      if (!(!this.appEnabled || !this.hasResourceInfo)) {
+        this.loading = !0, this.error = null, this.resources = [];
+        try {
+          const e = await c.get(this.url);
+          this.resources = (r = e.data.ocs) == null ? void 0 : r.data;
+        } catch (e) {
+          this.error = e, console.error(e);
+        } finally {
+          this.loading = !1;
+        }
+      }
+    }
+  }
+};
+var P = function() {
+  var e = this, t = e._self._c;
+  return t("div", [t("NcTeamResources", { attrs: { "provider-id": e.providerId, "item-id": e.itemId } }), e.appEnabled && e.isVisible ? t("div", { staticClass: "related-resources" }, [t("div", { staticClass: "related-resources__header" }, [t("h5", [e._v(e._s(e.header))]), t("p", [e._v(e._s(e.subline))])]), e._l(e.resources, function(s) {
+    return t("NcResource", { key: s.itemId, staticClass: "related-resources__entry", attrs: { icon: s.icon, name: s.title, url: s.url } });
+  })], 2) : e._e()], 1);
+}, U = [], j = /* @__PURE__ */ l(
+  F,
+  P,
+  U,
+  !1,
+  null,
+  "8855c164",
+  null,
+  null
+);
+const X = j.exports;
+export {
+  X as N
+};

package/dist/chunks/NcRelatedResourcesPanel-LTNqJecS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcRelatedResourcesPanel-LTNqJecS.mjs","sources":["../../node_modules/vue-material-design-icons/AccountGroup.vue","../../node_modules/vue-material-design-icons/OpenInNew.vue","../../src/components/NcRelatedResourcesPanel/NcTeamResources.vue","../../src/components/NcRelatedResourcesPanel/NcResource.vue","../../src/components/NcRelatedResourcesPanel/NcRelatedResourcesPanel.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon account-group-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M12,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"AccountGroupIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon open-in-new-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"OpenInNewIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<template>\n\t<div v-if=\"appEnabled && isVisible\" class=\"team-resources\">\n\t\t<h5 class=\"team-resources__header\">\n\t\t\t{{ t('Related team resources') }}\n\t\t</h5>\n\t\t<details v-for=\"team in teamResources\"\n\t\t\t:key=\"team.teamId\"\n\t\t\tname=\"Team resources\"\n\t\t\tclass=\"related-team\"\n\t\t\t:open=\"open(team.teamId)\"\n\t\t\t@toggle=\"(event) => toggleOpen(team.teamId, event.target.open)\">\n\t\t\t<summary class=\"related-team__header\">\n\t\t\t\t<h5 class=\"related-team__name\">\n\t\t\t\t\t<AccountGroup :size=\"20\" />\n\t\t\t\t\t{{ team.displayName }}\n\t\t\t\t</h5>\n\t\t\t\t<NcButton type=\"tertiary\"\n\t\t\t\t\t:href=\"team.link\"\n\t\t\t\t\t:aria-label=\"t('View team')\"\n\t\t\t\t\t:title=\"t('View team')\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<OpenInNew :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcButton>\n\n\t\t\t\t<ChevronUp v-if=\"open(team.teamId)\"\n\t\t\t\t\t:size=\"20\" />\n\t\t\t\t<ChevronDown v-else\n\t\t\t\t\t:size=\"20\" />\n\t\t\t</summary>\n\n\t\t\t<div>\n\t\t\t\t<div v-for=\"provider in teamProviders(team.teamId)\"\n\t\t\t\t\t:key=\"provider.id\"\n\t\t\t\t\tclass=\"related-team-provider\">\n\t\t\t\t\t<h6 v-if=\"provider.resources.length > 0\">\n\t\t\t\t\t\t{{ provider.name }}\n\t\t\t\t\t</h6>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li v-for=\"resource in provider.resources\" :key=\"resource.url\" class=\"related-team-resource\">\n\t\t\t\t\t\t\t<a :href=\"resource.url\" class=\"related-team-resource__link\">\n\t\t\t\t\t\t\t\t<span v-if=\"resource.iconEmoji\" class=\"resource__icon\">\n\t\t\t\t\t\t\t\t\t{{ resource.iconEmoji }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<NcIconSvgWrapper v-else-if=\"resource.iconSvg\"\n\t\t\t\t\t\t\t\t\tclass=\"resource__icon\"\n\t\t\t\t\t\t\t\t\t:svg=\"resource.iconSvg\"\n\t\t\t\t\t\t\t\t\t:size=\"20\" />\n\t\t\t\t\t\t\t\t<span v-else-if=\"resource.iconUrl\" class=\"resource__icon\">\n\t\t\t\t\t\t\t\t\t<img :src=\"resource.iconURL\" alt=\"\">\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span class=\"resource__name\">\n\t\t\t\t\t\t\t\t\t{{ resource.label }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</details>\n\t</div>\n</template>\n\n<script>\nimport axios from '@nextcloud/axios'\nimport { generateOcsUrl } from '@nextcloud/router'\nimport AccountGroup from 'vue-material-design-icons/AccountGroup.vue'\nimport ChevronDown from 'vue-material-design-icons/ChevronDown.vue'\nimport ChevronUp from 'vue-material-design-icons/ChevronUp.vue'\nimport OpenInNew from 'vue-material-design-icons/OpenInNew.vue'\nimport NcButton from '../NcButton/NcButton.vue'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/NcIconSvgWrapper.vue'\n\nimport { t } from '../../l10n.js'\n\nexport default {\n\tname: 'NcTeamResources',\n\n\tcomponents: {\n\t\tAccountGroup,\n\t\tChevronDown,\n\t\tChevronUp,\n\t\tOpenInNew,\n\t\tNcButton,\n\t\tNcIconSvgWrapper,\n\t},\n\n\tprops: {\n\t\tproviderId: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\titemId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tappEnabled: OC?.appswebroots?.circles !== undefined && (OC.config.version.split('.')[0] ?? 0) >= 29,\n\t\t\tloading: false,\n\t\t\tteamResources: null,\n\t\t\tteamOpen: [],\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tisVisible() {\n\t\t\treturn !this.loading && this.teamResources?.length > 0\n\t\t},\n\t\tteamProviders() {\n\t\t\treturn (teamId) => {\n\t\t\t\tconst team = this.teamResources.find(t => t.teamId === teamId)\n\t\t\t\treturn team.resources?.reduce((acc, resource) => {\n\t\t\t\t\tif (resource.provider.id === this.providerId && resource.id === String(this.itemId)) {\n\t\t\t\t\t\treturn acc\n\t\t\t\t\t}\n\n\t\t\t\t\tif (!acc[resource.provider.id]) {\n\t\t\t\t\t\tacc[resource.provider.id] = resource.provider\n\t\t\t\t\t\tacc[resource.provider.id].resources = []\n\t\t\t\t\t}\n\n\t\t\t\t\tif (resource.provider.id === this.providerId && resource.id === String(this.itemId)) {\n\t\t\t\t\t\treturn acc\n\t\t\t\t\t}\n\n\t\t\t\t\tacc[resource.provider.id].resources.push(resource)\n\t\t\t\t\treturn acc\n\t\t\t\t}, {})\n\t\t\t}\n\t\t},\n\t\topen() {\n\t\t\treturn (teamId) => {\n\t\t\t\treturn this.teamOpen.indexOf(teamId) !== -1\n\t\t\t}\n\t\t},\n\t},\n\n\twatch: {\n\t\tproviderId() {\n\t\t\tthis.fetchTeamResources()\n\t\t},\n\t\titemId() {\n\t\t\tthis.fetchTeamResources()\n\t\t},\n\t},\n\n\tcreated() {\n\t\tthis.fetchTeamResources()\n\t},\n\n\tmethods: {\n\t\tt,\n\t\tasync fetchTeamResources() {\n\t\t\ttry {\n\t\t\t\tthis.loading = true\n\t\t\t\tconst response = await axios.get(generateOcsUrl(`/teams/resources/${this.providerId}/${this.itemId}`))\n\t\t\t\tthis.teamResources = response.data.ocs.data.teams\n\t\t\t\tthis.teamOpen = [this.teamResources[0]?.teamId]\n\t\t\t} catch (e) {\n\t\t\t\tthis.teamResources = null\n\t\t\t\tconsole.error(e)\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t}\n\t\t},\n\t\ttoggleOpen(teamId, open) {\n\t\t\tif (open) {\n\t\t\t\tthis.teamOpen.push(teamId)\n\t\t\t} else {\n\t\t\t\tthis.teamOpen.splice(this.teamOpen.indexOf(teamId), 1)\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.team-resources__header {\n\tfont-weight: bold;\n\tmargin-bottom: 6px;\n}\n\n.related-team {\n\tborder-radius: var(--border-radius-rounded);\n\tborder: 2px solid var(--color-border-dark);\n\tmargin-bottom: 6px;\n\n\t&__open {\n\t\tborder-color: var(--color-primary-element);\n\t}\n\n\t&__header {\n\t\tpadding: 6px;\n\t\tpadding-right: 24px;\n\t\tdisplay: flex;\n\t\tgap: 12px;\n\t}\n\n\t&__name {\n\t\tdisplay: flex;\n\t\tflex-grow: 1;\n\t\talign-items: center;\n\t\tgap: 12px;\n\t\tpadding: 6px 12px;\n\t\tfont-weight: bold;\n\t\tmargin: 0;\n\t}\n\n\t.related-team-provider {\n\t\tpadding: 6px 12px;\n\n\t\t&__name {\n\t\t\tfont-weight: bold;\n\t\t\tmargin-bottom: 3px;\n\t\t}\n\n\t\t&__link {\n\t\t\tdisplay: flex;\n\t\t\tgap: 12px;\n\t\t\tpadding: 6px 12px;\n\t\t\tfont-weight: bold;\n\t\t}\n\t}\n\n\t.related-team-resource {\n\t\t&__link {\n\t\t\tdisplay: flex;\n\t\t\tgap: 12px;\n\t\t\theight: 44px;\n\t\t\talign-items: center;\n\t\t\tborder-radius: var(--border-radius-large);\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--color-background-hover);\n\t\t\t}\n\t\t\t&:focus {\n\t\t\t\tbackground-color: var(--color-background-hover);\n\t\t\t\toutline: 2px solid var(--color-primary-element);\n\t\t\t}\n\t\t}\n\t\t.resource__icon {\n\t\t\twidth: 44px;\n\t\t\theight: 44px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\ttext-align: center;\n\t\t}\n\t}\n}\n</style>\n","<!--\n  - @copyright 2022 Christopher Ng <chrng8@gmail.com>\n  -\n  - @author Christopher Ng <chrng8@gmail.com>\n  -\n  - @license AGPL-3.0-or-later\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n-->\n\n<template>\n\t<li class=\"resource\">\n\t\t<NcButton class=\"resource__button\"\n\t\t\t:aria-label=\"labelTranslated\"\n\t\t\ttype=\"tertiary\"\n\t\t\t:to=\"route\"\n\t\t\t:href=\"route ? null : url\">\n\t\t\t<template #icon>\n\t\t\t\t<div class=\"resource__icon\">\n\t\t\t\t\t<img :src=\"icon\">\n\t\t\t\t</div>\n\t\t\t</template>\n\t\t\t{{ name }}\n\t\t</NcButton>\n\t</li>\n</template>\n\n<script>\nimport NcButton from '../NcButton/index.js'\n\nimport { getRoute } from '../NcRichText/autolink.js'\nimport { t } from '../../l10n.js'\n\nexport default {\n\tname: 'NcResource',\n\n\tcomponents: {\n\t\tNcButton,\n\t},\n\n\tprops: {\n\t\ticon: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\turl: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tlabelTranslated: t('Open link to \"{resourceName}\"', { resourceName: this.name }),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\troute() {\n\t\t\treturn getRoute(this.$router, this.url)\n\t\t},\n\t},\n\n\tmethods: {\n\t\tt,\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.resource {\n\tdisplay: flex;\n\talign-items: center;\n\theight: 44px;\n\n\t// Override default NcButton styles\n\t&__button {\n\t\twidth: 100% !important;\n\t\tjustify-content: flex-start !important;\n\t\tpadding: 0 !important;\n\n\t\t&:deep {\n\t\t\t.button-vue__wrapper {\n\t\t\t\tjustify-content: flex-start !important;\n\n\t\t\t\t.button-vue__text {\n\t\t\t\t\tfont-weight: normal !important;\n\t\t\t\t\tmargin-left: 2px !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__icon {\n\t\twidth: 32px;\n\t\theight: 32px;\n\t\tbackground-color: var(--color-text-maxcontrast);\n\t\tborder-radius: 50%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\timg {\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tfilter: var(--background-invert-if-dark);\n\t\t}\n\t}\n}\n</style>\n","<!--\n  - @copyright 2022 Christopher Ng <chrng8@gmail.com>\n  -\n  - @author Christopher Ng <chrng8@gmail.com>\n  -\n  - @license AGPL-3.0-or-later\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n-->\n\n<docs>\n### Usage\n\nUse this component to display the related resources of a given item.\n\n```\n<template>\n\t<NcRelatedResourcesPanel provider-id=\"talk\"\n\t\theader=\"Related resources for talk\"\n\t\t:item-id=\"conversationId\" />\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tconversationId: 1,\n\t\t}\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<div>\n\t\t<NcTeamResources :provider-id=\"providerId\"\n\t\t\t:item-id=\"itemId\" />\n\n\t\t<div v-if=\"appEnabled && isVisible\" class=\"related-resources\">\n\t\t\t<div class=\"related-resources__header\">\n\t\t\t\t<h5>{{ header }}</h5>\n\t\t\t\t<p>{{ subline }}</p>\n\t\t\t</div>\n\n\t\t\t<NcResource v-for=\"resource in resources\"\n\t\t\t\t:key=\"resource.itemId\"\n\t\t\t\tclass=\"related-resources__entry\"\n\t\t\t\t:icon=\"resource.icon\"\n\t\t\t\t:name=\"resource.title\"\n\t\t\t\t:url=\"resource.url\" />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport axios from '@nextcloud/axios'\nimport { generateOcsUrl } from '@nextcloud/router'\nimport NcTeamResources from './NcTeamResources.vue'\nimport NcResource from './NcResource.vue'\n\nimport { t } from '../../l10n.js'\n\nexport default {\n\tname: 'NcRelatedResourcesPanel',\n\n\tcomponents: {\n\t\tNcResource,\n\t\tNcTeamResources,\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * The provider id implemented with `\\OCA\\RelatedResources\\IRelatedResourceProvider::getProviderId()`\n\t\t */\n\t\tproviderId: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * The item id which uniquely identities the e.g. Calendar event, Deck board, file, Talk room, etc.\n\t\t */\n\t\titemId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * Limits to specific resource type. i.e. any provider id implemented with `\\OCA\\RelatedResources\\IRelatedResourceProvider::getProviderId()`\n\t\t */\n\t\tresourceType: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * Set the maximum number of resources to load\n\t\t */\n\t\tlimit: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\t\t/**\n\t\t * Only used by the files sidebar\n\t\t *\n\t\t * File info is passed when registered with `OCA.Sharing.ShareTabSections.registerSection()`\n\t\t */\n\t\tfileInfo: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * Make the header name dynamic\n\t\t */\n\t\theader: {\n\t\t\ttype: String,\n\t\t\tdefault: t('Related resources'),\n\t\t},\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: t('Anything shared with the same group of people will show up here'),\n\t\t},\n\t\t/**\n\t\t * If this element is used on a primary element set to true for primary styling.\n\t\t */\n\t\tprimary: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\temits: [\n\t\t'has-error',\n\t\t'has-resources',\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tappEnabled: OC?.appswebroots?.related_resources !== undefined,\n\t\t\tloading: false,\n\t\t\terror: null,\n\t\t\tresources: [],\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tisVisible() {\n\t\t\tif (this.loading) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\treturn this.error ?? this.resources.length > 0\n\t\t},\n\t\tsubline() {\n\t\t\tif (this.error) {\n\t\t\t\treturn t('Error getting related resources. Please contact your system administrator if you have any questions.')\n\t\t\t}\n\t\t\treturn this.description\n\t\t},\n\n\t\thasResourceInfo() {\n\t\t\tif (this.providerId !== null && this.itemId !== null) {\n\t\t\t\treturn true\n\t\t\t}\n\t\t\tif (this.fileInfo !== null) {\n\t\t\t\treturn true\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\n\t\tisFiles() {\n\t\t\treturn this.fileInfo?.id !== undefined\n\t\t},\n\n\t\turl() {\n\t\t\tlet providerId = null\n\t\t\tlet itemId = null\n\n\t\t\tif (this.isFiles) {\n\t\t\t\tproviderId = 'files'\n\t\t\t\titemId = this.fileInfo.id\n\t\t\t} else {\n\t\t\t\tproviderId = this.providerId\n\t\t\t\titemId = this.itemId\n\t\t\t}\n\n\t\t\treturn generateOcsUrl('/apps/related_resources/related/{providerId}?itemId={itemId}&resourceType={resourceType}&limit={limit}&format=json', {\n\t\t\t\tproviderId,\n\t\t\t\titemId,\n\t\t\t\tresourceType: this.resourceType,\n\t\t\t\tlimit: this.limit,\n\t\t\t})\n\t\t},\n\t},\n\n\twatch: {\n\t\tproviderId() {\n\t\t\tthis.fetchRelatedResources()\n\t\t},\n\t\titemId() {\n\t\t\tthis.fetchRelatedResources()\n\t\t},\n\t\tfileInfo() {\n\t\t\tthis.fetchRelatedResources()\n\t\t},\n\t\terror(error) {\n\t\t\t/**\n\t\t\t * Emitted when the error value changes\n\t\t\t *\n\t\t\t * @type {boolean}\n\t\t\t */\n\t\t\tthis.$emit('has-error', Boolean(error))\n\t\t},\n\t\tresources(resources) {\n\t\t\t/**\n\t\t\t * Emitted when the resources value changes\n\t\t\t *\n\t\t\t * @type {boolean}\n\t\t\t */\n\t\t\tthis.$emit('has-resources', resources.length > 0)\n\t\t},\n\t},\n\n\tcreated() {\n\t\tthis.fetchRelatedResources()\n\t},\n\n\tmethods: {\n\t\tt,\n\t\tasync fetchRelatedResources() {\n\t\t\tif (!this.appEnabled || !this.hasResourceInfo) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.loading = true\n\t\t\tthis.error = null\n\t\t\tthis.resources = []\n\t\t\ttry {\n\t\t\t\tconst response = await axios.get(this.url)\n\t\t\t\tthis.resources = response.data.ocs?.data\n\t\t\t} catch (e) {\n\t\t\t\tthis.error = e\n\t\t\t\tconsole.error(e)\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.related-resources {\n\t&__header {\n\n\t\th5 {\n\t\t\tfont-weight: bold;\n\t\t\tmargin-bottom: 6px;\n\t\t}\n\n\t\tp {\n\t\t\tcolor: var(--color-text-maxcontrast);\n\t\t}\n\t}\n}\n</style>\n"],"names":["_sfc_main","AccountGroup","ChevronDown","ChevronUp","OpenInNew","NcButton","NcIconSvgWrapper","_a","_b","teamId","t","acc","resource","response","axios","generateOcsUrl","open","getRoute","NcResource","NcTeamResources","providerId","itemId","error","resources"],"mappings":";;;;;;;;;AAoBA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA,CAAA,OAAA;AAAA,EACA,OAAA;AAAA,IACA,OAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,IACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;qBChBAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA,CAAA,OAAA;AAAA,EACA,OAAA;AAAA,IACA,OAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,IACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;ACuCA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,QAAA;AAAA,MACA,MAAA,CAAA,QAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;;AACA,WAAA;AAAA,MACA,cAAAC,IAAA,yBAAA,iBAAA,gBAAAA,EAAA,aAAA,YAAAC,IAAA,GAAA,OAAA,QAAA,MAAA,GAAA,EAAA,CAAA,MAAA,OAAAA,IAAA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,YAAA;;AACA,aAAA,CAAA,KAAA,aAAAD,IAAA,KAAA,kBAAA,gBAAAA,EAAA,UAAA;AAAA,IACA;AAAA,IACA,gBAAA;AACA,aAAA,CAAAE,MAAA;;AAEA,gBAAAF,IADA,KAAA,cAAA,KAAA,CAAAG,MAAAA,EAAA,WAAAD,CAAA,EACA,cAAA,gBAAAF,EAAA,OAAA,CAAAI,GAAAC,OACAA,EAAA,SAAA,OAAA,KAAA,cAAAA,EAAA,OAAA,OAAA,KAAA,MAAA,MAIAD,EAAAC,EAAA,SAAA,EAAA,MACAD,EAAAC,EAAA,SAAA,EAAA,IAAAA,EAAA,UACAD,EAAAC,EAAA,SAAA,EAAA,EAAA,YAAA,CAAA,IAGAA,EAAA,SAAA,OAAA,KAAA,cAAAA,EAAA,OAAA,OAAA,KAAA,MAAA,MAIAD,EAAAC,EAAA,SAAA,EAAA,EAAA,UAAA,KAAAA,CAAA,GACAD,IACA;MACA;AAAA,IACA;AAAA,IACA,OAAA;AACA,aAAA,CAAAF,MACA,KAAA,SAAA,QAAAA,CAAA,MAAA;AAAA,IAEA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,aAAA;AACA,WAAA,mBAAA;AAAA,IACA;AAAA,IACA,SAAA;AACA,WAAA,mBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,SAAA,mBAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,GAAAC;AAAA,IACA,MAAA,qBAAA;;AACA,UAAA;AACA,aAAA,UAAA;AACA,cAAAG,IAAA,MAAAC,EAAA,IAAAC,EAAA,oBAAA,YAAA,YAAA,KAAA,YAAA,OAAA,CAAA;AACA,aAAA,gBAAAF,EAAA,KAAA,IAAA,KAAA,OACA,KAAA,WAAA,EAAAN,IAAA,KAAA,cAAA,CAAA,MAAA,gBAAAA,EAAA,MAAA;AAAA,MACA,SAAA,GAAA;AACA,aAAA,gBAAA,MACA,QAAA,MAAA,CAAA;AAAA,MACA,UAAA;AACA,aAAA,UAAA;AAAA,MACA;AAAA,IACA;AAAA,IACA,WAAAE,GAAAO,GAAA;AACA,MAAAA,IACA,KAAA,SAAA,KAAAP,CAAA,IAEA,KAAA,SAAA,OAAA,KAAA,SAAA,QAAAA,CAAA,GAAA,CAAA;AAAA,IAEA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;ACnIA,MAAAT,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,UAAAK;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IACA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,iBAAAK,EAAA,iCAAA,EAAA,cAAA,KAAA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,QAAA;AACA,aAAAO,EAAA,KAAA,SAAA,KAAA,GAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,GAAAP;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;ACPA,MAAAV,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,YAAAkB;AAAA,IACA,iBAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,QAAA;AAAA,MACA,MAAA,CAAA,QAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,cAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAAT,EAAA,mBAAA;AAAA,IACA;AAAA,IACA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAAA,EAAA,iEAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;;AACA,WAAA;AAAA,MACA,cAAAH,IAAA,yBAAA,iBAAA,gBAAAA,EAAA,uBAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,YAAA;;AACA,aAAA,KAAA,UACA,MAEAA,IAAA,KAAA,UAAA,OAAAA,IAAA,KAAA,UAAA,SAAA;AAAA,IACA;AAAA,IACA,UAAA;AACA,aAAA,KAAA,QACAG,EAAA,sGAAA,IAEA,KAAA;AAAA,IACA;AAAA,IAEA,kBAAA;AAIA,aAHA,KAAA,eAAA,QAAA,KAAA,WAAA,QAGA,KAAA,aAAA;AAAA,IAIA;AAAA,IAEA,UAAA;;AACA,eAAAH,IAAA,KAAA,aAAA,gBAAAA,EAAA,QAAA;AAAA,IACA;AAAA,IAEA,MAAA;AACA,UAAAa,IAAA,MACAC,IAAA;AAEA,aAAA,KAAA,WACAD,IAAA,SACAC,IAAA,KAAA,SAAA,OAEAD,IAAA,KAAA,YACAC,IAAA,KAAA,SAGAN,EAAA,sHAAA;AAAA,QACA,YAAAK;AAAA,QACA,QAAAC;AAAA,QACA,cAAA,KAAA;AAAA,QACA,OAAA,KAAA;AAAA,MACA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,aAAA;AACA,WAAA,sBAAA;AAAA,IACA;AAAA,IACA,SAAA;AACA,WAAA,sBAAA;AAAA,IACA;AAAA,IACA,WAAA;AACA,WAAA,sBAAA;AAAA,IACA;AAAA,IACA,MAAAC,GAAA;AAMA,WAAA,MAAA,aAAA,EAAAA,CAAA;AAAA,IACA;AAAA,IACA,UAAAC,GAAA;AAMA,WAAA,MAAA,iBAAAA,EAAA,SAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AACA,SAAA,sBAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,GAAAb;AAAA,IACA,MAAA,wBAAA;;AACA,UAAA,GAAA,KAAA,cAAA,CAAA,KAAA,kBAIA;AAAA,aAAA,UAAA,IACA,KAAA,QAAA,MACA,KAAA,YAAA,CAAA;AACA,YAAA;AACA,gBAAAG,IAAA,MAAAC,EAAA,IAAA,KAAA,GAAA;AACA,eAAA,aAAAP,IAAAM,EAAA,KAAA,QAAA,gBAAAN,EAAA;AAAA,QACA,SAAA,GAAA;AACA,eAAA,QAAA,GACA,QAAA,MAAA,CAAA;AAAA,QACA,UAAA;AACA,eAAA,UAAA;AAAA,QACA;AAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/chunks/{NcRichContenteditable-lE_j-Gfc.mjs → NcRichContenteditable-CHggLQuR.mjs}

@@ -1,22 +1,23 @@
-import '../assets/NcRichText-kDp48Nji.css';
-import '../assets/NcRichContenteditable-rW6l0h3m.css';
-import { r as m, v as d, B as h, a } from "./_l10n-Y2fvkVoK.mjs";
+import '../assets/NcRichText-BMe-xENJ.css';
+import '../assets/NcRichContenteditable-CtbqXSHe.css';
+import { r as d, v as m, B as h, a } from "./_l10n-D8Scz3mH.mjs";
 import { generateUrl as b } from "@nextcloud/router";
-import { N as f } from "./NcUserStatusIcon-Y1esUu9e.mjs";
-import { n as c } from "./_plugin-vue2_normalizer-u6G_3nkj.mjs";
-import { r as _ } from "./index-05Rfhge1.mjs";
+import { N as f } from "./NcUserStatusIcon-0SGYQL9L.mjs";
+import { n as p } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
+import { r as _ } from "./index-DYXjj9ET.mjs";
 import "../Directives/Tooltip.mjs";
-import { a as g, e as y } from "./emoji-tllD0Rvt.mjs";
+import { a as g, e as y } from "./emoji-k4gWHxrE.mjs";
 import "unist-util-visit";
 import "unist-builder";
-import "../Functions/registerReference.mjs";
+import "./index-CU14QsCg.mjs";
 import "@vueuse/core";
-import { d as C, g as v } from "./referencePickerModal-TxU49swn.mjs";
+import "../Components/NcButton.mjs";
+import { d as C, g as v } from "./referencePickerModal-DUhJWt2e.mjs";
 import "@nextcloud/axios";
 /* empty css                                                                     */
 import "../Components/NcLoadingIcon.mjs";
-import "./NcCheckboxRadioSwitch.vue_vue_type_style_index_0_scoped_2603be83_lang-0EjSdGnM.mjs";
-import { G as l } from "./GenRandomId-VodkdWbp.mjs";
+import "./NcCheckboxRadioSwitch.vue_vue_type_style_index_0_scoped_2603be83_lang-CKROuACA.mjs";
+import { G as u } from "./GenRandomId-BW3iYFf9.mjs";
 import "unified";
 import "remark-parse";
 import "remark-gfm";
@@ -25,9 +26,8 @@ import "remark-rehype";
 import "rehype-react";
 import "rehype-external-links";
 import "../Components/NcEmptyContent.mjs";
-import "./NcSelect-75KHhmKy.mjs";
-import "./NcTextField-J7CSrszM.mjs";
-import "../Components/NcButton.mjs";
+import "./NcSelect-BVmjiQFa.mjs";
+import "./NcTextField-CU-YIhL3.mjs";
 import "../Components/NcModal.mjs";
 import "@nextcloud/event-bus";
 import T from "tributejs/dist/tribute.esm.js";
@@ -98,8 +98,8 @@ const x = {
 };
 var I = function() {
   var t = this, n = t._self._c;
-  return n("div", { staticClass: "autocomplete-result" }, [n("div", { staticClass: "autocomplete-result__icon", class: [t.icon, `autocomplete-result__icon--${t.avatarUrl ? "with-avatar" : ""}`], style: t.avatarUrl ? { backgroundImage: `url(${t.avatarUrl})` } : null }, [t.status.icon ? n("span", { staticClass: "autocomplete-result__status autocomplete-result__status--icon" }, [t._v(" " + t._s(t.status && t.status.icon || "") + " ")]) : t.status.status && t.status.status !== "offline" ? n("NcUserStatusIcon", { staticClass: "autocomplete-result__status", attrs: { status: t.status.status } }) : t._e()], 1), n("span", { staticClass: "autocomplete-result__content" }, [n("span", { staticClass: "autocomplete-result__title", attrs: { title: t.labelWithFallback } }, [t._v(" " + t._s(t.labelWithFallback) + " ")]), t.subline ? n("span", { staticClass: "autocomplete-result__subline" }, [t._v(" " + t._s(t.subline) + " ")]) : t._e()])]);
-}, w = [], $ = /* @__PURE__ */ c(
+  return n("div", { staticClass: "autocomplete-result" }, [n("div", { staticClass: "autocomplete-result__icon", class: [t.icon, "autocomplete-result__icon--".concat(t.avatarUrl ? "with-avatar" : "")], style: t.avatarUrl ? { backgroundImage: "url(".concat(t.avatarUrl, ")") } : null }, [t.status.icon ? n("span", { staticClass: "autocomplete-result__status autocomplete-result__status--icon" }, [t._v(" " + t._s(t.status && t.status.icon || "") + " ")]) : t.status.status && t.status.status !== "offline" ? n("NcUserStatusIcon", { staticClass: "autocomplete-result__status", attrs: { status: t.status.status } }) : t._e()], 1), n("span", { staticClass: "autocomplete-result__content" }, [n("span", { staticClass: "autocomplete-result__title", attrs: { title: t.labelWithFallback } }, [t._v(" " + t._s(t.labelWithFallback) + " ")]), t.subline ? n("span", { staticClass: "autocomplete-result__subline" }, [t._v(" " + t._s(t.subline) + " ")]) : t._e()])]);
+}, w = [], $ = /* @__PURE__ */ p(
   x,
   I,
   w,
@@ -110,7 +110,7 @@ var I = function() {
   null
 );
 const E = $.exports;
-m(h, d);
+d(h, m);
 const O = {
   "material-design-icon": "_material-design-icon_pq0s6_26",
   "tribute-container": "_tribute-container_pq0s6_34",
@@ -140,7 +140,7 @@ const R = {
      */
     id: {
       type: String,
-      default: () => l(7)
+      default: () => u(7)
     },
     /**
      * Visual label of the contenteditable
@@ -220,11 +220,11 @@ const R = {
     "smart-picker-submit"
   ],
   setup() {
-    const i = l(5);
+    const i = u(5);
     return {
       // Constants
-      labelId: `nc-rich-contenteditable-${i}-label`,
-      tributeId: `nc-rich-contenteditable-${i}-tribute`,
+      labelId: "nc-rich-contenteditable-".concat(i, "-label"),
+      tributeId: "nc-rich-contenteditable-".concat(i, "-tribute"),
       /**
        * Non-reactive property to store Tribute instance
        *
@@ -337,21 +337,27 @@ const R = {
       this.$refs.contenteditable.focus();
     },
     initializeTribute() {
-      const i = (n) => `<div id="nc-rich-contenteditable-tribute-item-${l(5)}" class="${this.$style["tribute-item"]}" role="option">${n}</div>`, t = [];
+      const i = (n) => '<div id="nc-rich-contenteditable-tribute-item-'.concat(u(5), '" class="').concat(this.$style["tribute-item"], '" role="option">').concat(n, "</div>"), t = [];
       t.push({
         fillAttr: "id",
         // Search against id and label (display name) (fallback to title for v8.0.0..8.6.1 compatibility)
-        lookup: (n) => `${n.id} ${n.label ?? n.title}`,
+        lookup: (n) => {
+          var e;
+          return "".concat(n.id, " ").concat((e = n.label) != null ? e : n.title);
+        },
         // Popup mention autocompletion templates
         menuItemTemplate: (n) => i(this.renderComponentHtml(n.original, E)),
         // Hide if no results
         noMatchTemplate: () => '<span class="hidden"></span>',
         // Inner display of mentions
-        selectTemplate: (n) => this.genSelectTemplate(n?.original?.id),
+        selectTemplate: (n) => {
+          var e;
+          return this.genSelectTemplate((e = n == null ? void 0 : n.original) == null ? void 0 : e.id);
+        },
         // Autocompletion results
         values: this.debouncedAutoComplete,
         // Class added to the menu container
-        containerClass: `${this.$style["tribute-container"]} ${this.$style["tribute-container-autocomplete"]}`,
+        containerClass: "".concat(this.$style["tribute-container"], " ").concat(this.$style["tribute-container-autocomplete"]),
         // Class added to each list item
         itemClass: this.$style["tribute-container__item"]
       }), this.emojiAutocomplete && t.push({
@@ -360,7 +366,7 @@ const R = {
         // We pass search results as values (see below)
         lookup: (n, e) => e,
         // Popup mention autocompletion templates
-        menuItemTemplate: (n) => o.includes(n.original) ? n.original : i(`<span class="${this.$style["tribute-item__emoji"]}">${n.original.native}</span> :${n.original.short_name}`),
+        menuItemTemplate: (n) => o.includes(n.original) ? n.original : i('<span class="'.concat(this.$style["tribute-item__emoji"], '">').concat(n.original.native, "</span> :").concat(n.original.short_name)),
         // Hide if no results
         noMatchTemplate: () => a("No emoji found"),
         // Display raw emoji along with its name
@@ -371,7 +377,7 @@ const R = {
           o.includes(":" + n) && r.unshift(":" + n), e(r);
         },
         // Class added to the menu container
-        containerClass: `${this.$style["tribute-container"]} ${this.$style["tribute-container-emoji"]}`,
+        containerClass: "".concat(this.$style["tribute-container"], " ").concat(this.$style["tribute-container-emoji"]),
         // Class added to each list item
         itemClass: this.$style["tribute-container__item"]
       }), this.linkAutocomplete && t.push({
@@ -380,14 +386,14 @@ const R = {
         // We pass search results as values (see below)
         lookup: (n, e) => e,
         // Popup mention autocompletion templates
-        menuItemTemplate: (n) => i(`<img class="${this.$style["tribute-item__icon"]}" src="${n.original.icon_url}"> <span class="${this.$style["tribute-item__title"]}">${n.original.title}</span>`),
+        menuItemTemplate: (n) => i('<img class="'.concat(this.$style["tribute-item__icon"], '" src="').concat(n.original.icon_url, '"> <span class="').concat(this.$style["tribute-item__title"], '">').concat(n.original.title, "</span>")),
         // Hide if no results
         noMatchTemplate: () => a("No link provider found"),
         selectTemplate: this.getLink,
         // Pass the search results as values
         values: (n, e) => e(C(n)),
         // Class added to the menu container
-        containerClass: `${this.$style["tribute-container"]} ${this.$style["tribute-container-link"]}`,
+        containerClass: "".concat(this.$style["tribute-container"], " ").concat(this.$style["tribute-container-link"]),
         // Class added to each list item
         itemClass: this.$style["tribute-container__item"]
       }), this.tribute = new T({
@@ -450,7 +456,7 @@ const R = {
         return;
       i.preventDefault();
       const t = i.clipboardData;
-      if (this.$emit("paste", i), t.files.length !== 0 || !Object.values(t.items).find((p) => p?.type.startsWith("text")))
+      if (this.$emit("paste", i), t.files.length !== 0 || !Object.values(t.items).find((l) => l == null ? void 0 : l.type.startsWith("text")))
         return;
       const n = t.getData("text"), e = window.getSelection();
       if (!e.rangeCount) {
@@ -553,7 +559,8 @@ const R = {
     },
     onTributeSelectedItemWillChange() {
       requestAnimationFrame(() => {
-        this.autocompleteActiveId = this.getTributeSelectedItem()?.id;
+        var i;
+        this.autocompleteActiveId = (i = this.getTributeSelectedItem()) == null ? void 0 : i.id;
       });
     },
     setupTributeIntegration() {
@@ -613,14 +620,14 @@ var K = function() {
     return t.onTributeActive(!1);
   } } }, "div", t.$attrs, !1), t.listeners)), t.label ? n("div", { staticClass: "rich-contenteditable__label", attrs: { id: t.labelId } }, [t._v(" " + t._s(t.label) + " ")]) : t._e()]);
 }, M = [];
-const u = {
+const c = {
   $style: O
 };
 function N(i) {
-  for (var t in u)
-    this[t] = u[t];
+  for (var t in c)
+    this[t] = c[t];
 }
-var V = /* @__PURE__ */ c(
+var V = /* @__PURE__ */ p(
   R,
   K,
   M,