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

package/dist/chunks/NcProgressBar-jT7vnEwJ.cjs

@@ -1,123 +0,0 @@
-var y = require("../assets/NcProgressBar-DDj4bmBB.css");
-const e = require("vue"), o = require("./_plugin-vue_export-helper-CTzpuyvq.cjs"), a = {
-  name: "NcProgressBar",
-  props: {
-    /**
-     * An integer between 1 and 100
-     */
-    value: {
-      type: Number,
-      default: 0,
-      validator(s) {
-        return s >= 0 && s <= 100;
-      }
-    },
-    /**
-     * Determines the height of the progressbar.
-     * Possible values:
-     * - 'small' (default)
-     * - 'medium'
-     * - Number
-     * @type {'small'|'medium'|number}
-     */
-    size: {
-      type: [String, Number],
-      default: "small",
-      validator(s) {
-        return ["small", "medium"].includes(s) || typeof s == "number";
-      }
-    },
-    /**
-     * Applies an error color to the progressbar if true.
-     */
-    error: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * ProgressBar type
-     */
-    type: {
-      type: String,
-      default: "linear",
-      validator(s) {
-        return ["linear", "circular"].includes(s);
-      }
-    },
-    color: {
-      type: String,
-      default: null
-    }
-  },
-  data() {
-    return {
-      stroke: 4
-    };
-  },
-  computed: {
-    height() {
-      return this.type === "circular" ? Number.isInteger(this.size) ? this.size : 44 : this.size === "small" ? 4 : this.size === "medium" ? 6 : this.size;
-    },
-    progress() {
-      return this.value / 100;
-    },
-    radius() {
-      return this.height / 2;
-    },
-    radiusNormalized() {
-      return this.radius - 3 * this.stroke;
-    },
-    circumference() {
-      return this.radiusNormalized * 2 * Math.PI;
-    }
-  }
-}, i = () => {
-  e.useCssVars((s) => ({
-    "0f3d9b00": s.color
-  }));
-}, u = a.setup;
-a.setup = u ? (s, c) => (i(), u(s, c)) : i;
-const n = ["aria-valuenow"], d = ["height", "width"], h = ["stroke-dasharray", "stroke-dashoffset", "stroke-width", "r", "cx", "cy"], g = ["stroke-dasharray", "stroke-dashoffset", "stroke-width", "r", "cx", "cy"], m = ["value"];
-function f(s, c, t, k, l, r) {
-  return t.type === "circular" ? (e.openBlock(), e.createElementBlock("span", {
-    key: 0,
-    role: "progressbar",
-    "aria-valuenow": t.value,
-    style: e.normalizeStyle({ "--progress-bar-height": r.height + "px" }),
-    class: e.normalizeClass([{ "progress-bar--error": t.error }, "progress-bar progress-bar--circular"])
-  }, [
-    (e.openBlock(), e.createElementBlock("svg", {
-      height: r.height,
-      width: r.height
-    }, [
-      e.createElementVNode("circle", {
-        stroke: "currentColor",
-        fill: "transparent",
-        "stroke-dasharray": "".concat(r.progress * r.circumference, " ").concat((1 - r.progress) * r.circumference),
-        "stroke-dashoffset": 0.25 * r.circumference,
-        "stroke-width": l.stroke,
-        r: r.radiusNormalized,
-        cx: r.radius,
-        cy: r.radius
-      }, null, 8, h),
-      e.createElementVNode("circle", {
-        stroke: "var(--color-background-darker)",
-        fill: "transparent",
-        "stroke-dasharray": "".concat((1 - r.progress) * r.circumference, " ").concat(r.progress * r.circumference),
-        "stroke-dashoffset": (0.25 - r.progress) * r.circumference,
-        "stroke-width": l.stroke,
-        r: r.radiusNormalized,
-        cx: r.radius,
-        cy: r.radius
-      }, null, 8, g)
-    ], 8, d))
-  ], 14, n)) : (e.openBlock(), e.createElementBlock("progress", {
-    key: 1,
-    class: e.normalizeClass(["progress-bar progress-bar--linear vue", { "progress-bar--error": t.error }]),
-    style: e.normalizeStyle({ "--progress-bar-height": r.height + "px" }),
-    value: t.value,
-    max: "100"
-  }, null, 14, m));
-}
-const _ = /* @__PURE__ */ o._export_sfc(a, [["render", f], ["__scopeId", "data-v-bfe47e7c"]]);
-exports.NcProgressBar = _;

