@nextcloud/vue
Version:
Nextcloud vue components
2 lines (1 loc) • 1.3 kB
JavaScript
var v=require("../assets/NcAppNavigationToggle.css");const n=require("../Components/NcButton.cjs");require("../Directives/Tooltip.cjs");const o=require("./l10n-46d0c1c0.cjs"),i=require("vue-material-design-icons/Menu.vue"),a=require("vue-material-design-icons/MenuOpen.vue"),r=require("./_plugin-vue2_normalizer-764a4c12.cjs"),p=require("floating-vue");const l={name:"NcAppNavigationToggle",directives:{tooltip:p.VTooltip},components:{NcButton:n,MenuIcon:i,MenuOpenIcon:a},props:{open:{type:Boolean,required:!0}},emits:["update:open"],computed:{label(){return this.open?o.t("Close navigation"):o.t("Open navigation")}},methods:{toggleNavigation(){this.$emit("update:open",!this.open)}}};var s=function(){var e=this,t=e._self._c;return t("NcButton",{directives:[{name:"tooltip",rawName:"v-tooltip.auto",value:e.label,expression:"label",modifiers:{auto:!0}}],staticClass:"app-navigation-toggle",attrs:{type:"tertiary","aria-expanded":e.open?"true":"false","aria-label":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}])})},u=[],c=r.normalizeComponent(l,s,u,!1,null,"83ed51ad",null,null);const g=c.exports;exports.NcAppNavigationToggle=g;