@nextcloud/vue 8.0.0-beta.6 → 8.0.0-beta.8

package/dist/Components/NcAppNavigationNew.mjs

@@ -1,16 +1,53 @@
-import "../assets/index24.css";
-import n from "./NcButton.mjs";
-import { n as o } from "../chunks/_plugin-vue2_normalizer-5b4c43a4.mjs";
-const i = { components: { NcButton: n }, props: { buttonId: { type: String, required: !1, default: "" }, disabled: { type: Boolean, required: !1, default: !1 }, text: { type: String, required: !0 } }, emits: ["click"] };
-var r = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "app-navigation-new" }, [e("NcButton", { attrs: { id: t.buttonId, disabled: t.disabled }, on: { click: function(u) {
-    return t.$emit("click");
-  } }, scopedSlots: t._u([{ key: "icon", fn: function() {
-    return [t._t("icon")];
-  }, proxy: !0 }], null, !0) }, [t._v(" " + t._s(t.text) + " ")])], 1);
-}, l = [], s = o(i, r, l, !1, null, "76eae993", null, null);
-const p = s.exports;
+import "../assets/index-30e099f7.css";
+import r from "./NcButton.mjs";
+import { n as i } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
+const a = {
+  components: {
+    NcButton: r
+  },
+  props: {
+    buttonId: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    text: {
+      type: String,
+      required: !0
+    },
+    type: {
+      type: String,
+      default: "primary",
+      validator(t) {
+        return ["primary", "secondary", "tertiary"].indexOf(t) !== -1;
+      }
+    }
+  },
+  emits: ["click"]
+};
+var o = function() {
+  var e = this, n = e._self._c;
+  return n("div", { staticClass: "app-navigation-new" }, [n("NcButton", { attrs: { id: e.buttonId, disabled: e.disabled, type: e.type }, on: { click: function(l) {
+    return e.$emit("click");
+  } }, scopedSlots: e._u([{ key: "icon", fn: function() {
+    return [e._t("icon")];
+  }, proxy: !0 }], null, !0) }, [e._v(" " + e._s(e.text) + " ")])], 1);
+}, s = [], c = /* @__PURE__ */ i(
+  a,
+  o,
+  s,
+  !1,
+  null,
+  "e8e5ca46",
+  null,
+  null
+);
+const d = c.exports;
 export {
-  p as default
+  d as default
 };

package/dist/Components/NcAppNavigationNew.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcAppNavigationNew.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"NcAppNavigationNew.mjs","sources":["../../src/components/NcAppNavigationNew/NcAppNavigationNew.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2018 Christoph Wurst <christoph@winzerhof-wurst.at>\n -\n - @author Christoph Wurst <christoph@winzerhof-wurst.at>\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\n <docs>\n### Usage\n\n ```\n <template>\n\t<NcAppNavigationNew text=\"New Element\">\n\t\t<template #icon>\n\t\t\t<Plus :size=\"20\" />\n\t\t</template>\n\t</NcAppNavigationNew>\n </template>\n <script>\n import Plus from 'vue-material-design-icons/Plus'\n\n export default {\n\tcomponents: {\n\t\tPlus,\n\t},\n }\n </script>\n ```\n </docs>\n\n<template>\n\t<div class=\"app-navigation-new\">\n\t\t<NcButton :id=\"buttonId\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t:type=\"type\"\n\t\t\t@click=\"$emit('click')\">\n\t\t\t<template #icon>\n\t\t\t\t<slot name=\"icon\" />\n\t\t\t</template>\n\t\t\t{{ text }}\n\t\t</NcButton>\n\t</div>\n</template>\n\n<script>\nimport NcButton from '../NcButton/index.js'\n\nexport default {\n\tcomponents: {\n\t\tNcButton,\n\t},\n\tprops: {\n\t\tbuttonId: {\n\t\t\ttype: String,\n\t\t\trequired: false,\n\t\t\tdefault: '',\n\t\t},\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\trequired: false,\n\t\t\tdefault: false,\n\t\t},\n\t\ttext: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'primary',\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['primary', 'secondary', 'tertiary'].indexOf(value) !== -1\n\t\t\t},\n\t\t},\n\t},\n\n\temits: ['click'],\n}\n</script>\n\n <style lang=\"scss\" scoped>\n/* 'New' button */\n.app-navigation-new {\n\tdisplay: block;\n\tpadding: calc(var(--default-grid-baseline, 4px) * 2);\n\tbutton {\n\t\twidth: 100%;\n\t}\n}\n</style>\n"],"names":["_sfc_main","NcButton","value"],"mappings":";;;AA8DA,MAAAA,IAAA;AAAA,EACA,YAAA;AAAA,IACA,UAAAC;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAC,GAAA;AACA,eAAA,CAAA,WAAA,aAAA,UAAA,EAAA,QAAAA,CAAA,MAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,OAAA;AACA;;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcAppNavigationNewItem.cjs

