@nextcloud/vue 8.0.0-beta.7 → 8.0.0-beta.9

package/dist/Components/NcProgressBar.cjs

@@ -1 +1,57 @@
-var n=require("../assets/index-c736204a.css");const s=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs");const t={name:"NcProgressBar",props:{value:{type:Number,default:0,validator(r){return r>=0&&r<=100}},size:{type:String,default:"small",validator(r){return["small","medium"].indexOf(r)!==-1}},error:{type:Boolean,default:!1}},computed:{height(){return this.size==="small"?"4px":"6px"}}};var a=function(){var r=this,e=r._self._c;return e("progress",{staticClass:"progress-bar vue",class:{"progress-bar--error":r.error},style:{"--progress-bar-height":r.height},attrs:{max:"100"},domProps:{value:r.value}})},l=[],o=s.normalizeComponent(t,a,l,!1,null,"b171a315",null,null);const u=o.exports;module.exports=u;
+var i = require("../assets/index-61b63a8f.css");
+const t = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs");
+const a = {
+  name: "NcProgressBar",
+  props: {
+    /**
+     * An integer between 1 and 100
+     */
+    value: {
+      type: Number,
+      default: 0,
+      validator(r) {
+        return r >= 0 && r <= 100;
+      }
+    },
+    /**
+     * Determines the height of the progressbar.
+     * Possible values:
+     * - 'small' (default)
+     * - 'medium'
+     */
+    size: {
+      type: String,
+      default: "small",
+      validator(r) {
+        return ["small", "medium"].indexOf(r) !== -1;
+      }
+    },
+    /**
+     * Applies an error color to the progressbar if true.
+     */
+    error: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    height() {
+      return this.size === "small" ? "4px" : "6px";
+    }
+  }
+};
+var o = function() {
+  var e = this, s = e._self._c;
+  return s("progress", { staticClass: "progress-bar vue", class: { "progress-bar--error": e.error }, style: { "--progress-bar-height": e.height }, attrs: { max: "100" }, domProps: { value: e.value } });
+}, n = [], l = /* @__PURE__ */ t.normalizeComponent(
+  a,
+  o,
+  n,
+  !1,
+  null,
+  "b171a315",
+  null,
+  null
+);
+const _ = l.exports;
+module.exports = _;

package/dist/Components/NcProgressBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcProgressBar.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NcProgressBar.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  - @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### Small\n```vue\n<NcProgressBar :value=\"60\" />\n```\n\n### Medium\n```vue\n<NcProgressBar :value=\"60\" size=\"medium\" />\n```\n\n### error\n```vue\n<NcProgressBar :value=\"60\" :error=\"true\" />\n```\n\n</docs>\n\n<template>\n\t<progress class=\"progress-bar vue\"\n\t\t:class=\"{ 'progress-bar--error': error }\"\n\t\t:style=\"{'--progress-bar-height': height }\"\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 */\n\t\tsize: {\n\t\t\ttype: String,\n\t\t\tdefault: 'small',\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['small', 'medium'].indexOf(value) !== -1\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},\n\tcomputed: {\n\t\theight() {\n\t\t\tif (this.size === 'small') {\n\t\t\t\treturn '4px'\n\t\t\t}\n\t\t\treturn '6px'\n\t\t},\n\t},\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n\n.progress-bar {\n\tdisplay: block;\n\theight: var(--progress-bar-height);\n\twidth: 100%;\n\toverflow: hidden;\n\tborder: 0;\n\tpadding: 0;\n\tbackground: var(--color-background-dark);\n\tborder-radius: calc(var(--progress-bar-height) / 2);\n\n\t// Browser specific rules\n\t&::-webkit-progress-bar {\n\t\theight: var(--progress-bar-height);\n\t\tbackground-color: transparent;\n\t}\n\t&::-webkit-progress-value {\n\t\tbackground: var(--gradient-primary-background);\n\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\t}\n\t&::-moz-progress-bar {\n\t\tbackground: var(--gradient-primary-background);\n\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\t}\n\t&--error {\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"],"mappings":";;AAmDA,MAAAA,IAAA;AAAA,EAEA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAC,GAAA;AACA,eAAAA,KAAA,KACAA,KAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAA,GAAA;AACA,eAAA,CAAA,SAAA,QAAA,EAAA,QAAAA,CAAA,MAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,SAAA;AACA,aAAA,KAAA,SAAA,UACA,QAEA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}

