@nextcloud/vue
Version:
Nextcloud vue components
2 lines (1 loc) • 1.53 kB
JavaScript
var v=require("../assets/index36.css");const o=require("../chunks/NcAppNavigationToggle-c566f66e.cjs"),a=require("../Mixins/isMobile.cjs"),e=require("@nextcloud/event-bus"),s=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs");const g={name:"NcAppNavigation",components:{NcAppNavigationToggle:o.NcAppNavigationToggle},mixins:[a],data(){return{open:!0}},computed:{ariaHidden(){return this.open?"false":"true"}},watch:{isMobile(){this.open=!this.isMobile}},mounted(){e.subscribe("toggle-navigation",this.toggleNavigationByEventBus),e.emit("navigation-toggled",{open:this.open})},unmounted(){e.unsubscribe("toggle-navigation",this.toggleNavigationByEventBus)},methods:{toggleNavigation(t){this.open=typeof t>"u"?!this.open:t;const i=getComputedStyle(document.body),n=parseInt(i.getPropertyValue("--animation-quick"))||100;setTimeout(()=>{e.emit("navigation-toggled",{open:this.open})},1.5*n)},toggleNavigationByEventBus({open:t}){this.toggleNavigation(t)}}};var p=function(){var t=this,i=t._self._c;return i("div",{staticClass:"app-navigation",class:{"app-navigation--close":!t.open},attrs:{id:"app-navigation-vue",role:"navigation",inert:!t.open||null}},[i("NcAppNavigationToggle",{attrs:{open:t.open},on:{"update:open":t.toggleNavigation}}),i("div",{staticClass:"app-navigation__content",attrs:{"aria-hidden":t.ariaHidden}},[t._t("default"),i("ul",{staticClass:"app-navigation__list"},[t._t("list")],2),t._t("footer")],2)],1)},l=[],r=s.normalizeComponent(g,p,l,!1,null,"1ce9e281",null,null);const u=r.exports;module.exports=u;