package/dist/chunks/NcProgressBar-jT7vnEwJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcProgressBar-jT7vnEwJ.cjs","sources":["../../src/components/NcProgressBar/NcProgressBar.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2020 Marco Ambrosini <marcoambrosini@icloud.com>\n  -\n  - @author Marco Ambrosini <marcoambrosini@icloud.com>\n  -\n  - @copyright Copyright (c) 2024 Raimund Schlüßler <raimund.schluessler@mailbox.org>\n  - @author Raimund Schlüßler\n  -\n  - @license GNU AGPL version 3 or any later version\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<docs>\nThis is a simple progress bar component.\n## Usage:\n\n### Linear\n```vue\n<template>\n\t<span>\n\t\tSmall\n\t\t<NcProgressBar :value=\"20\" />\n\t\t<br>\n\t\tMedium\n\t\t<NcProgressBar :value=\"60\" size=\"medium\" />\n\t\t<br>\n\t\tMedium with color\n\t\t<NcProgressBar :value=\"55\" size=\"medium\" color=\"green\" />\n\t\t<br>\n\t\tError\n\t\t<NcProgressBar :value=\"80\" :error=\"true\" />\n\t</span>\n</template>\n```\n\n### Circular\n```vue\n<template>\n\t<span>\n\t\tDefault\n\t\t<NcProgressBar type=\"circular\" :value=\"55\" />\n\t\t<br />\n\t\tColor\n\t\t<NcProgressBar type=\"circular\" :value=\"70\" color=\"green\" />\n\t\t<br />\n\t\tError\n\t\t<NcProgressBar type=\"circular\" :value=\"60\" :error=\"true\" />\n\t</span>\n</template>\n```\n</docs>\n\n<template>\n\t<span v-if=\"type === 'circular'\"\n\t\trole=\"progressbar\"\n\t\t:aria-valuenow=\"value\"\n\t\t:style=\"{ '--progress-bar-height': height + 'px' }\"\n\t\t:class=\"{ 'progress-bar--error': error }\"\n\t\tclass=\"progress-bar progress-bar--circular\">\n\t\t<svg :height=\"height\"\n\t\t\t:width=\"height\">\n\t\t\t<circle stroke=\"currentColor\"\n\t\t\t\tfill=\"transparent\"\n\t\t\t\t:stroke-dasharray=\"`${progress * circumference} ${(1 - progress) * circumference}`\"\n\t\t\t\t:stroke-dashoffset=\"0.25*circumference\"\n\t\t\t\t:stroke-width=\"stroke\"\n\t\t\t\t:r=\"radiusNormalized\"\n\t\t\t\t:cx=\"radius\"\n\t\t\t\t:cy=\"radius\" />\n\t\t\t<circle stroke=\"var(--color-background-darker)\"\n\t\t\t\tfill=\"transparent\"\n\t\t\t\t:stroke-dasharray=\"`${(1 - progress) * circumference} ${progress * circumference}`\"\n\t\t\t\t:stroke-dashoffset=\"(0.25 - progress) * circumference\"\n\t\t\t\t:stroke-width=\"stroke\"\n\t\t\t\t:r=\"radiusNormalized\"\n\t\t\t\t:cx=\"radius\"\n\t\t\t\t:cy=\"radius\" />\n\t\t</svg>\n\t</span>\n\t<progress v-else\n\t\tclass=\"progress-bar progress-bar--linear vue\"\n\t\t:class=\"{ 'progress-bar--error': error }\"\n\t\t:style=\"{'--progress-bar-height': height + 'px' }\"\n\t\t:value=\"value\"\n\t\tmax=\"100\" />\n</template>\n\n<script>\nexport default {\n\n\tname: 'NcProgressBar',\n\n\tprops: {\n\t\t/**\n\t\t * An integer between 1 and 100\n\t\t */\n\t\tvalue: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t\tvalidator(value) {\n\t\t\t\treturn value >= 0\n\t\t\t\t\t&& value <= 100\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * Determines the height of the progressbar.\n\t\t * Possible values:\n\t\t * - 'small' (default)\n\t\t * - 'medium'\n\t\t * - Number\n\t\t * @type {'small'|'medium'|number}\n\t\t */\n\t\tsize: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: 'small',\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['small', 'medium'].includes(value) || typeof value === 'number'\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * Applies an error color to the progressbar if true.\n\t\t */\n\t\terror: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * ProgressBar type\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'linear',\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['linear', 'circular'].includes(value)\n\t\t\t},\n\t\t},\n\t\tcolor: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tstroke: 4,\n\t\t}\n\t},\n\tcomputed: {\n\t\theight() {\n\t\t\tif (this.type === 'circular') {\n\t\t\t\tif (Number.isInteger(this.size)) {\n\t\t\t\t\treturn this.size\n\t\t\t\t}\n\t\t\t\treturn 44\n\t\t\t}\n\t\t\tif (this.size === 'small') {\n\t\t\t\treturn 4\n\t\t\t} else if (this.size === 'medium') {\n\t\t\t\treturn 6\n\t\t\t}\n\t\t\treturn this.size\n\t\t},\n\t\tprogress() {\n\t\t\treturn this.value / 100\n\t\t},\n\t\tradius() {\n\t\t\treturn this.height / 2\n\t\t},\n\t\tradiusNormalized() {\n\t\t\treturn this.radius - 3 * this.stroke\n\t\t},\n\t\tcircumference() {\n\t\t\treturn this.radiusNormalized * 2 * Math.PI\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.progress-bar {\n\tdisplay: block;\n\theight: var(--progress-bar-height);\n\n\t--progress-bar-color: v-bind(color);\n\n\t&--linear {\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tbackground: var(--color-background-dark);\n\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\n\t\t// Browser specific rules\n\t\t&::-webkit-progress-bar {\n\t\t\theight: var(--progress-bar-height);\n\t\t\tbackground-color: transparent;\n\t\t}\n\t\t&::-webkit-progress-value {\n\t\t\tbackground: var(--progress-bar-color, var(--gradient-primary-background));\n\t\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\t\t}\n\t\t&::-moz-progress-bar {\n\t\t\tbackground: var(--progress-bar-color, var(--gradient-primary-background));\n\t\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\t\t}\n\t}\n\t&--circular {\n\t\twidth: var(--progress-bar-height);\n\t\tcolor: var(--progress-bar-color, var(--color-primary-element));\n\t}\n\t&--error {\n\t\tcolor: var(--color-error) !important;\n\t\t// Override previous values\n\t\t&::-moz-progress-bar {\n\t\t\tbackground: var(--color-error) !important;\n\t\t}\n\t\t&::-webkit-progress-value {\n\t\t\tbackground: var(--color-error) !important;\n\t\t}\n\t}\n}\n\n</style>\n"],"names":["_sfc_main","value","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","$props","vue","$options","$data"],"mappings":";mFAoGAA,IAAA;AAAA,EAEC,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIC,OAAA;AAAA;MAEC,SAAA;AAAA,MACA,UAAAC,GAAA;;;;;;;;;;;;;MAcA,MAAA,CAAA,QAAA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAA,GAAA;AACC,eAAA,CAAA,SAAA,QAAA,EAAA,SAAAA,CAAA,KAAA,OAAAA,KAAA;AAAA;;;;;IAMF,OAAA;AAAA;;;;;;;;MASC,SAAA;AAAA,MACA,UAAAA,GAAA;AACC,eAAA,CAAA,UAAA,UAAA,EAAA,SAAAA,CAAA;AAAA;;IAGF,OAAA;AAAA;;;;EAKD,OAAA;AACC,WAAA;AAAA,MACC,QAAA;AAAA,IACD;AAAA;EAED,UAAA;AAAA,IACC,SAAA;wCAEE,OAAA,UAAA,KAAA,IAAA,IACC,KAAA,OAED,6BAGA,6BAEA,IAED,KAAA;AAAA;;AAGA,aAAA,KAAA,QAAA;AAAA;IAED,SAAA;AACC,aAAA,KAAA,SAAA;AAAA;IAED,mBAAA;AACC,aAAA,KAAA,SAAA,IAAA,KAAA;AAAA;IAED,gBAAA;AACC,aAAA,KAAA,mBAAA,IAAA,KAAA;AAAA;;AAGH;;;;;;AA1LA,MAAAC,IAAA,CAAA,eAAA,GAAAC,IAAA,CAAA,UAAA,OAAA,GAAAC,IAAA,CAAA,oBAAA,qBAAA,gBAAA,KAAA,MAAA,IAAA,GAAAC,IAAA,CAAA,oBAAA,qBAAA,gBAAA,KAAA,MAAA,IAAA,GAAAC,IAAA,CAAA,OAAA;;;;IAkEE,MAAA;AAAA,IACC,iBAAAC,EAAA;AAAA;IAEA,OAAAC,EAAA,eAAA,CAAA,EAAA,uBAAAD,EAAA,MAAA,GAAA,qCAAA,CAAA;AAAA;;MAEK,QAAAE,EAAA;AAAA,MACJ,OAAAA,EAAA;AAAA;;QACO,QAAA;AAAA,QACP,MAAA;AAAA,QACC,oBAAA,GAAA,OAAAA,EAAA,WAAAA,EAAA,eAAA,KAAA,YAAAA,EAAA,YAAAA,EAAA;AAAA,QACA,qBAAA,OAAAA,EAAA;AAAA,QACA,gBAAAC,EAAA;AAAA,QACA,GAAAD,EAAA;AAAA,QACA,IAAAA,EAAA;AAAA,QACA,IAAAA,EAAA;AAAA,MAhFL,GAAA,MAAA,GAAAL,CAAA;AAAA;QAiFW,QAAA;AAAA,QACP,MAAA;AAAA,QACC,oBAAA,GAAA,YAAAK,EAAA,YAAAA,EAAA,eAAA,KAAA,OAAAA,EAAA,WAAAA,EAAA;AAAA;QAEA,gBAAAC,EAAA;AAAA,QACA,GAAAD,EAAA;AAAA,QACA,IAAAA,EAAA;AAAA,QACA,IAAAA,EAAA;AAAA,MAxFL,GAAA,MAAA,GAAAJ,CAAA;AAAA,IAAA,GAAA,GAAAF,CAAA;AAAA,EAAA,GAAA,IAAAD,CAAA;;IA4FE,OAAAM,EAAA,eAAA,CAAA,yCAAA,EAAA,uBAAAD,EAAA,MAAA,CAAA,CAAA;AAAA;IAGC,OAAAA,EAAA;AAAA,IACD,KAAA;AAAA,EAhGF,GAAA,MAAA,IAAAD,CAAA;;;;"}