package/dist/Components/NcProgressBar.mjs

@@ -1,17 +1,59 @@
-import "../assets/index-c736204a.css";
-import { n as s } from "../chunks/_plugin-vue2_normalizer-5b4c43a4.mjs";
-const t = { name: "NcProgressBar", props: { value: { type: Number, default: 0, validator(r) {
-  return r >= 0 && r <= 100;
-} }, size: { type: String, default: "small", validator(r) {
-  return ["small", "medium"].indexOf(r) !== -1;
-} }, error: { type: Boolean, default: !1 } }, computed: { height() {
-  return this.size === "small" ? "4px" : "6px";
-} } };
-var a = function() {
-  var r = this, e = r._self._c;
-  return e("progress", { staticClass: "progress-bar vue", class: { "progress-bar--error": r.error }, style: { "--progress-bar-height": r.height }, attrs: { max: "100" }, domProps: { value: r.value } });
-}, l = [], o = s(t, a, l, !1, null, "b171a315", null, null);
-const n = o.exports;
+import "../assets/index-61b63a8f.css";
+import { n as a } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
+const t = {
+  name: "NcProgressBar",
+  props: {
+    /**
+     * An integer between 1 and 100
+     */
+    value: {
+      type: Number,
+      default: 0,
+      validator(r) {
+        return r >= 0 && r <= 100;
+      }
+    },
+    /**
+     * Determines the height of the progressbar.
+     * Possible values:
+     * - 'small' (default)
+     * - 'medium'
+     */
+    size: {
+      type: String,
+      default: "small",
+      validator(r) {
+        return ["small", "medium"].indexOf(r) !== -1;
+      }
+    },
+    /**
+     * Applies an error color to the progressbar if true.
+     */
+    error: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    height() {
+      return this.size === "small" ? "4px" : "6px";
+    }
+  }
+};
+var o = function() {
+  var e = this, s = e._self._c;
+  return s("progress", { staticClass: "progress-bar vue", class: { "progress-bar--error": e.error }, style: { "--progress-bar-height": e.height }, attrs: { max: "100" }, domProps: { value: e.value } });
+}, l = [], n = /* @__PURE__ */ a(
+  t,
+  o,
+  l,
+  !1,
+  null,
+  "b171a315",
+  null,
+  null
+);
+const p = n.exports;
 export {
-  n as default
+  p as default
 };

package/dist/Components/NcProgressBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcProgressBar.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}
+{"version":3,"file":"NcProgressBar.mjs","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  - @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### Small\n```vue\n<NcProgressBar :value=\"60\" />\n```\n\n### Medium\n```vue\n<NcProgressBar :value=\"60\" size=\"medium\" />\n```\n\n### error\n```vue\n<NcProgressBar :value=\"60\" :error=\"true\" />\n```\n\n</docs>\n\n<template>\n\t<progress class=\"progress-bar vue\"\n\t\t:class=\"{ 'progress-bar--error': error }\"\n\t\t:style=\"{'--progress-bar-height': height }\"\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 */\n\t\tsize: {\n\t\t\ttype: String,\n\t\t\tdefault: 'small',\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['small', 'medium'].indexOf(value) !== -1\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},\n\tcomputed: {\n\t\theight() {\n\t\t\tif (this.size === 'small') {\n\t\t\t\treturn '4px'\n\t\t\t}\n\t\t\treturn '6px'\n\t\t},\n\t},\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n\n.progress-bar {\n\tdisplay: block;\n\theight: var(--progress-bar-height);\n\twidth: 100%;\n\toverflow: hidden;\n\tborder: 0;\n\tpadding: 0;\n\tbackground: var(--color-background-dark);\n\tborder-radius: calc(var(--progress-bar-height) / 2);\n\n\t// Browser specific rules\n\t&::-webkit-progress-bar {\n\t\theight: var(--progress-bar-height);\n\t\tbackground-color: transparent;\n\t}\n\t&::-webkit-progress-value {\n\t\tbackground: var(--gradient-primary-background);\n\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\t}\n\t&::-moz-progress-bar {\n\t\tbackground: var(--gradient-primary-background);\n\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\t}\n\t&--error {\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"],"mappings":";;AAmDA,MAAAA,IAAA;AAAA,EAEA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAC,GAAA;AACA,eAAAA,KAAA,KACAA,KAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAA,GAAA;AACA,eAAA,CAAA,SAAA,QAAA,EAAA,QAAAA,CAAA,MAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,SAAA;AACA,aAAA,KAAA,SAAA,UACA,QAEA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

