@nextcloud/vue 8.11.2 → 8.11.3

package/dist/chunks/NcAppNavigationSettings-Cnr4jYzW.cjs

@@ -1,104 +0,0 @@
-require('../assets/NcMentionBubble-7PQ8wEko.css');
-require('../assets/NcAppNavigationSettings-nH_pGlKc.css');
-"use strict";
-const i = require("./_l10n-B8iumFKB.cjs"), a = require("../Mixins/clickOutsideOptions.cjs");
-require("../Composables/useIsFullscreen.cjs");
-require("../Composables/useIsMobile.cjs");
-require("@nextcloud/router");
-;/* empty css                                                                           */
-const s = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs");
-require("linkify-string");
-require("escape-html");
-require("striptags");
-require("vue");
-require("@nextcloud/auth");
-require("@nextcloud/axios");
-require("@nextcloud/capabilities");
-const o = require("@vueuse/components");
-i.register(i.t39);
-const l = {
-  name: "CogIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var c = function() {
-  var e = this, t = e._self._c;
-  return t("span", e._b({ staticClass: "material-design-icon cog-icon", attrs: { "aria-hidden": e.title ? null : !0, "aria-label": e.title, role: "img" }, on: { click: function(r) {
-    return e.$emit("click", r);
-  } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
-}, u = [], _ = /* @__PURE__ */ s.normalizeComponent(
-  l,
-  c,
-  u,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const p = _.exports, d = {
-  directives: {
-    ClickOutside: o.vOnClickOutside
-  },
-  components: {
-    Cog: p
-  },
-  mixins: [
-    a
-  ],
-  props: {
-    name: {
-      type: String,
-      required: !1,
-      default: i.t("Settings")
-    }
-  },
-  data() {
-    return {
-      open: !1
-    };
-  },
-  computed: {
-    clickOutsideConfig() {
-      return [
-        this.closeMenu,
-        this.clickOutsideOptions
-      ];
-    }
-  },
-  methods: {
-    toggleMenu() {
-      this.open = !this.open;
-    },
-    closeMenu() {
-      this.open = !1;
-    }
-  }
-};
-var C = 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" }, 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);
-}, g = [], m = /* @__PURE__ */ s.normalizeComponent(
-  d,
-  C,
-  g,
-  !1,
-  null,
-  "4bd59bb1",
-  null,
-  null
-);
-const f = m.exports;
-exports.NcAppNavigationSettings = f;

package/dist/chunks/NcAppNavigationSettings-LmpAoM-x.mjs

@@ -1,106 +0,0 @@
-import '../assets/NcMentionBubble-7PQ8wEko.css';
-import '../assets/NcAppNavigationSettings-nH_pGlKc.css';
-import { r as o, s as r, a } from "./_l10n-BaNxGGXy.mjs";
-import l from "../Mixins/clickOutsideOptions.mjs";
-import "../Composables/useIsFullscreen.mjs";
-import "../Composables/useIsMobile.mjs";
-import "@nextcloud/router";
-/* empty css                                                                          */
-import { n as i } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-import "linkify-string";
-import "escape-html";
-import "striptags";
-import "vue";
-import "@nextcloud/auth";
-import "@nextcloud/axios";
-import "@nextcloud/capabilities";
-import { vOnClickOutside as c } from "@vueuse/components";
-o(r);
-const p = {
-  name: "CogIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var u = function() {
-  var t = this, e = t._self._c;
-  return e("span", t._b({ staticClass: "material-design-icon cog-icon", attrs: { "aria-hidden": t.title ? null : !0, "aria-label": t.title, role: "img" }, on: { click: function(n) {
-    return t.$emit("click", n);
-  } } }, "span", t.$attrs, !1), [e("svg", { staticClass: "material-design-icon__svg", attrs: { fill: t.fillColor, width: t.size, height: t.size, viewBox: "0 0 24 24" } }, [e("path", { attrs: { d: "M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z" } }, [t.title ? e("title", [t._v(t._s(t.title))]) : t._e()])])]);
-}, _ = [], m = /* @__PURE__ */ i(
-  p,
-  u,
-  _,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const d = m.exports, C = {
-  directives: {
-    ClickOutside: c
-  },
-  components: {
-    Cog: d
-  },
-  mixins: [
-    l
-  ],
-  props: {
-    name: {
-      type: String,
-      required: !1,
-      default: a("Settings")
-    }
-  },
-  data() {
-    return {
-      open: !1
-    };
-  },
-  computed: {
-    clickOutsideConfig() {
-      return [
-        this.closeMenu,
-        this.clickOutsideOptions
-      ];
-    }
-  },
-  methods: {
-    toggleMenu() {
-      this.open = !this.open;
-    },
-    closeMenu() {
-      this.open = !1;
-    }
-  }
-};
-var f = 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" }, 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);
-}, g = [], v = /* @__PURE__ */ i(
-  C,
-  f,
-  g,
-  !1,
-  null,
-  "4bd59bb1",
-  null,
-  null
-);
-const H = v.exports;
-export {
-  H as N
-};

package/dist/chunks/NcAppNavigationToggle-B5XmO21v.cjs

@@ -1,119 +0,0 @@
-require('../assets/NcAppNavigationToggle-De8wq0JA.css');
-"use strict";
-const r = require("../Components/NcButton.cjs"), n = require("./_l10n-B8iumFKB.cjs"), a = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs");
-n.register(n.t17);
-const o = {
-  name: "MenuIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var s = function() {
-  var e = this, t = e._self._c;
-  return t("span", e._b({ staticClass: "material-design-icon menu-icon", attrs: { "aria-hidden": e.title ? null : !0, "aria-label": e.title, role: "img" }, on: { click: function(i) {
-    return e.$emit("click", i);
-  } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
-}, c = [], p = /* @__PURE__ */ a.normalizeComponent(
-  o,
-  s,
-  c,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const u = p.exports, _ = {
-  name: "MenuOpenIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var g = function() {
-  var e = this, t = e._self._c;
-  return t("span", e._b({ staticClass: "material-design-icon menu-open-icon", attrs: { "aria-hidden": e.title ? null : !0, "aria-label": e.title, role: "img" }, on: { click: function(i) {
-    return e.$emit("click", i);
-  } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M21,15.61L19.59,17L14.58,12L19.59,7L21,8.39L17.44,12L21,15.61M3,6H16V8H3V6M3,13V11H13V13H3M3,18V16H16V18H3Z" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
-}, m = [], d = /* @__PURE__ */ a.normalizeComponent(
-  _,
-  g,
-  m,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const f = d.exports, v = {
-  name: "NcAppNavigationToggle",
-  components: {
-    NcButton: r,
-    MenuIcon: u,
-    MenuOpenIcon: f
-  },
-  props: {
-    /**
-     * Tracks whether the toggle has been clicked or not.
-     * If it has been clicked, switches between the different MenuIcons
-     * and emits a boolean indicating its opened status
-     */
-    open: {
-      type: Boolean,
-      required: !0
-    }
-  },
-  emits: ["update:open"],
-  computed: {
-    label() {
-      return this.open ? n.t("Close navigation") : n.t("Open navigation");
-    }
-  },
-  methods: {
-    /**
-     * Once the toggle has been clicked, emits the toggle status
-     * so parent components can gauge the status of the navigation button
-     */
-    toggleNavigation() {
-      this.$emit("update:open", !this.open);
-    }
-  }
-};
-var h = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "app-navigation-toggle-wrapper" }, [t("NcButton", { staticClass: "app-navigation-toggle", attrs: { type: "tertiary", "aria-expanded": e.open ? "true" : "false", "aria-label": e.label, title: e.label, "aria-controls": "app-navigation-vue" }, on: { click: e.toggleNavigation }, scopedSlots: e._u([{ key: "icon", fn: function() {
-    return [e.open ? t("MenuOpenIcon", { attrs: { size: 20 } }) : t("MenuIcon", { attrs: { size: 20 } })];
-  }, proxy: !0 }]) })], 1);
-}, C = [], M = /* @__PURE__ */ a.normalizeComponent(
-  v,
-  h,
-  C,
-  !1,
-  null,
-  "e1dc2b3e",
-  null,
-  null
-);
-const N = M.exports;
-exports.NcAppNavigationToggle = N;

package/dist/chunks/NcAppNavigationToggle-D0oeWL17.mjs

@@ -1,122 +0,0 @@
-import '../assets/NcAppNavigationToggle-De8wq0JA.css';
-import r from "../Components/NcButton.mjs";
-import { r as s, x as o, a as l } from "./_l10n-BaNxGGXy.mjs";
-import { n as i } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-s(o);
-const c = {
-  name: "MenuIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var p = function() {
-  var t = this, e = t._self._c;
-  return e("span", t._b({ staticClass: "material-design-icon menu-icon", attrs: { "aria-hidden": t.title ? null : !0, "aria-label": t.title, role: "img" }, on: { click: function(n) {
-    return t.$emit("click", n);
-  } } }, "span", t.$attrs, !1), [e("svg", { staticClass: "material-design-icon__svg", attrs: { fill: t.fillColor, width: t.size, height: t.size, viewBox: "0 0 24 24" } }, [e("path", { attrs: { d: "M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" } }, [t.title ? e("title", [t._v(t._s(t.title))]) : t._e()])])]);
-}, u = [], _ = /* @__PURE__ */ i(
-  c,
-  p,
-  u,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const m = _.exports, f = {
-  name: "MenuOpenIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var g = function() {
-  var t = this, e = t._self._c;
-  return e("span", t._b({ staticClass: "material-design-icon menu-open-icon", attrs: { "aria-hidden": t.title ? null : !0, "aria-label": t.title, role: "img" }, on: { click: function(n) {
-    return t.$emit("click", n);
-  } } }, "span", t.$attrs, !1), [e("svg", { staticClass: "material-design-icon__svg", attrs: { fill: t.fillColor, width: t.size, height: t.size, viewBox: "0 0 24 24" } }, [e("path", { attrs: { d: "M21,15.61L19.59,17L14.58,12L19.59,7L21,8.39L17.44,12L21,15.61M3,6H16V8H3V6M3,13V11H13V13H3M3,18V16H16V18H3Z" } }, [t.title ? e("title", [t._v(t._s(t.title))]) : t._e()])])]);
-}, d = [], v = /* @__PURE__ */ i(
-  f,
-  g,
-  d,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const h = v.exports, C = {
-  name: "NcAppNavigationToggle",
-  components: {
-    NcButton: r,
-    MenuIcon: m,
-    MenuOpenIcon: h
-  },
-  props: {
-    /**
-     * Tracks whether the toggle has been clicked or not.
-     * If it has been clicked, switches between the different MenuIcons
-     * and emits a boolean indicating its opened status
-     */
-    open: {
-      type: Boolean,
-      required: !0
-    }
-  },
-  emits: ["update:open"],
-  computed: {
-    label() {
-      return this.open ? l("Close navigation") : l("Open navigation");
-    }
-  },
-  methods: {
-    /**
-     * Once the toggle has been clicked, emits the toggle status
-     * so parent components can gauge the status of the navigation button
-     */
-    toggleNavigation() {
-      this.$emit("update:open", !this.open);
-    }
-  }
-};
-var M = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "app-navigation-toggle-wrapper" }, [e("NcButton", { staticClass: "app-navigation-toggle", attrs: { type: "tertiary", "aria-expanded": t.open ? "true" : "false", "aria-label": t.label, title: t.label, "aria-controls": "app-navigation-vue" }, on: { click: t.toggleNavigation }, scopedSlots: t._u([{ key: "icon", fn: function() {
-    return [t.open ? e("MenuOpenIcon", { attrs: { size: 20 } }) : e("MenuIcon", { attrs: { size: 20 } })];
-  }, proxy: !0 }]) })], 1);
-}, $ = [], H = /* @__PURE__ */ i(
-  C,
-  M,
-  $,
-  !1,
-  null,
-  "e1dc2b3e",
-  null,
-  null
-);
-const N = H.exports;
-export {
-  N
-};

package/dist/chunks/NcAppSettingsDialog-B6crPJ6a.cjs

@@ -1,184 +0,0 @@
-require('../assets/NcAppSettingsDialog-DR46jcRG.css');
-"use strict";
-const _ = require("./NcDialog-Ciz0hlFn.cjs"), v = require("../Components/NcVNodes.cjs"), m = require("../Composables/useIsMobile.cjs"), r = require("./_l10n-B8iumFKB.cjs"), S = require("debounce"), N = require("vue"), k = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs"), f = (t) => t && t.__esModule ? t : { default: t }, C = /* @__PURE__ */ f(S), b = /* @__PURE__ */ f(N);
-r.register(r.t40);
-const y = {
-  name: "NcAppSettingsDialog",
-  components: {
-    NcDialog: _.NcDialog,
-    NcVNodes: v
-  },
-  provide() {
-    return {
-      registerSection: this.registerSection,
-      unregisterSection: this.unregisterSection
-    };
-  },
-  props: {
-    /**
-     * Determines the open / closed state of the modal
-     */
-    open: {
-      type: Boolean,
-      required: !0
-    },
-    /**
-     * Shows the navigation on desktop if true
-     */
-    showNavigation: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Selector for the popover container
-     */
-    container: {
-      type: String,
-      default: "body"
-    },
-    /**
-     * Name of the settings
-     */
-    name: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Additional elements to add to the focus trap
-     */
-    additionalTrapElements: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: ["update:open"],
-  setup() {
-    return {
-      isMobile: m.useIsMobile()
-    };
-  },
-  data() {
-    return {
-      selectedSection: "",
-      linkClicked: !1,
-      addedScrollListener: !1,
-      scroller: null,
-      /**
-       * Currently registered settings sections
-       * @type {{ id: string, name: string, icon?: import('vue').VNode[] }[]}
-       */
-      sections: []
-    };
-  },
-  computed: {
-    dialogProperties() {
-      return {
-        additionalTrapElements: this.additionalTrapElements,
-        closeOnClickOutside: !0,
-        class: "app-settings",
-        container: this.container,
-        contentClasses: "app-settings__content",
-        size: "large",
-        name: this.name,
-        navigationClasses: "app-settings__navigation"
-      };
-    },
-    /**
-     * Check if one or more navigation entries provide icons
-     */
-    hasNavigationIcons() {
-      return this.sections.some(({ icon: t }) => !!t);
-    },
-    hasNavigation() {
-      return !(this.isMobile || !this.showNavigation);
-    },
-    settingsNavigationAriaLabel() {
-      return r.t("Settings navigation");
-    }
-  },
-  updated() {
-    this.$refs.settingsScroller && (this.scroller = this.$refs.settingsScroller, this.addedScrollListener || (this.scroller.addEventListener("scroll", this.handleScroll), this.addedScrollListener = !0));
-  },
-  methods: {
-    /**
-     * Called when a new section is registered
-     * @param {string} id The section ID
-     * @param {string} name The section name
-     * @param {import('vue').VNode[]|undefined} icon Optional icon component
-     */
-    registerSection(t, e, n) {
-      if (this.sections.some(({ id: i }) => t === i))
-        throw new Error("Duplicate section id found: ".concat(t, ". Settings navigation sections must have unique section ids."));
-      this.sections.some(({ name: i }) => e === i) && b.default.util.warn("Duplicate section name found: ".concat(e, ". Settings navigation sections must have unique section names."));
-      const o = [...this.sections, { id: t, name: e, icon: n }];
-      this.sections = o.sort(({ id: i }, { id: s }) => {
-        const c = (p) => {
-          var a, u, d;
-          return (d = (u = (a = this.$slots.default) == null ? void 0 : a.findIndex) == null ? void 0 : u.call(a, (l) => {
-            var g, h;
-            return ((h = (g = l == null ? void 0 : l.componentOptions) == null ? void 0 : g.propsData) == null ? void 0 : h.id) === p;
-          })) != null ? d : -1;
-        };
-        return c(i) - c(s);
-      }), this.sections.length === 1 && (this.selectedSection = t);
-    },
-    /**
-     * Called when a section is unregistered to remove it from dialog
-     * @param {string} id The section ID
-     */
-    unregisterSection(t) {
-      var e, n;
-      this.sections = this.sections.filter(({ id: o }) => t !== o), this.selectedSection === t && (this.selectedSection = (n = (e = this.sections[0]) == null ? void 0 : e.id) != null ? n : "");
-    },
-    /**
-     * Scrolls the content to the selected settings section.absolute
-     *
-     * @param {string} item the ID of the section
-     */
-    handleSettingsNavigationClick(t) {
-      this.linkClicked = !0, document.getElementById("settings-section_" + t).scrollIntoView({
-        behavior: "smooth",
-        inline: "nearest"
-      }), this.selectedSection = t, setTimeout(() => {
-        this.linkClicked = !1;
-      }, 1e3);
-    },
-    handleCloseModal(t) {
-      t || (this.$emit("update:open", !1), this.scroller.removeEventListener("scroll", this.handleScroll), this.addedScrollListener = !1, this.scroller.scrollTop = 0);
-    },
-    handleScroll() {
-      this.linkClicked || this.unfocusNavigationItem();
-    },
-    // Remove selected section once the user starts scrolling
-    unfocusNavigationItem: C.default(function() {
-      this.selectedSection = "", document.activeElement.className.includes("navigation-list__link") && document.activeElement.blur();
-    }, 300)
-  }
-};
-var D = function() {
-  var e = this, n = e._self._c;
-  return e.open ? n("NcDialog", e._b({ attrs: { "navigation-aria-label": e.settingsNavigationAriaLabel }, on: { "update:open": e.handleCloseModal }, scopedSlots: e._u([e.hasNavigation ? { key: "navigation", fn: function({ isCollapsed: o }) {
-    return [o ? e._e() : n("ul", { staticClass: "navigation-list" }, e._l(e.sections, function(i) {
-      return n("li", { key: i.id }, [n("a", { class: {
-        "navigation-list__link": !0,
-        "navigation-list__link--active": i.id === e.selectedSection,
-        "navigation-list__link--icon": e.hasNavigationIcons
-      }, attrs: { "aria-current": "".concat(i.id === e.selectedSection), href: "#settings-section_".concat(i.id), tabindex: "0" }, on: { click: function(s) {
-        return s.preventDefault(), e.handleSettingsNavigationClick(i.id);
-      }, keydown: function(s) {
-        return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : e.handleSettingsNavigationClick(i.id);
-      } } }, [e.hasNavigationIcons ? n("div", { staticClass: "navigation-list__link-icon" }, [i.icon ? n("NcVNodes", { attrs: { vnodes: i.icon } }) : e._e()], 1) : e._e(), n("span", { staticClass: "navigation-list__link-text" }, [e._v(" " + e._s(i.name) + " ")])])]);
-    }), 0)];
-  } } : null], null, !0) }, "NcDialog", e.dialogProperties, !1), [n("div", { ref: "settingsScroller" }, [e._t("default")], 2)]) : e._e();
-}, q = [], E = /* @__PURE__ */ k.normalizeComponent(
-  y,
-  D,
-  q,
-  !1,
-  null,
-  "3e0025d1",
-  null,
-  null
-);
-const I = E.exports;
-exports.NcAppSettingsDialog = I;