package/dist/chunks/NcRelatedResourcesPanel-DrFkuXRS.cjs

@@ -1,213 +0,0 @@
-var S = require("../assets/NcRelatedResourcesPanel-CLX7sIKW.css");
-const d = require("@nextcloud/axios"), h = require("@nextcloud/router"), p = require("./NcButton-CR5WPHh9.cjs"), s = require("./_l10n-CEec8lDL.cjs"), t = require("vue"), a = require("./_plugin-vue_export-helper-CTzpuyvq.cjs"), f = (e) => e && e.__esModule ? e : { default: e }, m = /* @__PURE__ */ f(d);
-s.register(s.t31);
-const _ = {
-  name: "NcResource",
-  components: {
-    NcButton: p.NcButton
-  },
-  props: {
-    icon: {
-      type: String,
-      required: !0
-    },
-    name: {
-      type: String,
-      required: !0
-    },
-    url: {
-      type: String,
-      required: !0
-    }
-  },
-  data() {
-    return {
-      labelTranslated: s.t('Open link to "{resourceName}"', { resourceName: this.name })
-    };
-  },
-  methods: {
-    t: s.t
-  }
-}, y = { class: "resource" }, g = { class: "resource__icon" }, N = ["src"];
-function I(e, r, o, u, n, l) {
-  const c = t.resolveComponent("NcButton");
-  return t.openBlock(), t.createElementBlock("li", y, [
-    t.createVNode(c, {
-      class: "resource__button",
-      "aria-label": n.labelTranslated,
-      type: "tertiary",
-      href: o.url
-    }, {
-      icon: t.withCtx(() => [
-        t.createElementVNode("div", g, [
-          t.createElementVNode("img", { src: o.icon }, null, 8, N)
-        ])
-      ]),
-      default: t.withCtx(() => [
-        t.createTextVNode(" " + t.toDisplayString(o.name), 1)
-      ]),
-      _: 1
-    }, 8, ["aria-label", "href"])
-  ]);
-}
-const R = /* @__PURE__ */ a._export_sfc(_, [["render", I], ["__scopeId", "data-v-e4d1c077"]]);
-s.register(s.t8);
-const b = {
-  name: "NcRelatedResourcesPanel",
-  components: {
-    NcResource: R
-  },
-  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: s.t("Related resources")
-    },
-    description: {
-      type: String,
-      default: s.t("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 e;
-    return {
-      appEnabled: ((e = OC == null ? void 0 : OC.appswebroots) == null ? void 0 : e.related_resources) !== void 0,
-      loading: !1,
-      error: null,
-      resources: []
-    };
-  },
-  computed: {
-    isVisible() {
-      var e;
-      return this.loading ? !1 : (e = this.error) != null ? e : this.resources.length > 0;
-    },
-    subline() {
-      return this.error ? s.t("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 e;
-      return ((e = this.fileInfo) == null ? void 0 : e.id) !== void 0;
-    },
-    url() {
-      let e = null, r = null;
-      return this.isFiles ? (e = "files", r = this.fileInfo.id) : (e = this.providerId, r = this.itemId), h.generateOcsUrl("/apps/related_resources/related/{providerId}?itemId={itemId}&resourceType={resourceType}&limit={limit}&format=json", {
-        providerId: e,
-        itemId: r,
-        resourceType: this.resourceType,
-        limit: this.limit
-      });
-    }
-  },
-  watch: {
-    providerId() {
-      this.fetchRelatedResources();
-    },
-    itemId() {
-      this.fetchRelatedResources();
-    },
-    fileInfo() {
-      this.fetchRelatedResources();
-    },
-    error(e) {
-      this.$emit("has-error", !!e);
-    },
-    resources(e) {
-      this.$emit("has-resources", e.length > 0);
-    }
-  },
-  created() {
-    this.fetchRelatedResources();
-  },
-  methods: {
-    t: s.t,
-    async fetchRelatedResources() {
-      var e;
-      if (!(!this.appEnabled || !this.hasResourceInfo)) {
-        this.loading = !0, this.error = null, this.resources = [];
-        try {
-          const r = await m.default.get(this.url);
-          this.resources = (e = r.data.ocs) == null ? void 0 : e.data;
-        } catch (r) {
-          this.error = r, console.error(r);
-        } finally {
-          this.loading = !1;
-        }
-      }
-    }
-  }
-}, v = {
-  key: 0,
-  class: "related-resources"
-}, B = { class: "related-resources__header" };
-function E(e, r, o, u, n, l) {
-  const c = t.resolveComponent("NcResource");
-  return n.appEnabled && l.isVisible ? (t.openBlock(), t.createElementBlock("div", v, [
-    t.createElementVNode("div", B, [
-      t.createElementVNode("h5", null, t.toDisplayString(o.header), 1),
-      t.createElementVNode("p", null, t.toDisplayString(l.subline), 1)
-    ]),
-    (t.openBlock(!0), t.createElementBlock(t.Fragment, null, t.renderList(n.resources, (i) => (t.openBlock(), t.createBlock(c, {
-      key: i.itemId,
-      class: "related-resources__entry",
-      icon: i.icon,
-      name: i.title,
-      url: i.url
-    }, null, 8, ["icon", "name", "url"]))), 128))
-  ])) : t.createCommentVNode("", !0);
-}
-const k = /* @__PURE__ */ a._export_sfc(b, [["render", E], ["__scopeId", "data-v-dc5c8227"]]);
-exports.NcRelatedResourcesPanel = k;

package/dist/chunks/NcRelatedResourcesPanel-DrFkuXRS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcRelatedResourcesPanel-DrFkuXRS.cjs","sources":["../../src/components/NcRelatedResourcesPanel/NcResource.vue","../../src/components/NcRelatedResourcesPanel/NcRelatedResourcesPanel.vue"],"sourcesContent":["<!--\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:href=\"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.ts'\n\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\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 v-if=\"appEnabled && isVisible\" class=\"related-resources\">\n\t\t<div class=\"related-resources__header\">\n\t\t\t<h5>{{ header }}</h5>\n\t\t\t<p>{{ subline }}</p>\n\t\t</div>\n\n\t\t<NcResource v-for=\"resource in resources\"\n\t\t\t:key=\"resource.itemId\"\n\t\t\tclass=\"related-resources__entry\"\n\t\t\t:icon=\"resource.icon\"\n\t\t\t:name=\"resource.title\"\n\t\t\t:url=\"resource.url\" />\n\t</div>\n</template>\n\n<script>\nimport axios from '@nextcloud/axios'\nimport { generateOcsUrl } from '@nextcloud/router'\n\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},\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\t\tmargin: 0 0 10px 46px;\n\n\t\th5 {\n\t\t\tfont-weight: bold;\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$1","NcButton","_l10n","_hoisted_1$1","_hoisted_2$1","_hoisted_3","vue","$data","$props","_sfc_main","_a","providerId","itemId","router","error","resources","response","axios__default","e","_hoisted_2","$options","_hoisted_1","resource"],"mappings":"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"}

