@nextcloud/vue
Version:
Nextcloud vue components
35 lines (34 loc) • 2.11 kB
JavaScript
import "../assets/index22.css";
import { t as i } from "../chunks/l10n-9a5a6afc.mjs";
import s from "../Mixins/clickOutsideOptions.mjs";
import "../chunks/IsMobileState-e1fe5f58.mjs";
import "@nextcloud/router";
/* empty css */import { n as o } from "../chunks/_plugin-vue2_normalizer-5b4c43a4.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;
} } };
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;
export {
y as default
};