UNPKG

@nextcloud/vue

Version:
35 lines (34 loc) 2.11 kB
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 };