package/dist/chunks/NcRelatedResourcesPanel-Dx3BH6bh.mjs

@@ -1,220 +0,0 @@
-import "../assets/NcRelatedResourcesPanel-CLX7sIKW.css";
-import y from "@nextcloud/axios";
-import { generateOcsUrl as g } from "@nextcloud/router";
-import { N as I } from "./NcButton-BOed2DnZ.mjs";
-import { r as p, C as R, a as t, D as N } from "./_l10n-D1NkaqfQ.mjs";
-import { resolveComponent as m, openBlock as l, createElementBlock as u, createVNode as b, withCtx as h, createElementVNode as o, createTextVNode as v, toDisplayString as d, Fragment as S, renderList as B, createBlock as T, createCommentVNode as w } from "vue";
-import { _ as f } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-p(R);
-const x = {
-  name: "NcResource",
-  components: {
-    NcButton: I
-  },
-  props: {
-    icon: {
-      type: String,
-      required: !0
-    },
-    name: {
-      type: String,
-      required: !0
-    },
-    url: {
-      type: String,
-      required: !0
-    }
-  },
-  data() {
-    return {
-      labelTranslated: t('Open link to "{resourceName}"', { resourceName: this.name })
-    };
-  },
-  methods: {
-    t
-  }
-}, k = { class: "resource" }, E = { class: "resource__icon" }, V = ["src"];
-function C(e, r, s, _, i, a) {
-  const c = m("NcButton");
-  return l(), u("li", k, [
-    b(c, {
-      class: "resource__button",
-      "aria-label": i.labelTranslated,
-      type: "tertiary",
-      href: s.url
-    }, {
-      icon: h(() => [
-        o("div", E, [
-          o("img", { src: s.icon }, null, 8, V)
-        ])
-      ]),
-      default: h(() => [
-        v(" " + d(s.name), 1)
-      ]),
-      _: 1
-    }, 8, ["aria-label", "href"])
-  ]);
-}
-const $ = /* @__PURE__ */ f(x, [["render", C], ["__scopeId", "data-v-e4d1c077"]]);
-p(N);
-const q = {
-  name: "NcRelatedResourcesPanel",
-  components: {
-    NcResource: $
-  },
-  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: t("Related resources")
-    },
-    description: {
-      type: String,
-      default: t("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 e;
-    return {
-      appEnabled: ((e = OC == null ? void 0 : OC.appswebroots) == null ? void 0 : e.related_resources) !== void 0,
-      loading: !1,
-      error: null,
-      resources: []
-    };
-  },
-  computed: {
-    isVisible() {
-      var e;
-      return this.loading ? !1 : (e = this.error) != null ? e : this.resources.length > 0;
-    },
-    subline() {
-      return this.error ? t("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 e;
-      return ((e = this.fileInfo) == null ? void 0 : e.id) !== void 0;
-    },
-    url() {
-      let e = null, r = null;
-      return this.isFiles ? (e = "files", r = this.fileInfo.id) : (e = this.providerId, r = this.itemId), g("/apps/related_resources/related/{providerId}?itemId={itemId}&resourceType={resourceType}&limit={limit}&format=json", {
-        providerId: e,
-        itemId: r,
-        resourceType: this.resourceType,
-        limit: this.limit
-      });
-    }
-  },
-  watch: {
-    providerId() {
-      this.fetchRelatedResources();
-    },
-    itemId() {
-      this.fetchRelatedResources();
-    },
-    fileInfo() {
-      this.fetchRelatedResources();
-    },
-    error(e) {
-      this.$emit("has-error", !!e);
-    },
-    resources(e) {
-      this.$emit("has-resources", e.length > 0);
-    }
-  },
-  created() {
-    this.fetchRelatedResources();
-  },
-  methods: {
-    t,
-    async fetchRelatedResources() {
-      var e;
-      if (!(!this.appEnabled || !this.hasResourceInfo)) {
-        this.loading = !0, this.error = null, this.resources = [];
-        try {
-          const r = await y.get(this.url);
-          this.resources = (e = r.data.ocs) == null ? void 0 : e.data;
-        } catch (r) {
-          this.error = r, console.error(r);
-        } finally {
-          this.loading = !1;
-        }
-      }
-    }
-  }
-}, O = {
-  key: 0,
-  class: "related-resources"
-}, F = { class: "related-resources__header" };
-function P(e, r, s, _, i, a) {
-  const c = m("NcResource");
-  return i.appEnabled && a.isVisible ? (l(), u("div", O, [
-    o("div", F, [
-      o("h5", null, d(s.header), 1),
-      o("p", null, d(a.subline), 1)
-    ]),
-    (l(!0), u(S, null, B(i.resources, (n) => (l(), T(c, {
-      key: n.itemId,
-      class: "related-resources__entry",
-      icon: n.icon,
-      name: n.title,
-      url: n.url
-    }, null, 8, ["icon", "name", "url"]))), 128))
-  ])) : w("", !0);
-}
-const H = /* @__PURE__ */ f(q, [["render", P], ["__scopeId", "data-v-dc5c8227"]]);
-export {
-  H as N
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"NcRelatedResourcesPanel-Dx3BH6bh.mjs","sources":["../../src/components/NcRelatedResourcesPanel/NcResource.vue","../../src/components/NcRelatedResourcesPanel/NcRelatedResourcesPanel.vue"],"sourcesContent":["<!--\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:href=\"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.ts'\n\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\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 v-if=\"appEnabled && isVisible\" class=\"related-resources\">\n\t\t<div class=\"related-resources__header\">\n\t\t\t<h5>{{ header }}</h5>\n\t\t\t<p>{{ subline }}</p>\n\t\t</div>\n\n\t\t<NcResource v-for=\"resource in resources\"\n\t\t\t:key=\"resource.itemId\"\n\t\t\tclass=\"related-resources__entry\"\n\t\t\t:icon=\"resource.icon\"\n\t\t\t:name=\"resource.title\"\n\t\t\t:url=\"resource.url\" />\n\t</div>\n</template>\n\n<script>\nimport axios from '@nextcloud/axios'\nimport { generateOcsUrl } from '@nextcloud/router'\n\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},\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\t\tmargin: 0 0 10px 46px;\n\n\t\th5 {\n\t\t\tfont-weight: bold;\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$1","NcButton","_hoisted_1$1","_hoisted_2$1","_hoisted_3","openBlock","createElementBlock","$data","$props","withCtx","createElementVNode","_sfc_main","_a","providerId","itemId","generateOcsUrl","error","resources","response","axios","e","_hoisted_2","$options","_hoisted_1","toDisplayString","Fragment","renderList","resource","createCommentVNode"],"mappings":";;;;;;;;AA2CA,MAAAA,IAAA;AAAA,EACC,MAAA;AAAA;IAGC,UAAAC;AAAA;EAGD,OAAA;AAAA;;;;;;;;;;;;;EAeA,OAAA;AACC,WAAA;AAAA,MACC,iBAAA,EAAA,iCAAA,EAAA,cAAA,KAAA,KAAA,CAAA;AAAA,IACD;AAAA;EAGD,SAAA;AAAA;;AAGD,GAnDKC,IAAA,EAAA,OAAA,WAAA,GAMIC,IAAA,EAAA,OAAA,iBAAA,GA7BTC,IAAA,CAAA,KAAA;;;AAuBC,SAAAC,EAAA,GAAAC,EAAA,MAAAJ,GAAA;AAAA;MACW,OAAA;AAAA,MACR,cAAAK,EAAA;AAAA,MACD,MAAA;AAAA,MACC,MAAAC,EAAA;AAAA;MACU,MAAAC,EAAA,MAAA;AAAA,QACVC,EAAA,OAAAP,GAAA;AAAA,UACCO,EAAA,OAAA,EAAA,KAAAF,EAAA,KAAA,GAAA,MAAA,GAAAJ,CAAA;AAAA;;MA9BL,SAAAK,EAAA,MAAA;AAAA;;;;;;;;ACsEA,MAAAE,IAAA;AAAA,EACC,MAAA;AAAA;;;EAMA,OAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;IAWC,QAAA;AAAA,MACC,MAAA,CAAA,QAAA,MAAA;AAAA;;;;;;;;;;;;IAaD,OAAA;AAAA;MAEC,SAAA;AAAA;;;;;;IAOD,UAAA;AAAA;;;;;;IAOA,QAAA;AAAA;;;;;MAMC,SAAA,EAAA,iEAAA;AAAA;;;;IAKD,SAAA;AAAA;;;;EAMD,OAAA;AAAA;IAEC;AAAA;EAGD,OAAA;;AACC,WAAA;AAAA;;;;IAKA;AAAA;EAGD,UAAA;AAAA;;AAEE,aAAA,KAAA,gBAGAC,IAAA,KAAA,UAAA,OAAAA,IAAA,KAAA,UAAA,SAAA;AAAA;IAED,UAAA;AACC,aAAA,KAAA,oHAGA,KAAA;AAAA;IAGD,kBAAA;;;IAUA,UAAA;;AACC,eAAAA,IAAA,KAAA,aAAA,gBAAAA,EAAA,QAAA;AAAA;;AAIA,UAAAC,IAAA;AAGA,aAAA,KAAA,WACCA,IAAA,uDAIAC,IAAA,KAAA,SAGDC,EAAA,sHAAA;AAAA;QAEC,QAAAD;AAAA,QACA,cAAA,KAAA;AAAA,QACA,OAAA,KAAA;AAAA;;;EAKH,OAAA;AAAA;;;IAIC,SAAA;;;;;;;AAYC,WAAA,MAAA,aAAA,EAAAE,CAAA;AAAA;IAED,UAAAC,GAAA;AAMC,WAAA,MAAA,iBAAAA,EAAA,SAAA,CAAA;AAAA;;EAIF,UAAA;;;EAIA,SAAA;AAAA;;;AAGE,UAAA,GAAA,KAAA,cAAA,CAAA,KAAA,kBAIA;AAAA,aAAA,UAAA,IACA,KAAA,QAAA,MACA,KAAA,YAAA,CAAA;AACA,YAAA;AACC,gBAAAC,IAAA,MAAAC,EAAA,IAAA,KAAA,GAAA;AACA,eAAA,aAAAP,IAAAM,EAAA,KAAA,QAAA,gBAAAN,EAAA;AAAA,QACD,SAAAQ,GAAA;0BAEC,QAAA,MAAAA,CAAA;AAAA,QACD,UAAA;AACC,eAAA,UAAA;AAAA,QACD;AAAA;AAAA;;AAGH;;EA5MqC,OAAA;GAC9BC,IAAA,EAAA,OAAA,4BAAA;;;AADK,SAAAd,EAAA,cAAAe,EAAA,aAAXjB,EAAA,GAAAC,EAAA,OAAAiB,GAAA;AAAA,IACCb,EAAA,OAAAW,GAAA;AAAA,MACCX,EAAA,MAAA,MAAAc,EAAAhB,EAAA,MAAA,GAAA,CAAA;AAAA,MACAE,EAAA,KAAA,MAAAc,EAAAF,EAAA,OAAA,GAAA,CAAA;AAAA;KAGDjB,EAAA,EAAA,GAAAC,EAAAmB,GAAA,MAAAC,EAAAnB,EAAA,WAAA,CAAAoB;;MAEC,OAAA;AAAA;;;;QAvDHC,EAAA,IAAA,EAAA;;;"}