@nextcloud/vue 8.11.2 → 8.12.0

package/dist/Components/NcAppSettingsSection.mjs

@@ -1,18 +1,18 @@
-import '../assets/NcAppSettingsSection-BqF92GLH.css';
-import { n as s } from "../chunks/_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-const n = {
+import '../assets/NcAppSettingsSection-BDvzWKkd.css';
+import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-D637Qkok.mjs";
+const _sfc_main = {
   name: "NcAppSettingsSection",
   inject: ["registerSection", "unregisterSection"],
   props: {
     name: {
       type: String,
-      required: !0
+      required: true
     },
     id: {
       type: String,
-      required: !0,
-      validator(e) {
-        return /^[a-z0-9\-_]+$/.test(e);
+      required: true,
+      validator(id) {
+        return /^[a-z0-9\-_]+$/.test(id);
       }
     }
   },
@@ -24,37 +24,41 @@ const n = {
   },
   // Reactive changes for section navigation
   watch: {
-    id(e, t) {
-      var i;
-      this.unregisterSection(t), this.registerSection(e, this.name, (i = this.$slots) == null ? void 0 : i.icon);
+    id(newId, oldId) {
+      var _a;
+      this.unregisterSection(oldId);
+      this.registerSection(newId, this.name, (_a = this.$slots) == null ? void 0 : _a.icon);
     },
-    name(e) {
-      var t;
-      this.unregisterSection(this.id), this.registerSection(this.id, e, (t = this.$slots) == null ? void 0 : t.icon);
+    name(newName) {
+      var _a;
+      this.unregisterSection(this.id);
+      this.registerSection(this.id, newName, (_a = this.$slots) == null ? void 0 : _a.icon);
     }
   },
   mounted() {
-    var e;
-    this.registerSection(this.id, this.name, (e = this.$slots) == null ? void 0 : e.icon);
+    var _a;
+    this.registerSection(this.id, this.name, (_a = this.$slots) == null ? void 0 : _a.icon);
   },
   beforeDestroy() {
     this.unregisterSection(this.id);
   }
 };
-var r = function() {
-  var t = this, i = t._self._c;
-  return i("div", { staticClass: "app-settings-section", attrs: { id: t.htmlId } }, [i("h3", { staticClass: "app-settings-section__name" }, [t._v(" " + t._s(t.name) + " ")]), t._t("default"), t._e()], 2);
-}, o = [], c = /* @__PURE__ */ s(
-  n,
-  r,
-  o,
-  !1,
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("div", { staticClass: "app-settings-section", attrs: { "id": _vm.htmlId } }, [_c("h3", { staticClass: "app-settings-section__name" }, [_vm._v(" " + _vm._s(_vm.name) + " ")]), _vm._t("default"), _vm._e()], 2);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
   null,
   "5162e6df",
   null,
   null
 );
-const d = c.exports;
+const NcAppSettingsSection = __component__.exports;
 export {
-  d as default
+  NcAppSettingsSection as default
 };

package/dist/Components/NcAppSettingsSection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcAppSettingsSection.mjs","sources":["../../src/components/NcAppSettingsSection/NcAppSettingsSection.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\n<template>\n\t<div :id=\"htmlId\" class=\"app-settings-section\">\n\t\t<h3 class=\"app-settings-section__name\">\n\t\t\t{{ name }}\n\t\t</h3>\n\t\t<slot />\n\t\t<!-- @slot Optonal icon to for the secion in the navigation -->\n\t\t<slot v-if=\"false\" name=\"icon\" />\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: 'NcAppSettingsSection',\n\tinject: ['registerSection', 'unregisterSection'],\n\n\tprops: {\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\tid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t\tvalidator(id) {\n\t\t\t\t// Only alphanumeric, dash and underscore\n\t\t\t\treturn /^[a-z0-9\\-_]+$/.test(id)\n\t\t\t},\n\t\t},\n\t},\n\tcomputed: {\n\t\t// generate an id for each settingssection based on the name without whitespaces\n\t\thtmlId() {\n\t\t\treturn 'settings-section_' + this.id\n\t\t},\n\t},\n\t// Reactive changes for section navigation\n\twatch: {\n\t\tid(newId, oldId) {\n\t\t\tthis.unregisterSection(oldId)\n\t\t\tthis.registerSection(newId, this.name, this.$slots?.icon)\n\t\t},\n\t\tname(newName) {\n\t\t\tthis.unregisterSection(this.id)\n\t\t\tthis.registerSection(this.id, newName, this.$slots?.icon)\n\t\t},\n\t},\n\tmounted() {\n\t\t// register section for navigation\n\t\tthis.registerSection(this.id, this.name, this.$slots?.icon)\n\t},\n\tbeforeDestroy() {\n\t\tthis.unregisterSection(this.id)\n\t},\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n.app-settings-section {\n\tmargin-bottom: 80px;\n\t&__name {\n\t\tfont-size: 20px;\n\t\tmargin: 0;\n\t\tpadding: 20px 0;\n\t\tfont-weight: bold;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n}\n</style>\n"],"names":["_sfc_main","id","newId","oldId","_a","newName"],"mappings":";AAkCA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA,CAAA,mBAAA,mBAAA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAAC,GAAA;AAEA,eAAA,iBAAA,KAAAA,CAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA;AAAA,IAEA,SAAA;AACA,aAAA,sBAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA;AAAA,EAEA,OAAA;AAAA,IACA,GAAAC,GAAAC,GAAA;;AACA,WAAA,kBAAAA,CAAA,GACA,KAAA,gBAAAD,GAAA,KAAA,OAAAE,IAAA,KAAA,WAAA,gBAAAA,EAAA,IAAA;AAAA,IACA;AAAA,IACA,KAAAC,GAAA;;AACA,WAAA,kBAAA,KAAA,EAAA,GACA,KAAA,gBAAA,KAAA,IAAAA,IAAAD,IAAA,KAAA,WAAA,gBAAAA,EAAA,IAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;;AAEA,SAAA,gBAAA,KAAA,IAAA,KAAA,OAAAA,IAAA,KAAA,WAAA,gBAAAA,EAAA,IAAA;AAAA,EACA;AAAA,EACA,gBAAA;AACA,SAAA,kBAAA,KAAA,EAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcAppSettingsSection.mjs","sources":["../../src/components/NcAppSettingsSection/NcAppSettingsSection.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\n<template>\n\t<div :id=\"htmlId\" class=\"app-settings-section\">\n\t\t<h3 class=\"app-settings-section__name\">\n\t\t\t{{ name }}\n\t\t</h3>\n\t\t<slot />\n\t\t<!-- @slot Optonal icon to for the secion in the navigation -->\n\t\t<slot v-if=\"false\" name=\"icon\" />\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: 'NcAppSettingsSection',\n\tinject: ['registerSection', 'unregisterSection'],\n\n\tprops: {\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\tid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t\tvalidator(id) {\n\t\t\t\t// Only alphanumeric, dash and underscore\n\t\t\t\treturn /^[a-z0-9\\-_]+$/.test(id)\n\t\t\t},\n\t\t},\n\t},\n\tcomputed: {\n\t\t// generate an id for each settingssection based on the name without whitespaces\n\t\thtmlId() {\n\t\t\treturn 'settings-section_' + this.id\n\t\t},\n\t},\n\t// Reactive changes for section navigation\n\twatch: {\n\t\tid(newId, oldId) {\n\t\t\tthis.unregisterSection(oldId)\n\t\t\tthis.registerSection(newId, this.name, this.$slots?.icon)\n\t\t},\n\t\tname(newName) {\n\t\t\tthis.unregisterSection(this.id)\n\t\t\tthis.registerSection(this.id, newName, this.$slots?.icon)\n\t\t},\n\t},\n\tmounted() {\n\t\t// register section for navigation\n\t\tthis.registerSection(this.id, this.name, this.$slots?.icon)\n\t},\n\tbeforeDestroy() {\n\t\tthis.unregisterSection(this.id)\n\t},\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n.app-settings-section {\n\tmargin-bottom: 80px;\n\t&__name {\n\t\tfont-size: 20px;\n\t\tmargin: 0;\n\t\tpadding: 20px 0;\n\t\tfont-weight: bold;\n\t\toverflow: hidden;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t}\n}\n</style>\n"],"names":[],"mappings":";AAkCA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA,CAAA,mBAAA,mBAAA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IAEA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA,IAAA;AAEA,eAAA,iBAAA,KAAA,EAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA;AAAA,IAEA,SAAA;AACA,aAAA,sBAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA;AAAA,EAEA,OAAA;AAAA,IACA,GAAA,OAAA,OAAA;;AACA,WAAA,kBAAA,KAAA;AACA,WAAA,gBAAA,OAAA,KAAA,OAAA,UAAA,WAAA,mBAAA,IAAA;AAAA,IACA;AAAA,IACA,KAAA,SAAA;;AACA,WAAA,kBAAA,KAAA,EAAA;AACA,WAAA,gBAAA,KAAA,IAAA,UAAA,UAAA,WAAA,mBAAA,IAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;;AAEA,SAAA,gBAAA,KAAA,IAAA,KAAA,OAAA,UAAA,WAAA,mBAAA,IAAA;AAAA,EACA;AAAA,EACA,gBAAA;AACA,SAAA,kBAAA,KAAA,EAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcAppSidebar.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const e = require("../chunks/NcAppSidebar-qC5-u1p0.cjs");
-module.exports = e.NcAppSidebar;
+const NcAppSidebar = require("../chunks/NcAppSidebar-J15zHyfq.cjs");
+module.exports = NcAppSidebar.NcAppSidebar;

package/dist/Components/NcAppSidebar.mjs

@@ -1,4 +1,4 @@
-import { N as f } from "../chunks/NcAppSidebar-CqER6-dl.mjs";
+import { N } from "../chunks/NcAppSidebar-CQWODfsy.mjs";
 export {
-  f as default
+  N as default
 };

package/dist/Components/NcAppSidebarTab.cjs

@@ -1,19 +1,20 @@
-require('../assets/NcAppSidebarTab-XLBsrGqg.css');
+require('../assets/NcAppSidebarTab-CBFET-hQ.css');
 "use strict";
-const r = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), s = {
+const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-DbFIE4_M.cjs");
+const _sfc_main = {
   name: "NcAppSidebarTab",
   inject: ["registerTab", "unregisterTab", "getActiveTab", "isTablistShown"],
   props: {
     id: {
       type: String,
-      required: !0
+      required: true
     },
     /**
      * Tab name in navigation
      */
     name: {
       type: String,
-      required: !0
+      required: true
     },
     /**
      * Tab icon's html class in navigation. Used if #icon slot is not provided
@@ -52,8 +53,11 @@ const r = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), s = {
     this.unregisterTab(this.id);
   },
   methods: {
-    onScroll(t) {
-      this.$el.scrollHeight - this.$el.scrollTop === this.$el.clientHeight && this.$emit("bottom-reached", t), this.$emit("scroll", t);
+    onScroll(event) {
+      if (this.$el.scrollHeight - this.$el.scrollTop === this.$el.clientHeight) {
+        this.$emit("bottom-reached", event);
+      }
+      this.$emit("scroll", event);
     },
     /**
      * Render tab's icon slot if any
@@ -61,23 +65,25 @@ const r = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), s = {
      * @return {import('vue').VNode[]}
      */
     renderIcon() {
-      var t, e;
-      return (e = (t = this.$scopedSlots).icon) == null ? void 0 : e.call(t);
+      var _a, _b;
+      return (_b = (_a = this.$scopedSlots).icon) == null ? void 0 : _b.call(_a);
     }
   }
 };
-var a = function() {
-  var e = this, i = e._self._c;
-  return i("section", { staticClass: "app-sidebar__tab", class: { "app-sidebar__tab--active": e.isActive }, attrs: { id: "tab-".concat(e.id), "aria-hidden": !e.isActive, "aria-label": e.isTablistShown() ? void 0 : e.name, "aria-labelledby": e.isTablistShown() ? "tab-button-".concat(e.id) : void 0, tabindex: e.isTablistShown() ? 0 : -1, role: e.isTablistShown() ? "tabpanel" : void 0 }, on: { scroll: e.onScroll } }, [i("h3", { staticClass: "hidden-visually" }, [e._v(" " + e._s(e.name) + " ")]), e._t("default")], 2);
-}, n = [], l = /* @__PURE__ */ r.normalizeComponent(
-  s,
-  a,
-  n,
-  !1,
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("section", { staticClass: "app-sidebar__tab", class: { "app-sidebar__tab--active": _vm.isActive }, attrs: { "id": "tab-".concat(_vm.id), "aria-hidden": !_vm.isActive, "aria-label": _vm.isTablistShown() ? void 0 : _vm.name, "aria-labelledby": _vm.isTablistShown() ? "tab-button-".concat(_vm.id) : void 0, "tabindex": _vm.isTablistShown() ? 0 : -1, "role": _vm.isTablistShown() ? "tabpanel" : void 0 }, on: { "scroll": _vm.onScroll } }, [_c("h3", { staticClass: "hidden-visually" }, [_vm._v(" " + _vm._s(_vm.name) + " ")]), _vm._t("default")], 2);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
   null,
   "ef10d14f",
   null,
   null
 );
-const o = l.exports;
-module.exports = o;
+const NcAppSidebarTab = __component__.exports;
+module.exports = NcAppSidebarTab;

package/dist/Components/NcAppSidebarTab.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcAppSidebarTab.cjs","sources":["../../src/components/NcAppSidebarTab/NcAppSidebarTab.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.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\n<!-- Follows the tab aria guidelines\n\thttps://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html -->\n\n<template>\n\t<section :id=\"`tab-${id}`\"\n\t\t:class=\"{'app-sidebar__tab--active': isActive}\"\n\t\t:aria-hidden=\"!isActive\"\n\t\t:aria-label=\"isTablistShown() ? undefined : name\"\n\t\t:aria-labelledby=\"isTablistShown() ? `tab-button-${id}` : undefined\"\n\t\tclass=\"app-sidebar__tab\"\n\t\t:tabindex=\"isTablistShown() ? 0 : -1\"\n\t\t:role=\"isTablistShown() ? 'tabpanel' : undefined\"\n\t\t@scroll=\"onScroll\">\n\t\t<h3 class=\"hidden-visually\">\n\t\t\t{{ name }}\n\t\t</h3>\n\t\t<!-- @slot Tab panel content -->\n\t\t<slot />\n\t</section>\n</template>\n\n<script>\nexport default {\n\tname: 'NcAppSidebarTab',\n\n\tinject: ['registerTab', 'unregisterTab', 'getActiveTab', 'isTablistShown'],\n\n\tprops: {\n\t\tid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * Tab name in navigation\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * Tab icon's html class in navigation. Used if #icon slot is not provided\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 * Tab order in navigation. If not provided, name is used.\n\t\t */\n\t\torder: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\t},\n\n\temits: [\n\t\t'bottom-reached',\n\t\t'scroll',\n\t],\n\n\texpose: ['id', 'name', 'icon', 'order', 'renderIcon'],\n\n\tcomputed: {\n\t\t/**\n\t\t * Is the current tab an active tab, that should be shown?\n\t\t *\n\t\t * @return {boolean}\n\t\t */\n\t\tisActive() {\n\t\t\treturn this.getActiveTab() === this.id\n\t\t},\n\t},\n\n\tcreated() {\n\t\t// As the tab is created - register it in the tabs component\n\t\t// It's better to provide computed tab object, not component instance as it easy\n\t\tthis.registerTab(this)\n\t},\n\n\tbeforeDestroy() {\n\t\t// Unregister the tab from tabs\n\t\tthis.unregisterTab(this.id)\n\t},\n\n\tmethods: {\n\t\tonScroll(event) {\n\t\t\t// Are we scrolled to the very bottom ?\n\t\t\tif (this.$el.scrollHeight - this.$el.scrollTop === this.$el.clientHeight) {\n\t\t\t\t/**\n\t\t\t\t * Bottom scroll is reached\n\t\t\t\t *\n\t\t\t\t * @property {Event} event Native scroll event\n\t\t\t\t */\n\t\t\t\tthis.$emit('bottom-reached', event)\n\t\t\t}\n\t\t\t/**\n\t\t\t * @property {Event} event Native scroll event\n\t\t\t */\n\t\t\tthis.$emit('scroll', event)\n\t\t},\n\n\t\t/**\n\t\t * Render tab's icon slot if any\n\t\t *\n\t\t * @return {import('vue').VNode[]}\n\t\t */\n\t\trenderIcon() {\n\t\t\treturn this.$scopedSlots.icon?.()\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.app-sidebar__tab {\n\tdisplay: none;\n\tpadding: 10px;\n\tmin-height: 100%; // fill available height\n\tmax-height: 100%; // scroll inside\n\theight: 100%;\n\toverflow: auto;\n\n\t&:focus {\n\t\tborder-color: var(--color-primary-element);\n\t\tbox-shadow: 0 0 0.2em var(--color-primary-element);\n\t\toutline: 0;\n\t}\n\n\t&--active {\n\t\tdisplay: block;\n\t}\n}\n</style>\n"],"names":["_sfc_main","event","_b","_a"],"mappings":";qEA4CAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA,CAAA,eAAA,iBAAA,gBAAA,gBAAA;AAAA,EAEA,OAAA;AAAA,IACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA,CAAA,MAAA,QAAA,QAAA,SAAA,YAAA;AAAA,EAEA,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AACA,aAAA,KAAA,mBAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAGA,SAAA,YAAA,IAAA;AAAA,EACA;AAAA,EAEA,gBAAA;AAEA,SAAA,cAAA,KAAA,EAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,SAAAC,GAAA;AAEA,MAAA,KAAA,IAAA,eAAA,KAAA,IAAA,cAAA,KAAA,IAAA,gBAMA,KAAA,MAAA,kBAAAA,CAAA,GAKA,KAAA,MAAA,UAAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,aAAA;;AACA,cAAAC,KAAAC,IAAA,KAAA,cAAA,SAAA,gBAAAD,EAAA,KAAAC;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcAppSidebarTab.cjs","sources":["../../src/components/NcAppSidebarTab/NcAppSidebarTab.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.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\n<!-- Follows the tab aria guidelines\n\thttps://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html -->\n\n<template>\n\t<section :id=\"`tab-${id}`\"\n\t\t:class=\"{'app-sidebar__tab--active': isActive}\"\n\t\t:aria-hidden=\"!isActive\"\n\t\t:aria-label=\"isTablistShown() ? undefined : name\"\n\t\t:aria-labelledby=\"isTablistShown() ? `tab-button-${id}` : undefined\"\n\t\tclass=\"app-sidebar__tab\"\n\t\t:tabindex=\"isTablistShown() ? 0 : -1\"\n\t\t:role=\"isTablistShown() ? 'tabpanel' : undefined\"\n\t\t@scroll=\"onScroll\">\n\t\t<h3 class=\"hidden-visually\">\n\t\t\t{{ name }}\n\t\t</h3>\n\t\t<!-- @slot Tab panel content -->\n\t\t<slot />\n\t</section>\n</template>\n\n<script>\nexport default {\n\tname: 'NcAppSidebarTab',\n\n\tinject: ['registerTab', 'unregisterTab', 'getActiveTab', 'isTablistShown'],\n\n\tprops: {\n\t\tid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * Tab name in navigation\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * Tab icon's html class in navigation. Used if #icon slot is not provided\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 * Tab order in navigation. If not provided, name is used.\n\t\t */\n\t\torder: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\t},\n\n\temits: [\n\t\t'bottom-reached',\n\t\t'scroll',\n\t],\n\n\texpose: ['id', 'name', 'icon', 'order', 'renderIcon'],\n\n\tcomputed: {\n\t\t/**\n\t\t * Is the current tab an active tab, that should be shown?\n\t\t *\n\t\t * @return {boolean}\n\t\t */\n\t\tisActive() {\n\t\t\treturn this.getActiveTab() === this.id\n\t\t},\n\t},\n\n\tcreated() {\n\t\t// As the tab is created - register it in the tabs component\n\t\t// It's better to provide computed tab object, not component instance as it easy\n\t\tthis.registerTab(this)\n\t},\n\n\tbeforeDestroy() {\n\t\t// Unregister the tab from tabs\n\t\tthis.unregisterTab(this.id)\n\t},\n\n\tmethods: {\n\t\tonScroll(event) {\n\t\t\t// Are we scrolled to the very bottom ?\n\t\t\tif (this.$el.scrollHeight - this.$el.scrollTop === this.$el.clientHeight) {\n\t\t\t\t/**\n\t\t\t\t * Bottom scroll is reached\n\t\t\t\t *\n\t\t\t\t * @property {Event} event Native scroll event\n\t\t\t\t */\n\t\t\t\tthis.$emit('bottom-reached', event)\n\t\t\t}\n\t\t\t/**\n\t\t\t * @property {Event} event Native scroll event\n\t\t\t */\n\t\t\tthis.$emit('scroll', event)\n\t\t},\n\n\t\t/**\n\t\t * Render tab's icon slot if any\n\t\t *\n\t\t * @return {import('vue').VNode[]}\n\t\t */\n\t\trenderIcon() {\n\t\t\treturn this.$scopedSlots.icon?.()\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.app-sidebar__tab {\n\tdisplay: none;\n\tpadding: 10px;\n\tmin-height: 100%; // fill available height\n\tmax-height: 100%; // scroll inside\n\theight: 100%;\n\toverflow: auto;\n\n\t&:focus {\n\t\tborder-color: var(--color-primary-element);\n\t\tbox-shadow: 0 0 0.2em var(--color-primary-element);\n\t\toutline: 0;\n\t}\n\n\t&--active {\n\t\tdisplay: block;\n\t}\n}\n</style>\n"],"names":[],"mappings":";;AA4CA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA,CAAA,eAAA,iBAAA,gBAAA,gBAAA;AAAA,EAEA,OAAA;AAAA,IACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA,CAAA,MAAA,QAAA,QAAA,SAAA,YAAA;AAAA,EAEA,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AACA,aAAA,KAAA,mBAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAGA,SAAA,YAAA,IAAA;AAAA,EACA;AAAA,EAEA,gBAAA;AAEA,SAAA,cAAA,KAAA,EAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,SAAA,OAAA;AAEA,UAAA,KAAA,IAAA,eAAA,KAAA,IAAA,cAAA,KAAA,IAAA,cAAA;AAMA,aAAA,MAAA,kBAAA,KAAA;AAAA,MACA;AAIA,WAAA,MAAA,UAAA,KAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,aAAA;;AACA,cAAA,gBAAA,cAAA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcAppSidebarTab.mjs

@@ -1,19 +1,19 @@
-import '../assets/NcAppSidebarTab-XLBsrGqg.css';
-import { n as r } from "../chunks/_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-const s = {
+import '../assets/NcAppSidebarTab-CBFET-hQ.css';
+import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-D637Qkok.mjs";
+const _sfc_main = {
   name: "NcAppSidebarTab",
   inject: ["registerTab", "unregisterTab", "getActiveTab", "isTablistShown"],
   props: {
     id: {
       type: String,
-      required: !0
+      required: true
     },
     /**
      * Tab name in navigation
      */
     name: {
       type: String,
-      required: !0
+      required: true
     },
     /**
      * Tab icon's html class in navigation. Used if #icon slot is not provided
@@ -52,8 +52,11 @@ const s = {
     this.unregisterTab(this.id);
   },
   methods: {
-    onScroll(t) {
-      this.$el.scrollHeight - this.$el.scrollTop === this.$el.clientHeight && this.$emit("bottom-reached", t), this.$emit("scroll", t);
+    onScroll(event) {
+      if (this.$el.scrollHeight - this.$el.scrollTop === this.$el.clientHeight) {
+        this.$emit("bottom-reached", event);
+      }
+      this.$emit("scroll", event);
     },
     /**
      * Render tab's icon slot if any
@@ -61,25 +64,27 @@ const s = {
      * @return {import('vue').VNode[]}
      */
     renderIcon() {
-      var t, e;
-      return (e = (t = this.$scopedSlots).icon) == null ? void 0 : e.call(t);
+      var _a, _b;
+      return (_b = (_a = this.$scopedSlots).icon) == null ? void 0 : _b.call(_a);
     }
   }
 };
-var a = function() {
-  var e = this, i = e._self._c;
-  return i("section", { staticClass: "app-sidebar__tab", class: { "app-sidebar__tab--active": e.isActive }, attrs: { id: "tab-".concat(e.id), "aria-hidden": !e.isActive, "aria-label": e.isTablistShown() ? void 0 : e.name, "aria-labelledby": e.isTablistShown() ? "tab-button-".concat(e.id) : void 0, tabindex: e.isTablistShown() ? 0 : -1, role: e.isTablistShown() ? "tabpanel" : void 0 }, on: { scroll: e.onScroll } }, [i("h3", { staticClass: "hidden-visually" }, [e._v(" " + e._s(e.name) + " ")]), e._t("default")], 2);
-}, n = [], o = /* @__PURE__ */ r(
-  s,
-  a,
-  n,
-  !1,
+var _sfc_render = function render() {
+  var _vm = this, _c = _vm._self._c;
+  return _c("section", { staticClass: "app-sidebar__tab", class: { "app-sidebar__tab--active": _vm.isActive }, attrs: { "id": "tab-".concat(_vm.id), "aria-hidden": !_vm.isActive, "aria-label": _vm.isTablistShown() ? void 0 : _vm.name, "aria-labelledby": _vm.isTablistShown() ? "tab-button-".concat(_vm.id) : void 0, "tabindex": _vm.isTablistShown() ? 0 : -1, "role": _vm.isTablistShown() ? "tabpanel" : void 0 }, on: { "scroll": _vm.onScroll } }, [_c("h3", { staticClass: "hidden-visually" }, [_vm._v(" " + _vm._s(_vm.name) + " ")]), _vm._t("default")], 2);
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
   null,
   "ef10d14f",
   null,
   null
 );
-const d = o.exports;
+const NcAppSidebarTab = __component__.exports;
 export {
-  d as default
+  NcAppSidebarTab as default
 };

package/dist/Components/NcAppSidebarTab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcAppSidebarTab.mjs","sources":["../../src/components/NcAppSidebarTab/NcAppSidebarTab.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.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\n<!-- Follows the tab aria guidelines\n\thttps://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html -->\n\n<template>\n\t<section :id=\"`tab-${id}`\"\n\t\t:class=\"{'app-sidebar__tab--active': isActive}\"\n\t\t:aria-hidden=\"!isActive\"\n\t\t:aria-label=\"isTablistShown() ? undefined : name\"\n\t\t:aria-labelledby=\"isTablistShown() ? `tab-button-${id}` : undefined\"\n\t\tclass=\"app-sidebar__tab\"\n\t\t:tabindex=\"isTablistShown() ? 0 : -1\"\n\t\t:role=\"isTablistShown() ? 'tabpanel' : undefined\"\n\t\t@scroll=\"onScroll\">\n\t\t<h3 class=\"hidden-visually\">\n\t\t\t{{ name }}\n\t\t</h3>\n\t\t<!-- @slot Tab panel content -->\n\t\t<slot />\n\t</section>\n</template>\n\n<script>\nexport default {\n\tname: 'NcAppSidebarTab',\n\n\tinject: ['registerTab', 'unregisterTab', 'getActiveTab', 'isTablistShown'],\n\n\tprops: {\n\t\tid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * Tab name in navigation\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * Tab icon's html class in navigation. Used if #icon slot is not provided\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 * Tab order in navigation. If not provided, name is used.\n\t\t */\n\t\torder: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\t},\n\n\temits: [\n\t\t'bottom-reached',\n\t\t'scroll',\n\t],\n\n\texpose: ['id', 'name', 'icon', 'order', 'renderIcon'],\n\n\tcomputed: {\n\t\t/**\n\t\t * Is the current tab an active tab, that should be shown?\n\t\t *\n\t\t * @return {boolean}\n\t\t */\n\t\tisActive() {\n\t\t\treturn this.getActiveTab() === this.id\n\t\t},\n\t},\n\n\tcreated() {\n\t\t// As the tab is created - register it in the tabs component\n\t\t// It's better to provide computed tab object, not component instance as it easy\n\t\tthis.registerTab(this)\n\t},\n\n\tbeforeDestroy() {\n\t\t// Unregister the tab from tabs\n\t\tthis.unregisterTab(this.id)\n\t},\n\n\tmethods: {\n\t\tonScroll(event) {\n\t\t\t// Are we scrolled to the very bottom ?\n\t\t\tif (this.$el.scrollHeight - this.$el.scrollTop === this.$el.clientHeight) {\n\t\t\t\t/**\n\t\t\t\t * Bottom scroll is reached\n\t\t\t\t *\n\t\t\t\t * @property {Event} event Native scroll event\n\t\t\t\t */\n\t\t\t\tthis.$emit('bottom-reached', event)\n\t\t\t}\n\t\t\t/**\n\t\t\t * @property {Event} event Native scroll event\n\t\t\t */\n\t\t\tthis.$emit('scroll', event)\n\t\t},\n\n\t\t/**\n\t\t * Render tab's icon slot if any\n\t\t *\n\t\t * @return {import('vue').VNode[]}\n\t\t */\n\t\trenderIcon() {\n\t\t\treturn this.$scopedSlots.icon?.()\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.app-sidebar__tab {\n\tdisplay: none;\n\tpadding: 10px;\n\tmin-height: 100%; // fill available height\n\tmax-height: 100%; // scroll inside\n\theight: 100%;\n\toverflow: auto;\n\n\t&:focus {\n\t\tborder-color: var(--color-primary-element);\n\t\tbox-shadow: 0 0 0.2em var(--color-primary-element);\n\t\toutline: 0;\n\t}\n\n\t&--active {\n\t\tdisplay: block;\n\t}\n}\n</style>\n"],"names":["_sfc_main","event","_b","_a"],"mappings":";AA4CA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA,CAAA,eAAA,iBAAA,gBAAA,gBAAA;AAAA,EAEA,OAAA;AAAA,IACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA,CAAA,MAAA,QAAA,QAAA,SAAA,YAAA;AAAA,EAEA,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AACA,aAAA,KAAA,mBAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAGA,SAAA,YAAA,IAAA;AAAA,EACA;AAAA,EAEA,gBAAA;AAEA,SAAA,cAAA,KAAA,EAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,SAAAC,GAAA;AAEA,MAAA,KAAA,IAAA,eAAA,KAAA,IAAA,cAAA,KAAA,IAAA,gBAMA,KAAA,MAAA,kBAAAA,CAAA,GAKA,KAAA,MAAA,UAAAA,CAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,aAAA;;AACA,cAAAC,KAAAC,IAAA,KAAA,cAAA,SAAA,gBAAAD,EAAA,KAAAC;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcAppSidebarTab.mjs","sources":["../../src/components/NcAppSidebarTab/NcAppSidebarTab.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.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\n<!-- Follows the tab aria guidelines\n\thttps://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-1/tabs.html -->\n\n<template>\n\t<section :id=\"`tab-${id}`\"\n\t\t:class=\"{'app-sidebar__tab--active': isActive}\"\n\t\t:aria-hidden=\"!isActive\"\n\t\t:aria-label=\"isTablistShown() ? undefined : name\"\n\t\t:aria-labelledby=\"isTablistShown() ? `tab-button-${id}` : undefined\"\n\t\tclass=\"app-sidebar__tab\"\n\t\t:tabindex=\"isTablistShown() ? 0 : -1\"\n\t\t:role=\"isTablistShown() ? 'tabpanel' : undefined\"\n\t\t@scroll=\"onScroll\">\n\t\t<h3 class=\"hidden-visually\">\n\t\t\t{{ name }}\n\t\t</h3>\n\t\t<!-- @slot Tab panel content -->\n\t\t<slot />\n\t</section>\n</template>\n\n<script>\nexport default {\n\tname: 'NcAppSidebarTab',\n\n\tinject: ['registerTab', 'unregisterTab', 'getActiveTab', 'isTablistShown'],\n\n\tprops: {\n\t\tid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * Tab name in navigation\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * Tab icon's html class in navigation. Used if #icon slot is not provided\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 * Tab order in navigation. If not provided, name is used.\n\t\t */\n\t\torder: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\t},\n\n\temits: [\n\t\t'bottom-reached',\n\t\t'scroll',\n\t],\n\n\texpose: ['id', 'name', 'icon', 'order', 'renderIcon'],\n\n\tcomputed: {\n\t\t/**\n\t\t * Is the current tab an active tab, that should be shown?\n\t\t *\n\t\t * @return {boolean}\n\t\t */\n\t\tisActive() {\n\t\t\treturn this.getActiveTab() === this.id\n\t\t},\n\t},\n\n\tcreated() {\n\t\t// As the tab is created - register it in the tabs component\n\t\t// It's better to provide computed tab object, not component instance as it easy\n\t\tthis.registerTab(this)\n\t},\n\n\tbeforeDestroy() {\n\t\t// Unregister the tab from tabs\n\t\tthis.unregisterTab(this.id)\n\t},\n\n\tmethods: {\n\t\tonScroll(event) {\n\t\t\t// Are we scrolled to the very bottom ?\n\t\t\tif (this.$el.scrollHeight - this.$el.scrollTop === this.$el.clientHeight) {\n\t\t\t\t/**\n\t\t\t\t * Bottom scroll is reached\n\t\t\t\t *\n\t\t\t\t * @property {Event} event Native scroll event\n\t\t\t\t */\n\t\t\t\tthis.$emit('bottom-reached', event)\n\t\t\t}\n\t\t\t/**\n\t\t\t * @property {Event} event Native scroll event\n\t\t\t */\n\t\t\tthis.$emit('scroll', event)\n\t\t},\n\n\t\t/**\n\t\t * Render tab's icon slot if any\n\t\t *\n\t\t * @return {import('vue').VNode[]}\n\t\t */\n\t\trenderIcon() {\n\t\t\treturn this.$scopedSlots.icon?.()\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.app-sidebar__tab {\n\tdisplay: none;\n\tpadding: 10px;\n\tmin-height: 100%; // fill available height\n\tmax-height: 100%; // scroll inside\n\theight: 100%;\n\toverflow: auto;\n\n\t&:focus {\n\t\tborder-color: var(--color-primary-element);\n\t\tbox-shadow: 0 0 0.2em var(--color-primary-element);\n\t\toutline: 0;\n\t}\n\n\t&--active {\n\t\tdisplay: block;\n\t}\n}\n</style>\n"],"names":[],"mappings":";AA4CA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,QAAA,CAAA,eAAA,iBAAA,gBAAA,gBAAA;AAAA,EAEA,OAAA;AAAA,IACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,QAAA,CAAA,MAAA,QAAA,QAAA,SAAA,YAAA;AAAA,EAEA,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AACA,aAAA,KAAA,mBAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAGA,SAAA,YAAA,IAAA;AAAA,EACA;AAAA,EAEA,gBAAA;AAEA,SAAA,cAAA,KAAA,EAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,SAAA,OAAA;AAEA,UAAA,KAAA,IAAA,eAAA,KAAA,IAAA,cAAA,KAAA,IAAA,cAAA;AAMA,aAAA,MAAA,kBAAA,KAAA;AAAA,MACA;AAIA,WAAA,MAAA,UAAA,KAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,aAAA;;AACA,cAAA,gBAAA,cAAA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcAvatar.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const r = require("../chunks/NcAvatar-BuqOk4mX.cjs");
-module.exports = r.NcAvatar;
+const NcAvatar = require("../chunks/NcAvatar-CYzikYku.cjs");
+module.exports = NcAvatar.NcAvatar;

package/dist/Components/NcAvatar.mjs

@@ -1,4 +1,4 @@
-import { N as f } from "../chunks/NcAvatar-BBhoG-za.mjs";
+import { N } from "../chunks/NcAvatar-CX3OX2C4.mjs";
 export {
-  f as default
+  N as default
 };

package/dist/Components/NcBreadcrumb.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const r = require("../chunks/NcBreadcrumb-BRpLGeLr.cjs");
-module.exports = r.NcBreadcrumb;
+const NcBreadcrumb = require("../chunks/NcBreadcrumb-jMJw2OQJ.cjs");
+module.exports = NcBreadcrumb.NcBreadcrumb;

package/dist/Components/NcBreadcrumb.mjs

@@ -1,4 +1,4 @@
-import { N as f } from "../chunks/NcBreadcrumb-BxCf2hEA.mjs";
+import { N } from "../chunks/NcBreadcrumb-DytGDsr8.mjs";
 export {
-  f as default
+  N as default
 };

package/dist/Components/NcBreadcrumbs.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const r = require("../chunks/NcBreadcrumbs-BKPXzHC1.cjs");
-module.exports = r.NcBreadcrumbs;
+const NcBreadcrumbs = require("../chunks/NcBreadcrumbs-CzObAKB-.cjs");
+module.exports = NcBreadcrumbs.NcBreadcrumbs;

package/dist/Components/NcBreadcrumbs.mjs

@@ -1,4 +1,4 @@
-import { N as f } from "../chunks/NcBreadcrumbs-BmK-6Q-n.mjs";
+import { N } from "../chunks/NcBreadcrumbs-BqFPBZ-h.mjs";
 export {
-  f as default
+  N as default
 };

package/dist/Components/NcButton.cjs

@@ -1,6 +1,7 @@
-require('../assets/NcButton-DhaPcomf.css');
+require('../assets/NcButton-DZS360ia.css');
 "use strict";
-const f = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), y = {
+const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-DbFIE4_M.cjs");
+const _sfc_main = {
   name: "NcButton",
   inject: {
     getNcPopoverTriggerAttrs: {
@@ -17,14 +18,14 @@ const f = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), y = {
     alignment: {
       type: String,
       default: "center",
-      validator: (t) => ["start", "start-reverse", "center", "center-reverse", "end", "end-reverse"].includes(t)
+      validator: (alignment) => ["start", "start-reverse", "center", "center-reverse", "end", "end-reverse"].includes(alignment)
     },
     /**
      * Toggles the disabled state of the button on and off.
      */
     disabled: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Specifies the button type
@@ -33,8 +34,8 @@ const f = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), y = {
      */
     type: {
       type: String,
-      validator(t) {
-        return ["primary", "secondary", "tertiary", "tertiary-no-background", "tertiary-on-primary", "error", "warning", "success"].indexOf(t) !== -1;
+      validator(value) {
+        return ["primary", "secondary", "tertiary", "tertiary-no-background", "tertiary-on-primary", "error", "warning", "success"].indexOf(value) !== -1;
       },
       default: "secondary"
     },
@@ -45,8 +46,8 @@ const f = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), y = {
      */
     nativeType: {
       type: String,
-      validator(t) {
-        return ["submit", "reset", "button"].indexOf(t) !== -1;
+      validator(value) {
+        return ["submit", "reset", "button"].indexOf(value) !== -1;
       },
       default: "button"
     },
@@ -56,7 +57,7 @@ const f = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), y = {
      */
     wide: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Always try to provide an aria-label to your button. Make it more
@@ -97,7 +98,7 @@ const f = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), y = {
      */
     exact: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * @deprecated To be removed in @nextcloud/vue 9. Migration guide: remove ariaHidden prop from NcAction* components.
@@ -126,7 +127,13 @@ const f = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), y = {
      * Otherwise the type property is used.
      */
     realType() {
-      return this.pressed ? "primary" : this.pressed === !1 && this.type === "primary" ? "secondary" : this.type;
+      if (this.pressed) {
+        return "primary";
+      }
+      if (this.pressed === false && this.type === "primary") {
+        return "secondary";
+      }
+      return this.type;
     },
     /**
      * The flexbox alignment of the button content
@@ -150,43 +157,48 @@ const f = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), y = {
    * @param {Function} h The function to create VNodes
    * @return {object|undefined} The created VNode
    */
-  render(t) {
-    var o, a, u;
-    const r = !!this.$slots.default, s = (o = this.$slots) == null ? void 0 : o.icon;
-    !r && !this.ariaLabel && console.warn(
-      "You need to fill either the text or the ariaLabel props in the button component.",
-      {
-        text: (u = (a = this.$slots.default) == null ? void 0 : a[0]) == null ? void 0 : u.text,
-        ariaLabel: this.ariaLabel
-      },
-      this
-    );
-    const e = this.to || this.href, i = !e && typeof this.pressed == "boolean", l = ({ href: c, navigate: n, isActive: p, isExactActive: h } = {}) => t(
-      e ? "a" : "button",
+  render(h) {
+    var _a, _b, _c;
+    const hasText = !!this.$slots.default;
+    const hasIcon = (_a = this.$slots) == null ? void 0 : _a.icon;
+    if (!hasText && !this.ariaLabel) {
+      console.warn(
+        "You need to fill either the text or the ariaLabel props in the button component.",
+        {
+          text: (_c = (_b = this.$slots.default) == null ? void 0 : _b[0]) == null ? void 0 : _c.text,
+          ariaLabel: this.ariaLabel
+        },
+        this
+      );
+    }
+    const isLink = this.to || this.href;
+    const hasPressed = !isLink && typeof this.pressed === "boolean";
+    const renderButton = ({ href, navigate, isActive, isExactActive } = {}) => h(
+      isLink ? "a" : "button",
       {
         class: [
           "button-vue",
           {
-            "button-vue--icon-only": s && !r,
-            "button-vue--text-only": r && !s,
-            "button-vue--icon-and-text": s && r,
+            "button-vue--icon-only": hasIcon && !hasText,
+            "button-vue--text-only": hasText && !hasIcon,
+            "button-vue--icon-and-text": hasIcon && hasText,
             ["button-vue--vue-".concat(this.realType)]: this.realType,
             "button-vue--wide": this.wide,
             ["button-vue--".concat(this.flexAlignment)]: this.flexAlignment !== "center",
             "button-vue--reverse": this.isReverseAligned,
-            active: p,
-            "router-link-exact-active": h
+            active: isActive,
+            "router-link-exact-active": isExactActive
           }
         ],
         attrs: {
           "aria-label": this.ariaLabel,
-          "aria-pressed": i ? this.pressed.toString() : void 0,
+          "aria-pressed": hasPressed ? this.pressed.toString() : void 0,
           disabled: this.disabled,
-          type: e ? null : this.nativeType,
-          role: e ? "button" : null,
-          href: this.to ? c : this.href || null,
-          target: e ? "_self" : null,
-          rel: e ? "nofollow noreferrer noopener" : null,
+          type: isLink ? null : this.nativeType,
+          role: isLink ? "button" : null,
+          href: this.to ? href : this.href || null,
+          target: isLink ? "_self" : null,
+          rel: isLink ? "nofollow noreferrer noopener" : null,
           download: !this.to && this.href && this.download ? this.download : null,
           // If this button is used as a popover trigger, we need to apply trigger attrs, e.g. aria attributes
           ...this.ncPopoverTriggerAttrs,
@@ -195,14 +207,18 @@ const f = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), y = {
         },
         on: {
           ...this.$listeners,
-          click: (d) => {
-            i && this.$emit("update:pressed", !this.pressed), this.$emit("click", d), n == null || n(d);
+          click: ($event) => {
+            if (hasPressed) {
+              this.$emit("update:pressed", !this.pressed);
+            }
+            this.$emit("click", $event);
+            navigate == null ? void 0 : navigate($event);
           }
         }
       },
       [
-        t("span", { class: "button-vue__wrapper" }, [
-          s ? t(
+        h("span", { class: "button-vue__wrapper" }, [
+          hasIcon ? h(
             "span",
             {
               class: "button-vue__icon",
@@ -212,31 +228,36 @@ const f = require("../chunks/_plugin-vue2_normalizer-GXKvuwrq.cjs"), y = {
             },
             [this.$slots.icon]
           ) : null,
-          r ? t("span", { class: "button-vue__text" }, [this.$slots.default]) : null
+          hasText ? h("span", { class: "button-vue__text" }, [this.$slots.default]) : null
         ])
       ]
     );
-    return this.to ? t("router-link", {
-      props: {
-        custom: !0,
-        to: this.to,
-        exact: this.exact
-      },
-      scopedSlots: {
-        default: l
-      }
-    }) : l();
+    if (this.to) {
+      return h("router-link", {
+        props: {
+          custom: true,
+          to: this.to,
+          exact: this.exact
+        },
+        scopedSlots: {
+          default: renderButton
+        }
+      });
+    }
+    return renderButton();
   }
-}, b = null, g = null;
-var v = /* @__PURE__ */ f.normalizeComponent(
-  y,
-  b,
-  g,
-  !1,
+};
+const _sfc_render = null;
+const _sfc_staticRenderFns = null;
+var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
+  _sfc_main,
+  _sfc_render,
+  _sfc_staticRenderFns,
+  false,
   null,
-  "fe3b5af5",
+  "379770a7",
   null,
   null
 );
-const m = v.exports;
-module.exports = m;
+const NcButton = __component__.exports;
+module.exports = NcButton;