package/dist/Components/NcRelatedResourcesPanel.cjs

@@ -1 +1,184 @@
-var I=require("../assets/index-8f58dd75.css");const o=require("@nextcloud/axios"),a=require("@nextcloud/router"),l=require("./NcButton.cjs"),t=require("../chunks/l10n-46d0c1c0.cjs"),i=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs");const n={name:"NcResource",components:{NcButton:l},props:{icon:{type:String,required:!0},name:{type:String,required:!0},url:{type:String,required:!0}},data(){return{labelTranslated:t.t('Open link to "{resourceName}"',{resourceName:this.name})}},methods:{t:t.t}};var u=function(){var e=this,r=e._self._c;return r("li",{staticClass:"resource"},[r("NcButton",{staticClass:"resource__button",attrs:{"aria-label":e.labelTranslated,type:"tertiary",href:e.url},scopedSlots:e._u([{key:"icon",fn:function(){return[r("div",{staticClass:"resource__icon"},[r("img",{attrs:{src:e.icon}})])]},proxy:!0}])},[e._v(" "+e._s(e.name)+" ")])],1)},c=[],d=i.normalizeComponent(n,u,c,!1,null,"1a960bef",null,null);const h=d.exports;const p={name:"NcRelatedResourcesPanel",components:{NcResource:h},props:{providerId:{type:String,default:null},itemId:{type:[String,Number],default:null},fileInfo:{type:Object,default:null}},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,headerTranslated:t.t("Related resources"),loading:!1,error:null,resources:[]}},computed:{isVisible(){var e;return this.loading?!1:(e=this.error)!=null?e:this.resources.length>0},description(){return this.error?t.t("Error getting related resources. Please contact your system administrator if you have any questions."):t.t("Anything shared with the same group of people will show up here")},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),a.generateOcsUrl("/apps/related_resources/related/{providerId}?itemId={itemId}&format=json",{providerId:e,itemId:r})}},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:t.t,async fetchRelatedResources(){var e;if(!(!this.appEnabled||!this.hasResourceInfo)){this.loading=!0,this.error=null,this.resources=[];try{const r=await o.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}}}}};var f=function(){var e=this,r=e._self._c;return e.appEnabled&&e.isVisible?r("div",{staticClass:"related-resources"},[r("div",{staticClass:"related-resources__header"},[r("h5",[e._v(e._s(e.headerTranslated))]),r("p",[e._v(e._s(e.description))])]),e._l(e.resources,function(s){return r("NcResource",{key:s.itemId,staticClass:"related-resources__entry",attrs:{icon:s.icon,name:s.title,url:s.url}})})],2):e._e()},m=[],_=i.normalizeComponent(p,f,m,!1,null,"235fc8aa",null,null);const y=_.exports;module.exports=y;
+var I = require("../assets/index-e828b286.css");
+const o = require("@nextcloud/axios"), l = require("@nextcloud/router"), a = require("./NcButton.cjs"), s = require("../chunks/l10n-b1d264c7.cjs"), i = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs"), u = (r) => r && r.__esModule ? r : { default: r }, c = /* @__PURE__ */ u(o);
+const d = {
+  name: "NcResource",
+  components: {
+    NcButton: a
+  },
+  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
+  }
+};
+var _ = 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", href: 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);
+}, f = [], p = /* @__PURE__ */ i.normalizeComponent(
+  d,
+  _,
+  f,
+  !1,
+  null,
+  "1a960bef",
+  null,
+  null
+);
+const h = p.exports;
+const m = {
+  name: "NcRelatedResourcesPanel",
+  components: {
+    NcResource: h
+  },
+  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: null
+    },
+    /**
+     * Set the maximum number of resources to load
+     */
+    limit: {
+      type: Number,
+      default: null
+    },
+    /**
+     * Only used by the files sidebar
+     *
+     * File info is passed when registered with `OCA.Sharing.ShareTabSections.registerSection()`
+     */
+    fileInfo: {
+      type: Object,
+      default: null
+    }
+  },
+  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,
+      headerTranslated: s.t("Related resources"),
+      loading: !1,
+      error: null,
+      resources: []
+    };
+  },
+  computed: {
+    isVisible() {
+      var r;
+      return this.loading ? !1 : (r = this.error) != null ? r : this.resources.length > 0;
+    },
+    description() {
+      return this.error ? s.t("Error getting related resources. Please contact your system administrator if you have any questions.") : s.t("Anything shared with the same group of people will show up here");
+    },
+    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), l.generateOcsUrl("/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: s.t,
+    async fetchRelatedResources() {
+      var r;
+      if (!(!this.appEnabled || !this.hasResourceInfo)) {
+        this.loading = !0, this.error = null, this.resources = [];
+        try {
+          const e = await c.default.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 y = function() {
+  var e = this, t = e._self._c;
+  return e.appEnabled && e.isVisible ? t("div", { staticClass: "related-resources" }, [t("div", { staticClass: "related-resources__header" }, [t("h5", [e._v(e._s(e.headerTranslated))]), t("p", [e._v(e._s(e.description))])]), e._l(e.resources, function(n) {
+    return t("NcResource", { key: n.itemId, staticClass: "related-resources__entry", attrs: { icon: n.icon, name: n.title, url: n.url } });
+  })], 2) : e._e();
+}, v = [], R = /* @__PURE__ */ i.normalizeComponent(
+  m,
+  y,
+  v,
+  !1,
+  null,
+  "01cfeb01",
+  null,
+  null
+);
+const g = R.exports;
+module.exports = g;

package/dist/Components/NcRelatedResourcesPanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcRelatedResourcesPanel.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NcRelatedResourcesPanel.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.js'\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\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>{{ headerTranslated }}</h5>\n\t\t\t<p>{{ description }}</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: null,\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: null,\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},\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\theaderTranslated: t('Related resources'),\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\n\t\tdescription() {\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 t('Anything shared with the same group of people will show up here')\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","Components_NcButton","l10n","_sfc_main","NcResource","_a","providerId","itemId","router","error","resources","response","axios__default"],"mappings":"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"}

package/dist/Components/NcRelatedResourcesPanel.mjs

@@ -1,68 +1,190 @@
-import "../assets/index-8f58dd75.css";
+import "../assets/index-e828b286.css";
 import o from "@nextcloud/axios";
-import { generateOcsUrl as a } from "@nextcloud/router";
-import l from "./NcButton.mjs";
-import { t } from "../chunks/l10n-9a5a6afc.mjs";
-import { n as i } from "../chunks/_plugin-vue2_normalizer-5b4c43a4.mjs";
-const n = { name: "NcResource", components: { NcButton: l }, 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 } };
-var u = function() {
-  var e = this, r = e._self._c;
-  return r("li", { staticClass: "resource" }, [r("NcButton", { staticClass: "resource__button", attrs: { "aria-label": e.labelTranslated, type: "tertiary", href: e.url }, scopedSlots: e._u([{ key: "icon", fn: function() {
-    return [r("div", { staticClass: "resource__icon" }, [r("img", { attrs: { src: e.icon } })])];
+import { generateOcsUrl as l } from "@nextcloud/router";
+import a from "./NcButton.mjs";
+import { t as s } from "../chunks/l10n-05a09c66.mjs";
+import { n } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
+const u = {
+  name: "NcResource",
+  components: {
+    NcButton: a
+  },
+  props: {
+    icon: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    url: {
+      type: String,
+      required: !0
+    }
+  },
+  data() {
+    return {
+      labelTranslated: s('Open link to "{resourceName}"', { resourceName: this.name })
+    };
+  },
+  methods: {
+    t: s
+  }
+};
+var c = 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", href: 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);
-}, c = [], d = i(n, u, c, !1, null, "1a960bef", null, null);
-const h = d.exports;
-const p = { name: "NcRelatedResourcesPanel", components: { NcResource: h }, props: { providerId: { type: String, default: null }, itemId: { type: [String, Number], default: null }, fileInfo: { type: Object, default: null } }, 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, headerTranslated: t("Related resources"), loading: !1, error: null, resources: [] };
-}, computed: { isVisible() {
-  var e;
-  return this.loading ? !1 : (e = this.error) != null ? e : this.resources.length > 0;
-}, description() {
-  return this.error ? t("Error getting related resources. Please contact your system administrator if you have any questions.") : t("Anything shared with the same group of people will show up here");
-}, 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), a("/apps/related_resources/related/{providerId}?itemId={itemId}&format=json", { providerId: e, itemId: r });
-} }, 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 o.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;
+}, d = [], f = /* @__PURE__ */ n(
+  u,
+  c,
+  d,
+  !1,
+  null,
+  "1a960bef",
+  null,
+  null
+);
+const _ = f.exports;
+const p = {
+  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: null
+    },
+    /**
+     * Set the maximum number of resources to load
+     */
+    limit: {
+      type: Number,
+      default: null
+    },
+    /**
+     * Only used by the files sidebar
+     *
+     * File info is passed when registered with `OCA.Sharing.ShareTabSections.registerSection()`
+     */
+    fileInfo: {
+      type: Object,
+      default: null
+    }
+  },
+  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,
+      headerTranslated: s("Related resources"),
+      loading: !1,
+      error: null,
+      resources: []
+    };
+  },
+  computed: {
+    isVisible() {
+      var r;
+      return this.loading ? !1 : (r = this.error) != null ? r : this.resources.length > 0;
+    },
+    description() {
+      return this.error ? s("Error getting related resources. Please contact your system administrator if you have any questions.") : s("Anything shared with the same group of people will show up here");
+    },
+    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), l("/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: s,
+    async fetchRelatedResources() {
+      var r;
+      if (!(!this.appEnabled || !this.hasResourceInfo)) {
+        this.loading = !0, this.error = null, this.resources = [];
+        try {
+          const e = await o.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 f = function() {
-  var e = this, r = e._self._c;
-  return e.appEnabled && e.isVisible ? r("div", { staticClass: "related-resources" }, [r("div", { staticClass: "related-resources__header" }, [r("h5", [e._v(e._s(e.headerTranslated))]), r("p", [e._v(e._s(e.description))])]), e._l(e.resources, function(s) {
-    return r("NcResource", { key: s.itemId, staticClass: "related-resources__entry", attrs: { icon: s.icon, name: s.title, url: s.url } });
+};
+var h = function() {
+  var e = this, t = e._self._c;
+  return e.appEnabled && e.isVisible ? t("div", { staticClass: "related-resources" }, [t("div", { staticClass: "related-resources__header" }, [t("h5", [e._v(e._s(e.headerTranslated))]), t("p", [e._v(e._s(e.description))])]), e._l(e.resources, function(i) {
+    return t("NcResource", { key: i.itemId, staticClass: "related-resources__entry", attrs: { icon: i.icon, name: i.title, url: i.url } });
   })], 2) : e._e();
-}, m = [], _ = i(p, f, m, !1, null, "235fc8aa", null, null);
-const N = _.exports;
+}, m = [], y = /* @__PURE__ */ n(
+  p,
+  h,
+  m,
+  !1,
+  null,
+  "01cfeb01",
+  null,
+  null
+);
+const T = y.exports;
 export {
-  N as default
+  T as default
 };