@@ -1 +1,87 @@
-var p=require("../assets/index27.css");const a=require("../chunks/NcInputConfirmCancel-77c2b04f.cjs"),i=require("./NcLoadingIcon.cjs"),l=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs");const c={name:"NcAppNavigationNewItem",components:{NcInputConfirmCancel:a.NcInputConfirmCancel,NcLoadingIcon:i},props:{name:{type:String,required:!0},icon:{type:String,default:""},loading:{type:Boolean,default:!1},editLabel:{type:String,default:""},editPlaceholder:{type:String,default:""}},emits:["new-item"],data(){return{newItemValue:"",newItemActive:!1}},methods:{handleNewItem(){this.loading||(this.newItemActive=!0,this.$nextTick(()=>{this.$refs.newItemInput.focusInput()}))},cancelNewItem(){this.newItemActive=!1},handleNewItemDone(){this.$emit("new-item",this.newItemValue),this.newItemValue="",this.newItemActive=!1}}};var o=function(){var e=this,t=e._self._c;return t("li",{staticClass:"app-navigation-entry",class:{"app-navigation-entry--newItemActive":e.newItemActive}},[t("button",{staticClass:"app-navigation-entry-button",on:{click:e.handleNewItem}},[t("span",{staticClass:"app-navigation-entry-icon",class:{[e.icon]:!e.loading}},[e.loading?t("NcLoadingIcon"):e._t("icon")],2),e.newItemActive?e._e():t("span",{staticClass:"app-navigation-new-item__name",attrs:{title:e.name}},[e._v(" "+e._s(e.name)+" ")]),e.newItemActive?t("span",{staticClass:"newItemContainer"},[t("NcInputConfirmCancel",{ref:"newItemInput",attrs:{placeholder:e.editPlaceholder!==""?e.editPlaceholder:e.name},on:{cancel:e.cancelNewItem,confirm:e.handleNewItemDone},model:{value:e.newItemValue,callback:function(n){e.newItemValue=n},expression:"newItemValue"}})],1):e._e()])])},s=[],m=l.normalizeComponent(c,o,s,!1,null,null,null,null);const r=m.exports;module.exports=r;
+var u = require("../assets/index-d646553d.css");
+const a = require("../chunks/NcInputConfirmCancel-0c4bee9a.cjs"), i = require("./NcLoadingIcon.cjs"), c = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs");
+const l = {
+  name: "NcAppNavigationNewItem",
+  components: {
+    NcInputConfirmCancel: a.NcInputConfirmCancel,
+    NcLoadingIcon: i
+  },
+  props: {
+    /**
+     * The name of the element.
+     */
+    name: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Refers to the icon on the left, this prop accepts a class
+     * like 'icon-category-enabled'.
+     */
+    icon: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Displays a loading animated icon on the left of the element
+     * instead of the icon.
+     */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Only for 'editable' items, sets label for the edit action button.
+     */
+    editLabel: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Sets the placeholder text for the editing form.
+     */
+    editPlaceholder: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["new-item"],
+  data() {
+    return {
+      newItemValue: "",
+      newItemActive: !1
+    };
+  },
+  methods: {
+    handleNewItem() {
+      this.loading || (this.newItemActive = !0, this.$nextTick(() => {
+        this.$refs.newItemInput.focusInput();
+      }));
+    },
+    cancelNewItem() {
+      this.newItemActive = !1;
+    },
+    handleNewItemDone() {
+      this.$emit("new-item", this.newItemValue), this.newItemValue = "", this.newItemActive = !1;
+    }
+  }
+};
+var o = function() {
+  var e = this, t = e._self._c;
+  return t("li", { staticClass: "app-navigation-entry", class: {
+    "app-navigation-entry--newItemActive": e.newItemActive
+  } }, [t("button", { staticClass: "app-navigation-entry-button", on: { click: e.handleNewItem } }, [t("span", { staticClass: "app-navigation-entry-icon", class: { [e.icon]: !e.loading } }, [e.loading ? t("NcLoadingIcon") : e._t("icon")], 2), e.newItemActive ? e._e() : t("span", { staticClass: "app-navigation-new-item__name", attrs: { title: e.name } }, [e._v(" " + e._s(e.name) + " ")]), e.newItemActive ? t("span", { staticClass: "newItemContainer" }, [t("NcInputConfirmCancel", { ref: "newItemInput", attrs: { placeholder: e.editPlaceholder !== "" ? e.editPlaceholder : e.name }, on: { cancel: e.cancelNewItem, confirm: e.handleNewItemDone }, model: { value: e.newItemValue, callback: function(n) {
+    e.newItemValue = n;
+  }, expression: "newItemValue" } })], 1) : e._e()])]);
+}, s = [], r = /* @__PURE__ */ c.normalizeComponent(
+  l,
+  o,
+  s,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const m = r.exports;
+module.exports = m;

package/dist/Components/NcAppNavigationNewItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcAppNavigationNewItem.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NcAppNavigationNewItem.cjs","sources":["../../src/components/NcAppNavigationNewItem/NcAppNavigationNewItem.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2020 Jonathan Treffler <mail@jonathan-treffler.de>\n -\n - @author Jonathan Treffler <mail@jonathan-treffler.de>\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\n<docs>\n# Usage\n\n### New Item element\n```vue\n\t<template>\n\t\t<NcAppNavigationNewItem name=\"New Item\" @new-item=\"function(value){alert(value)}\">\n\t\t\t<template #icon>\n\t\t\t\t<Plus :size=\"20\" />\n\t\t\t</template>\n\t\t</NcAppNavigationNewItem>\n\t</template>\n\t<script>\n\timport Plus from 'vue-material-design-icons/Plus'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tPlus,\n\t\t},\n\t}\n\t</script>\n```\n\n### New Item element with a loading animation instead of the icon\n```vue\n\t<template>\n\t\t<NcAppNavigationNewItem name=\"New Item\" :loading=\"true\">\n\t\t\t<template #icon>\n\t\t\t\t<Plus :size=\"20\" />\n\t\t\t</template>\n\t\t</NcAppNavigationNewItem>\n\t</template>\n\t<script>\n\timport Plus from 'vue-material-design-icons/Plus'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tPlus,\n\t\t},\n\t}\n\t</script>\n```\n</docs>\n<template>\n\t<li :class=\"{\n\t\t\t'app-navigation-entry--newItemActive': newItemActive,\n\t\t}\"\n\t\tclass=\"app-navigation-entry\">\n\t\t<!-- New Item -->\n\t\t<button class=\"app-navigation-entry-button\" @click=\"handleNewItem\">\n\t\t\t<span :class=\"{ [icon]: !loading }\"\n\t\t\t\tclass=\"app-navigation-entry-icon\">\n\t\t\t\t<NcLoadingIcon v-if=\"loading\" />\n\t\t\t\t<slot v-else name=\"icon\" />\n\t\t\t</span>\n\n\t\t\t<span v-if=\"!newItemActive\" class=\"app-navigation-new-item__name\" :title=\"name\">\n\t\t\t\t{{ name }}\n\t\t\t</span>\n\n\t\t\t<!-- new Item input -->\n\t\t\t<span v-if=\"newItemActive\" class=\"newItemContainer\">\n\t\t\t\t<NcInputConfirmCancel ref=\"newItemInput\"\n\t\t\t\t\tv-model=\"newItemValue\"\n\t\t\t\t\t:placeholder=\"editPlaceholder !== '' ? editPlaceholder : name\"\n\t\t\t\t\t@cancel=\"cancelNewItem\"\n\t\t\t\t\t@confirm=\"handleNewItemDone\" />\n\t\t\t</span>\n\t\t</button>\n\t</li>\n</template>\n\n<script>\nimport NcInputConfirmCancel from '../NcAppNavigationItem/NcInputConfirmCancel.vue'\nimport NcLoadingIcon from '../NcLoadingIcon/index.js'\n\nexport default {\n\tname: 'NcAppNavigationNewItem',\n\n\tcomponents: {\n\t\tNcInputConfirmCancel,\n\t\tNcLoadingIcon,\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * The name of the element.\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\t/**\n\t\t * Refers to the icon on the left, this prop accepts a class\n\t\t * like 'icon-category-enabled'.\n\t\t */\n\t\ticon: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Displays a loading animated icon on the left of the element\n\t\t * instead of the icon.\n\t\t */\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * Only for 'editable' items, sets label for the edit action button.\n\t\t */\n\t\teditLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * Sets the placeholder text for the editing form.\n\t\t */\n\t\teditPlaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: ['new-item'],\n\n\tdata() {\n\t\treturn {\n\t\t\tnewItemValue: '',\n\t\t\tnewItemActive: false,\n\t\t}\n\t},\n\n\tmethods: {\n\t\thandleNewItem() {\n\t\t\tif (!this.loading) {\n\t\t\t\tthis.newItemActive = true\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tthis.$refs.newItemInput.focusInput()\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\tcancelNewItem() {\n\t\t\tthis.newItemActive = false\n\t\t},\n\t\thandleNewItemDone() {\n\t\t\tthis.$emit('new-item', this.newItemValue)\n\t\t\tthis.newItemValue = ''\n\t\t\tthis.newItemActive = false\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\">\n.app-navigation-new-item__name {\n\toverflow: hidden;\n\tmax-width: 100%;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\tpadding-left: 7px;\n\tfont-size: 14px;\n}\n\n.newItemContainer {\n\twidth: calc(100% - #{$clickable-area});\n\tmargin: auto;\n}\n</style>\n"],"names":["_sfc_main","NcInputConfirmCancel","Components_NcLoadingIcon"],"mappings":";;AAkGA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,sBAAAC,EAAA;AAAA,IACA,eAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,iBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,UAAA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,gBAAA;AACA,MAAA,KAAA,YACA,KAAA,gBAAA,IACA,KAAA,UAAA,MAAA;AACA,aAAA,MAAA,aAAA,WAAA;AAAA,MACA,CAAA;AAAA,IAEA;AAAA,IACA,gBAAA;AACA,WAAA,gBAAA;AAAA,IACA;AAAA,IACA,oBAAA;AACA,WAAA,MAAA,YAAA,KAAA,YAAA,GACA,KAAA,eAAA,IACA,KAAA,gBAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcAppNavigationNewItem.mjs

@@ -1,24 +1,90 @@
-import "../assets/index40.css";
-import { N as a } from "../chunks/NcInputConfirmCancel-c440e1b1.mjs";
+import "../assets/index-d646553d.css";
+import { N as a } from "../chunks/NcInputConfirmCancel-f881168d.mjs";
 import i from "./NcLoadingIcon.mjs";
-import { n as l } from "../chunks/_plugin-vue2_normalizer-5b4c43a4.mjs";
-const o = { name: "NcAppNavigationNewItem", components: { NcInputConfirmCancel: a, NcLoadingIcon: i }, props: { name: { type: String, required: !0 }, icon: { type: String, default: "" }, loading: { type: Boolean, default: !1 }, editLabel: { type: String, default: "" }, editPlaceholder: { type: String, default: "" } }, emits: ["new-item"], data() {
-  return { newItemValue: "", newItemActive: !1 };
-}, methods: { handleNewItem() {
-  this.loading || (this.newItemActive = !0, this.$nextTick(() => {
-    this.$refs.newItemInput.focusInput();
-  }));
-}, cancelNewItem() {
-  this.newItemActive = !1;
-}, handleNewItemDone() {
-  this.$emit("new-item", this.newItemValue), this.newItemValue = "", this.newItemActive = !1;
-} } };
-var c = function() {
+import { n as l } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
+const o = {
+  name: "NcAppNavigationNewItem",
+  components: {
+    NcInputConfirmCancel: a,
+    NcLoadingIcon: i
+  },
+  props: {
+    /**
+     * The name of the element.
+     */
+    name: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Refers to the icon on the left, this prop accepts a class
+     * like 'icon-category-enabled'.
+     */
+    icon: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Displays a loading animated icon on the left of the element
+     * instead of the icon.
+     */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Only for 'editable' items, sets label for the edit action button.
+     */
+    editLabel: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Sets the placeholder text for the editing form.
+     */
+    editPlaceholder: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["new-item"],
+  data() {
+    return {
+      newItemValue: "",
+      newItemActive: !1
+    };
+  },
+  methods: {
+    handleNewItem() {
+      this.loading || (this.newItemActive = !0, this.$nextTick(() => {
+        this.$refs.newItemInput.focusInput();
+      }));
+    },
+    cancelNewItem() {
+      this.newItemActive = !1;
+    },
+    handleNewItemDone() {
+      this.$emit("new-item", this.newItemValue), this.newItemValue = "", this.newItemActive = !1;
+    }
+  }
+};
+var s = function() {
   var e = this, t = e._self._c;
-  return t("li", { staticClass: "app-navigation-entry", class: { "app-navigation-entry--newItemActive": e.newItemActive } }, [t("button", { staticClass: "app-navigation-entry-button", on: { click: e.handleNewItem } }, [t("span", { staticClass: "app-navigation-entry-icon", class: { [e.icon]: !e.loading } }, [e.loading ? t("NcLoadingIcon") : e._t("icon")], 2), e.newItemActive ? e._e() : t("span", { staticClass: "app-navigation-new-item__name", attrs: { title: e.name } }, [e._v(" " + e._s(e.name) + " ")]), e.newItemActive ? t("span", { staticClass: "newItemContainer" }, [t("NcInputConfirmCancel", { ref: "newItemInput", attrs: { placeholder: e.editPlaceholder !== "" ? e.editPlaceholder : e.name }, on: { cancel: e.cancelNewItem, confirm: e.handleNewItemDone }, model: { value: e.newItemValue, callback: function(n) {
+  return t("li", { staticClass: "app-navigation-entry", class: {
+    "app-navigation-entry--newItemActive": e.newItemActive
+  } }, [t("button", { staticClass: "app-navigation-entry-button", on: { click: e.handleNewItem } }, [t("span", { staticClass: "app-navigation-entry-icon", class: { [e.icon]: !e.loading } }, [e.loading ? t("NcLoadingIcon") : e._t("icon")], 2), e.newItemActive ? e._e() : t("span", { staticClass: "app-navigation-new-item__name", attrs: { title: e.name } }, [e._v(" " + e._s(e.name) + " ")]), e.newItemActive ? t("span", { staticClass: "newItemContainer" }, [t("NcInputConfirmCancel", { ref: "newItemInput", attrs: { placeholder: e.editPlaceholder !== "" ? e.editPlaceholder : e.name }, on: { cancel: e.cancelNewItem, confirm: e.handleNewItemDone }, model: { value: e.newItemValue, callback: function(n) {
     e.newItemValue = n;
   }, expression: "newItemValue" } })], 1) : e._e()])]);
-}, s = [], m = l(o, c, s, !1, null, null, null, null);
+}, c = [], m = /* @__PURE__ */ l(
+  o,
+  s,
+  c,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
 const w = m.exports;
 export {
   w as default

package/dist/Components/NcAppNavigationNewItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcAppNavigationNewItem.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcAppNavigationNewItem.mjs","sources":["../../src/components/NcAppNavigationNewItem/NcAppNavigationNewItem.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2020 Jonathan Treffler <mail@jonathan-treffler.de>\n -\n - @author Jonathan Treffler <mail@jonathan-treffler.de>\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\n<docs>\n# Usage\n\n### New Item element\n```vue\n\t<template>\n\t\t<NcAppNavigationNewItem name=\"New Item\" @new-item=\"function(value){alert(value)}\">\n\t\t\t<template #icon>\n\t\t\t\t<Plus :size=\"20\" />\n\t\t\t</template>\n\t\t</NcAppNavigationNewItem>\n\t</template>\n\t<script>\n\timport Plus from 'vue-material-design-icons/Plus'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tPlus,\n\t\t},\n\t}\n\t</script>\n```\n\n### New Item element with a loading animation instead of the icon\n```vue\n\t<template>\n\t\t<NcAppNavigationNewItem name=\"New Item\" :loading=\"true\">\n\t\t\t<template #icon>\n\t\t\t\t<Plus :size=\"20\" />\n\t\t\t</template>\n\t\t</NcAppNavigationNewItem>\n\t</template>\n\t<script>\n\timport Plus from 'vue-material-design-icons/Plus'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tPlus,\n\t\t},\n\t}\n\t</script>\n```\n</docs>\n<template>\n\t<li :class=\"{\n\t\t\t'app-navigation-entry--newItemActive': newItemActive,\n\t\t}\"\n\t\tclass=\"app-navigation-entry\">\n\t\t<!-- New Item -->\n\t\t<button class=\"app-navigation-entry-button\" @click=\"handleNewItem\">\n\t\t\t<span :class=\"{ [icon]: !loading }\"\n\t\t\t\tclass=\"app-navigation-entry-icon\">\n\t\t\t\t<NcLoadingIcon v-if=\"loading\" />\n\t\t\t\t<slot v-else name=\"icon\" />\n\t\t\t</span>\n\n\t\t\t<span v-if=\"!newItemActive\" class=\"app-navigation-new-item__name\" :title=\"name\">\n\t\t\t\t{{ name }}\n\t\t\t</span>\n\n\t\t\t<!-- new Item input -->\n\t\t\t<span v-if=\"newItemActive\" class=\"newItemContainer\">\n\t\t\t\t<NcInputConfirmCancel ref=\"newItemInput\"\n\t\t\t\t\tv-model=\"newItemValue\"\n\t\t\t\t\t:placeholder=\"editPlaceholder !== '' ? editPlaceholder : name\"\n\t\t\t\t\t@cancel=\"cancelNewItem\"\n\t\t\t\t\t@confirm=\"handleNewItemDone\" />\n\t\t\t</span>\n\t\t</button>\n\t</li>\n</template>\n\n<script>\nimport NcInputConfirmCancel from '../NcAppNavigationItem/NcInputConfirmCancel.vue'\nimport NcLoadingIcon from '../NcLoadingIcon/index.js'\n\nexport default {\n\tname: 'NcAppNavigationNewItem',\n\n\tcomponents: {\n\t\tNcInputConfirmCancel,\n\t\tNcLoadingIcon,\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * The name of the element.\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\t/**\n\t\t * Refers to the icon on the left, this prop accepts a class\n\t\t * like 'icon-category-enabled'.\n\t\t */\n\t\ticon: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Displays a loading animated icon on the left of the element\n\t\t * instead of the icon.\n\t\t */\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * Only for 'editable' items, sets label for the edit action button.\n\t\t */\n\t\teditLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * Sets the placeholder text for the editing form.\n\t\t */\n\t\teditPlaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: ['new-item'],\n\n\tdata() {\n\t\treturn {\n\t\t\tnewItemValue: '',\n\t\t\tnewItemActive: false,\n\t\t}\n\t},\n\n\tmethods: {\n\t\thandleNewItem() {\n\t\t\tif (!this.loading) {\n\t\t\t\tthis.newItemActive = true\n\t\t\t\tthis.$nextTick(() => {\n\t\t\t\t\tthis.$refs.newItemInput.focusInput()\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\tcancelNewItem() {\n\t\t\tthis.newItemActive = false\n\t\t},\n\t\thandleNewItemDone() {\n\t\t\tthis.$emit('new-item', this.newItemValue)\n\t\t\tthis.newItemValue = ''\n\t\t\tthis.newItemActive = false\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\">\n.app-navigation-new-item__name {\n\toverflow: hidden;\n\tmax-width: 100%;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\tpadding-left: 7px;\n\tfont-size: 14px;\n}\n\n.newItemContainer {\n\twidth: calc(100% - #{$clickable-area});\n\tmargin: auto;\n}\n</style>\n"],"names":["_sfc_main","NcInputConfirmCancel","NcLoadingIcon"],"mappings":";;;;AAkGA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,iBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA,CAAA,UAAA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,gBAAA;AACA,MAAA,KAAA,YACA,KAAA,gBAAA,IACA,KAAA,UAAA,MAAA;AACA,aAAA,MAAA,aAAA,WAAA;AAAA,MACA,CAAA;AAAA,IAEA;AAAA,IACA,gBAAA;AACA,WAAA,gBAAA;AAAA,IACA;AAAA,IACA,oBAAA;AACA,WAAA,MAAA,YAAA,KAAA,YAAA,GACA,KAAA,eAAA,IACA,KAAA,gBAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcAppNavigationSettings.cjs

@@ -1 +1,69 @@
-var d=require("../assets/index25.css");const i=require("../chunks/l10n-46d0c1c0.cjs"),s=require("../Mixins/clickOutsideOptions.cjs");require("../chunks/IsMobileState-151fc57d.cjs"),require("@nextcloud/router"),/* empty css                                                                                    */const n=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs");require("linkify-string"),require("escape-html"),require("striptags"),require("vue"),require("@nextcloud/auth"),require("@nextcloud/axios"),require("@nextcloud/capabilities");const r=require("vue-material-design-icons/Cog.vue"),a=require("@vueuse/components");const o={directives:{ClickOutside:a.vOnClickOutside},components:{Cog:r},mixins:[s],props:{name:{type:String,required:!1,default:i.t("Settings")}},data(){return{open:!1}},computed:{clickOutsideConfig(){return[this.closeMenu,this.clickOutsideOptions]},ariaLabel(){return i.t("Open settings menu")}},methods:{toggleMenu(){this.open=!this.open},closeMenu(){this.open=!1}}};var u=function(){var e=this,t=e._self._c;return t("div",{directives:[{name:"click-outside",rawName:"v-click-outside",value:e.clickOutsideConfig,expression:"clickOutsideConfig"}],class:{open:e.open},attrs:{id:"app-settings"}},[t("div",{attrs:{id:"app-settings__header"}},[t("button",{staticClass:"settings-button",attrs:{type:"button","aria-expanded":e.open?"true":"false","aria-controls":"app-settings__content","aria-label":e.ariaLabel},on:{click:e.toggleMenu}},[t("Cog",{staticClass:"settings-button__icon",attrs:{size:20}}),t("span",{staticClass:"settings-button__label"},[e._v(e._s(e.name))])],1)]),t("transition",{attrs:{name:"slide-up"}},[t("div",{directives:[{name:"show",rawName:"v-show",value:e.open,expression:"open"}],attrs:{id:"app-settings__content"}},[e._t("default")],2)])],1)},c=[],l=n.normalizeComponent(o,u,c,!1,null,"db4cc195",null,null);const p=l.exports;module.exports=p;
+var v = require("../assets/index-34dfc54e.css");
+const i = require("../chunks/l10n-903083c4.cjs"), n = require("../Mixins/clickOutsideOptions.cjs");
+require("vue");
+require("@nextcloud/router");
+/* empty css                                                                                     */const r = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs");
+require("linkify-string");
+require("escape-html");
+require("striptags");
+require("@nextcloud/auth");
+require("@nextcloud/axios");
+require("@nextcloud/capabilities");
+const a = require("vue-material-design-icons/Cog.vue"), o = require("@vueuse/components"), c = (s) => s && s.__esModule ? s : { default: s }, u = /* @__PURE__ */ c(a);
+const l = {
+  directives: {
+    ClickOutside: o.vOnClickOutside
+  },
+  components: {
+    Cog: u.default
+  },
+  mixins: [
+    n
+  ],
+  props: {
+    name: {
+      type: String,
+      required: !1,
+      default: i.t("Settings")
+    }
+  },
+  data() {
+    return {
+      open: !1
+    };
+  },
+  computed: {
+    clickOutsideConfig() {
+      return [
+        this.closeMenu,
+        this.clickOutsideOptions
+      ];
+    },
+    ariaLabel() {
+      return i.t("Open settings menu");
+    }
+  },
+  methods: {
+    toggleMenu() {
+      this.open = !this.open;
+    },
+    closeMenu() {
+      this.open = !1;
+    }
+  }
+};
+var p = function() {
+  var e = this, t = e._self._c;
+  return t("div", { directives: [{ name: "click-outside", rawName: "v-click-outside", value: e.clickOutsideConfig, expression: "clickOutsideConfig" }], class: { open: e.open }, attrs: { id: "app-settings" } }, [t("div", { attrs: { id: "app-settings__header" } }, [t("button", { staticClass: "settings-button", attrs: { type: "button", "aria-expanded": e.open ? "true" : "false", "aria-controls": "app-settings__content", "aria-label": e.ariaLabel }, on: { click: e.toggleMenu } }, [t("Cog", { staticClass: "settings-button__icon", attrs: { size: 20 } }), t("span", { staticClass: "settings-button__label" }, [e._v(e._s(e.name))])], 1)]), t("transition", { attrs: { name: "slide-up" } }, [t("div", { directives: [{ name: "show", rawName: "v-show", value: e.open, expression: "open" }], attrs: { id: "app-settings__content" } }, [e._t("default")], 2)])], 1);
+}, _ = [], d = /* @__PURE__ */ r.normalizeComponent(
+  l,
+  p,
+  _,
+  !1,
+  null,
+  "db4cc195",
+  null,
+  null
+);
+const g = d.exports;
+module.exports = g;

package/dist/Components/NcAppNavigationSettings.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcAppNavigationSettings.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NcAppNavigationSettings.cjs","sources":["../../src/components/NcAppNavigationSettings/NcAppNavigationSettings.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2018 Christoph Wurst <christoph@winzerhof-wurst.at>\n -\n - @author Christoph Wurst <christoph@winzerhof-wurst.at>\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\n<template>\n\t<div id=\"app-settings\"\n\t\tv-click-outside=\"clickOutsideConfig\"\n\t\t:class=\"{ open }\">\n\t\t<div id=\"app-settings__header\">\n\t\t\t<button class=\"settings-button\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t:aria-expanded=\"open ? 'true' : 'false'\"\n\t\t\t\taria-controls=\"app-settings__content\"\n\t\t\t\t:aria-label=\"ariaLabel\"\n\t\t\t\t@click=\"toggleMenu\">\n\t\t\t\t<Cog class=\"settings-button__icon\" :size=\"20\" />\n\t\t\t\t<span class=\"settings-button__label\">{{ name }}</span>\n\t\t\t</button>\n\t\t</div>\n\t\t<transition name=\"slide-up\">\n\t\t\t<div v-show=\"open\" id=\"app-settings__content\">\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t</transition>\n\t</div>\n</template>\n\n<script>\nimport { t } from '../../l10n.js'\nimport { clickOutsideOptions } from '../../mixins/index.js'\n\nimport Cog from 'vue-material-design-icons/Cog.vue'\n\nimport { vOnClickOutside as ClickOutside } from '@vueuse/components'\n\nexport default {\n\tdirectives: {\n\t\tClickOutside,\n\t},\n\tcomponents: {\n\t\tCog,\n\t},\n\tmixins: [\n\t\tclickOutsideOptions,\n\t],\n\tprops: {\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: false,\n\t\t\tdefault: t('Settings'),\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\topen: false,\n\t\t}\n\t},\n\tcomputed: {\n\t\tclickOutsideConfig() {\n\t\t\treturn [\n\t\t\t\tthis.closeMenu,\n\t\t\t\tthis.clickOutsideOptions,\n\t\t\t]\n\t\t},\n\t\tariaLabel() {\n\t\t\treturn t('Open settings menu')\n\t\t},\n\t},\n\tmethods: {\n\t\ttoggleMenu() {\n\t\t\tthis.open = !this.open\n\t\t},\n\t\tcloseMenu() {\n\t\t\tthis.open = false\n\t\t},\n\t},\n}\n</script>\n<style lang=\"scss\" scoped>\n#app-settings {\n\tmargin-top: auto;\n\tpadding: $app-navigation-settings-margin;\n\n\t&__header {\n\t\tbox-sizing: border-box;\n\t\tmargin: 0 $app-navigation-settings-margin $app-navigation-settings-margin $app-navigation-settings-margin;\n\n\t\t.settings-button {\n\t\t\tdisplay: flex;\n\t\t\tflex: 1 1 0;\n\t\t\theight: $clickable-area;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t\tmargin: 0;\n\t\t\tbackground-color: var(--color-main-background);\n\t\t\tbox-shadow: none;\n\t\t\tborder: 0;\n\t\t\tborder-radius: var(--border-radius-pill);\n\t\t\ttext-align: left;\n\t\t\tfont-weight: normal;\n\t\t\tfont-size: 100%;\n\t\t\tcolor: var(--color-main-text);\n\t\t\tpadding-right: 14px;\n\t\t\tline-height: $clickable-area;\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tbackground-color: var(--color-background-hover);\n\t\t\t}\n\n\t\t\t&__icon {\n\t\t\t\twidth: $clickable-area;\n\t\t\t\theight: $clickable-area;\n\t\t\t\tmin-width: $clickable-area;\n\t\t\t}\n\t\t\t&__label {\n\t\t\t\toverflow: hidden;\n\t\t\t\tmax-width: 100%;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__content {\n\t\tdisplay: block;\n\t\tpadding: 10px;\n\n\t\t/* prevent scrolled contents from stopping too early */\n\t\tmargin-bottom: -$app-navigation-settings-margin;\n\n\t\t/* restrict height of settings and make scrollable */\n\t\tmax-height: 300px;\n\t\toverflow-y: auto;\n\t\tbox-sizing: border-box;\n\t}\n}\n\n.slide-up-leave-active,\n.slide-up-enter-active {\n\ttransition-duration: var(--animation-slow);\n\ttransition-property: max-height, padding;\n\toverflow-y: hidden !important;\n}\n\n.slide-up-enter,\n.slide-up-leave-to {\n\tmax-height: 0 !important;\n\tpadding: 0 10px !important;\n}\n\n</style>\n"],"names":["_sfc_main","components","Cog__default","Mixins_clickOutsideOptions","l10n"],"mappings":";;;;;;;;;;;;;AAqDA,MAAAA,IAAA;AAAA,EACA,YAAA;AAAA,IACA,cAAAC,EAAA;AAAA,EACA;AAAA,EACA,YAAA;AAAA,IACA,KAAAC,EAAA;AAAA,EACA;AAAA,EACA,QAAA;AAAA,IACAC;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAAC,EAAA,EAAA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AACA,WAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,qBAAA;AACA,aAAA;AAAA,QACA,KAAA;AAAA,QACA,KAAA;AAAA,MACA;AAAA,IACA;AAAA,IACA,YAAA;AACA,aAAAA,EAAA,EAAA,oBAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,aAAA;AACA,WAAA,OAAA,CAAA,KAAA;AAAA,IACA;AAAA,IACA,YAAA;AACA,WAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}

package/dist/Components/NcAppNavigationSettings.mjs

@@ -1,34 +1,73 @@
-import "../assets/index22.css";
-import { t as i } from "../chunks/l10n-9a5a6afc.mjs";
+import "../assets/index-34dfc54e.css";
+import { t as i } from "../chunks/l10n-27a75c40.mjs";
 import s from "../Mixins/clickOutsideOptions.mjs";
-import "../chunks/IsMobileState-e1fe5f58.mjs";
+import "vue";
 import "@nextcloud/router";
-/* empty css                                                                                   */import { n as o } from "../chunks/_plugin-vue2_normalizer-5b4c43a4.mjs";
+/* empty css                                                                                   */import { n } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
 import "linkify-string";
 import "escape-html";
 import "striptags";
-import "vue";
 import "@nextcloud/auth";
 import "@nextcloud/axios";
 import "@nextcloud/capabilities";
-import n from "vue-material-design-icons/Cog.vue";
-import { vOnClickOutside as r } from "@vueuse/components";
-const a = { directives: { ClickOutside: r }, components: { Cog: n }, mixins: [s], props: { name: { type: String, required: !1, default: i("Settings") } }, data() {
-  return { open: !1 };
-}, computed: { clickOutsideConfig() {
-  return [this.closeMenu, this.clickOutsideOptions];
-}, ariaLabel() {
-  return i("Open settings menu");
-} }, methods: { toggleMenu() {
-  this.open = !this.open;
-}, closeMenu() {
-  this.open = !1;
-} } };
+import o from "vue-material-design-icons/Cog.vue";
+import { vOnClickOutside as a } from "@vueuse/components";
+const r = {
+  directives: {
+    ClickOutside: a
+  },
+  components: {
+    Cog: o
+  },
+  mixins: [
+    s
+  ],
+  props: {
+    name: {
+      type: String,
+      required: !1,
+      default: i("Settings")
+    }
+  },
+  data() {
+    return {
+      open: !1
+    };
+  },
+  computed: {
+    clickOutsideConfig() {
+      return [
+        this.closeMenu,
+        this.clickOutsideOptions
+      ];
+    },
+    ariaLabel() {
+      return i("Open settings menu");
+    }
+  },
+  methods: {
+    toggleMenu() {
+      this.open = !this.open;
+    },
+    closeMenu() {
+      this.open = !1;
+    }
+  }
+};
 var p = function() {
   var t = this, e = t._self._c;
   return e("div", { directives: [{ name: "click-outside", rawName: "v-click-outside", value: t.clickOutsideConfig, expression: "clickOutsideConfig" }], class: { open: t.open }, attrs: { id: "app-settings" } }, [e("div", { attrs: { id: "app-settings__header" } }, [e("button", { staticClass: "settings-button", attrs: { type: "button", "aria-expanded": t.open ? "true" : "false", "aria-controls": "app-settings__content", "aria-label": t.ariaLabel }, on: { click: t.toggleMenu } }, [e("Cog", { staticClass: "settings-button__icon", attrs: { size: 20 } }), e("span", { staticClass: "settings-button__label" }, [t._v(t._s(t.name))])], 1)]), e("transition", { attrs: { name: "slide-up" } }, [e("div", { directives: [{ name: "show", rawName: "v-show", value: t.open, expression: "open" }], attrs: { id: "app-settings__content" } }, [t._t("default")], 2)])], 1);
-}, l = [], c = o(a, p, l, !1, null, "db4cc195", null, null);
-const y = c.exports;
+}, c = [], l = /* @__PURE__ */ n(
+  r,
+  p,
+  c,
+  !1,
+  null,
+  "db4cc195",
+  null,
+  null
+);
+const M = l.exports;
 export {
-  y as default
+  M as default
 };

package/dist/Components/NcAppNavigationSettings.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcAppNavigationSettings.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcAppNavigationSettings.mjs","sources":["../../src/components/NcAppNavigationSettings/NcAppNavigationSettings.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2018 Christoph Wurst <christoph@winzerhof-wurst.at>\n -\n - @author Christoph Wurst <christoph@winzerhof-wurst.at>\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\n<template>\n\t<div id=\"app-settings\"\n\t\tv-click-outside=\"clickOutsideConfig\"\n\t\t:class=\"{ open }\">\n\t\t<div id=\"app-settings__header\">\n\t\t\t<button class=\"settings-button\"\n\t\t\t\ttype=\"button\"\n\t\t\t\t:aria-expanded=\"open ? 'true' : 'false'\"\n\t\t\t\taria-controls=\"app-settings__content\"\n\t\t\t\t:aria-label=\"ariaLabel\"\n\t\t\t\t@click=\"toggleMenu\">\n\t\t\t\t<Cog class=\"settings-button__icon\" :size=\"20\" />\n\t\t\t\t<span class=\"settings-button__label\">{{ name }}</span>\n\t\t\t</button>\n\t\t</div>\n\t\t<transition name=\"slide-up\">\n\t\t\t<div v-show=\"open\" id=\"app-settings__content\">\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t</transition>\n\t</div>\n</template>\n\n<script>\nimport { t } from '../../l10n.js'\nimport { clickOutsideOptions } from '../../mixins/index.js'\n\nimport Cog from 'vue-material-design-icons/Cog.vue'\n\nimport { vOnClickOutside as ClickOutside } from '@vueuse/components'\n\nexport default {\n\tdirectives: {\n\t\tClickOutside,\n\t},\n\tcomponents: {\n\t\tCog,\n\t},\n\tmixins: [\n\t\tclickOutsideOptions,\n\t],\n\tprops: {\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: false,\n\t\t\tdefault: t('Settings'),\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\topen: false,\n\t\t}\n\t},\n\tcomputed: {\n\t\tclickOutsideConfig() {\n\t\t\treturn [\n\t\t\t\tthis.closeMenu,\n\t\t\t\tthis.clickOutsideOptions,\n\t\t\t]\n\t\t},\n\t\tariaLabel() {\n\t\t\treturn t('Open settings menu')\n\t\t},\n\t},\n\tmethods: {\n\t\ttoggleMenu() {\n\t\t\tthis.open = !this.open\n\t\t},\n\t\tcloseMenu() {\n\t\t\tthis.open = false\n\t\t},\n\t},\n}\n</script>\n<style lang=\"scss\" scoped>\n#app-settings {\n\tmargin-top: auto;\n\tpadding: $app-navigation-settings-margin;\n\n\t&__header {\n\t\tbox-sizing: border-box;\n\t\tmargin: 0 $app-navigation-settings-margin $app-navigation-settings-margin $app-navigation-settings-margin;\n\n\t\t.settings-button {\n\t\t\tdisplay: flex;\n\t\t\tflex: 1 1 0;\n\t\t\theight: $clickable-area;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t\tmargin: 0;\n\t\t\tbackground-color: var(--color-main-background);\n\t\t\tbox-shadow: none;\n\t\t\tborder: 0;\n\t\t\tborder-radius: var(--border-radius-pill);\n\t\t\ttext-align: left;\n\t\t\tfont-weight: normal;\n\t\t\tfont-size: 100%;\n\t\t\tcolor: var(--color-main-text);\n\t\t\tpadding-right: 14px;\n\t\t\tline-height: $clickable-area;\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tbackground-color: var(--color-background-hover);\n\t\t\t}\n\n\t\t\t&__icon {\n\t\t\t\twidth: $clickable-area;\n\t\t\t\theight: $clickable-area;\n\t\t\t\tmin-width: $clickable-area;\n\t\t\t}\n\t\t\t&__label {\n\t\t\t\toverflow: hidden;\n\t\t\t\tmax-width: 100%;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\t\t}\n\t}\n\n\t&__content {\n\t\tdisplay: block;\n\t\tpadding: 10px;\n\n\t\t/* prevent scrolled contents from stopping too early */\n\t\tmargin-bottom: -$app-navigation-settings-margin;\n\n\t\t/* restrict height of settings and make scrollable */\n\t\tmax-height: 300px;\n\t\toverflow-y: auto;\n\t\tbox-sizing: border-box;\n\t}\n}\n\n.slide-up-leave-active,\n.slide-up-enter-active {\n\ttransition-duration: var(--animation-slow);\n\ttransition-property: max-height, padding;\n\toverflow-y: hidden !important;\n}\n\n.slide-up-enter,\n.slide-up-leave-to {\n\tmax-height: 0 !important;\n\tpadding: 0 10px !important;\n}\n\n</style>\n"],"names":["_sfc_main","vOnClickOutside","Cog","clickOutsideOptions","t"],"mappings":";;;;;;;;;;;;;;;AAqDA,MAAAA,IAAA;AAAA,EACA,YAAA;AAAA,IACA,cAAAC;AAAA,EACA;AAAA,EACA,YAAA;AAAA,IACA,KAAAC;AAAA,EACA;AAAA,EACA,QAAA;AAAA,IACAC;AAAA,EACA;AAAA,EACA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAAC,EAAA,UAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AACA,WAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,qBAAA;AACA,aAAA;AAAA,QACA,KAAA;AAAA,QACA,KAAA;AAAA,MACA;AAAA,IACA;AAAA,IACA,YAAA;AACA,aAAAA,EAAA,oBAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,aAAA;AACA,WAAA,OAAA,CAAA,KAAA;AAAA,IACA;AAAA,IACA,YAAA;AACA,WAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

package/dist/Components/NcAppNavigationSpacer.cjs

@@ -1 +1,20 @@
-var o=require("../assets/index24.css");const a=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs");const e={name:"NcAppNavigationSpacer"};var r=function(){var n=this,t=n._self._c;return t("li",{staticClass:"app-navigation-spacer"})},s=[],c=a.normalizeComponent(e,r,s,!1,null,"c8233ec5",null,null);const i=c.exports;module.exports=i;
+var p = require("../assets/index-76dd9f11.css");
+const a = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs");
+const c = {
+  name: "NcAppNavigationSpacer"
+};
+var _ = function() {
+  var e = this, n = e._self._c;
+  return n("li", { staticClass: "app-navigation-spacer" });
+}, r = [], t = /* @__PURE__ */ a.normalizeComponent(
+  c,
+  _,
+  r,
+  !1,
+  null,
+  "c8233ec5",
+  null,
+  null
+);
+const s = t.exports;
+module.exports = s;

package/dist/Components/NcAppNavigationSpacer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcAppNavigationSpacer.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NcAppNavigationSpacer.cjs","sources":["../../src/components/NcAppNavigationSpacer/NcAppNavigationSpacer.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2019 Christoph Wurst <christoph@winzerhof-wurst.at>\n -\n - @author Christoph Wurst <christoph@winzerhof-wurst.at>\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<template>\n\t<li class=\"app-navigation-spacer\" />\n</template>\n\n<script>\nexport default {\n\tname: 'NcAppNavigationSpacer',\n}\n</script>\n\n<style scoped>\n\t.app-navigation-spacer {\n\t\tflex-shrink: 0;\n\t\torder: 1;\n\t\theight: 22px;\n\t}\n\n</style>\n"],"names":["_sfc_main"],"mappings":";;AA0BA,MAAAA,IAAA;AAAA,EACA,MAAA;AACA;;;;;;;;;;;;;;;;"}

package/dist/Components/NcAppNavigationSpacer.mjs

@@ -1,11 +1,22 @@
-import "../assets/index21.css";
-import { n } from "../chunks/_plugin-vue2_normalizer-5b4c43a4.mjs";
-const r = { name: "NcAppNavigationSpacer" };
-var c = function() {
-  var a = this, t = a._self._c;
-  return t("li", { staticClass: "app-navigation-spacer" });
-}, i = [], s = n(r, c, i, !1, null, "c8233ec5", null, null);
-const o = s.exports;
+import "../assets/index-76dd9f11.css";
+import { n } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
+const c = {
+  name: "NcAppNavigationSpacer"
+};
+var t = function() {
+  var a = this, e = a._self._c;
+  return e("li", { staticClass: "app-navigation-spacer" });
+}, _ = [], r = /* @__PURE__ */ n(
+  c,
+  t,
+  _,
+  !1,
+  null,
+  "c8233ec5",
+  null,
+  null
+);
+const i = r.exports;
 export {
-  o as default
+  i as default
 };

package/dist/Components/NcAppNavigationSpacer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcAppNavigationSpacer.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"NcAppNavigationSpacer.mjs","sources":["../../src/components/NcAppNavigationSpacer/NcAppNavigationSpacer.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2019 Christoph Wurst <christoph@winzerhof-wurst.at>\n -\n - @author Christoph Wurst <christoph@winzerhof-wurst.at>\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<template>\n\t<li class=\"app-navigation-spacer\" />\n</template>\n\n<script>\nexport default {\n\tname: 'NcAppNavigationSpacer',\n}\n</script>\n\n<style scoped>\n\t.app-navigation-spacer {\n\t\tflex-shrink: 0;\n\t\torder: 1;\n\t\theight: 22px;\n\t}\n\n</style>\n"],"names":["_sfc_main"],"mappings":";;AA0BA,MAAAA,IAAA;AAAA,EACA,MAAA;AACA;;;;;;;;;;;;;;;"}

package/dist/Components/NcAppNavigationToggle.cjs

@@ -1 +1,25 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../chunks/NcAppNavigationToggle-c566f66e.cjs");exports.NcAppNavigationSpacer=e.NcAppNavigationToggle,exports.default=e.NcAppNavigationToggle;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: !0 }, [Symbol.toStringTag]: { value: "Module" } });
+const e = require("../chunks/NcAppNavigationToggle-960658a0.cjs");
+/**
+ * @copyright 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
+ *
+ * @author 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+exports.NcAppNavigationSpacer = e.NcAppNavigationToggle;
+exports.default = e.NcAppNavigationToggle;

package/dist/Components/NcAppNavigationToggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcAppNavigationToggle.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NcAppNavigationToggle.cjs","sources":["../../src/components/NcAppNavigationToggle/index.js"],"sourcesContent":["/**\n * @copyright 2019 Christoph Wurst <christoph@winzerhof-wurst.at>\n *\n * @author 2019 Christoph Wurst <christoph@winzerhof-wurst.at>\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 */\nimport NcAppNavigationToggle from './NcAppNavigationToggle.vue'\n\nexport default NcAppNavigationToggle\nexport { NcAppNavigationToggle as NcAppNavigationSpacer }\n"],"names":[],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;"}