2025-07-29 04:38:07 -04:00
|
|
|
(self.webpackChunknextcloud=self.webpackChunknextcloud||[]).push([[4208],{82:(e,t,n)=>{"use strict";if(n.d(t,{u:()=>o}),!/^(2(076|138|696)|6(010|174|371|600)|82(0|79)|(78|96)43|1952|3260|3604|4897|5438|590|7541)$/.test(n.j))var a=n(85471);if(!/^(2(076|138|696)|6(010|174|371|600)|82(0|79)|(78|96)43|1952|3260|3604|4897|5438|590|7541)$/.test(n.j))var r=n(59271);if(!/^(2(076|138|696)|6(010|174|371|600)|82(0|79)|(78|96)43|1952|3260|3604|4897|5438|590|7541)$/.test(n.j))var i=n(87349);function o(e,t={}){const n=(0,i.c)();(0,a.wB)(e,(()=>{(0,r.BA)(t.disabled)||((0,r.BA)(e)?n.pause():n.unpause())})),(0,a.hi)((()=>{n.unpause()}))}},83:(e,t,n)=>{"use strict";n.d(t,{N:()=>E}),n(59365);var a=n(85072),r=n.n(a),i=n(97825),o=n.n(i),s=n(77659),l=n.n(s),u=n(55056),d=n.n(u),c=n(10540),h=n.n(c),m=n(41113),f=n.n(m),p=n(24100),g={};g.styleTagTransform=f(),g.setAttributes=d(),g.insert=l().bind(null,"head"),g.domAPI=o(),g.insertStyleElement=h(),r()(p.A,g),p.A&&p.A.locals&&p.A.locals;var _=n(55042),v=n(52697),b=n(86241),A=n(75105),y=(n(23020),n(53429),n(51431)),F=(n(70580),n(44349),n(21777),n(65043),n(87349));const k={name:"NcHeaderMenu",components:{NcButton:n(97012).A},directives:{ClickOutside:_.z0},mixins:[A.A],props:{id:{type:String,required:!0},ariaLabel:{type:String,default:""},open:{type:Boolean,default:!1},isNav:{type:Boolean,default:!1},description:{type:String,default:null}},emits:["close","closed","open","opened","update:open","cancel"],data(){return{focusTrap:null,opened:this.open,shortcutsDisabled:window.OCP?.Accessibility?.disableKeyboardShortcuts?.(),triggerId:(0,b.G)(),descriptionId:(0,b.G)()}},computed:{wrapperTag(){return this.isNav?"nav":"div"},clickOutsideConfig(){return[this.closeMenu,this.clickOutsideOptions]},listeners(){return this.isNav?{focusout:this.onFocusOut}:null}},watch:{open(e){e?this.openMenu():this.closeMenu()}},mounted(){document.addEventListener("keydown",this.onKeyDown)},beforeDestroy(){document.removeEventListener("keydown",this.onKeyDown)},methods:{toggleMenu(){this.opened?this.closeMenu():this.openMenu()},closeMenu(e=!1){this.opened=!1,this.$emit(e?"cancel":"close"),this.$emit("update:open",!1),this.clearFocusTrap(),this.$nextTick((()=>{this.$emit("closed")}))},openMenu(){this.opened=!0,this.$emit("open"),this.$emit("update:open",!0),this.$nextTick((()=>{this.useFocusTrap(),this.$emit("opened")}))},onKeyDown(e){!this.shortcutsDisabled&&this.opened&&"Escape"===e.key&&(e.preventDefault(),this.closeMenu(!0))},onFocusOut(e){this.$refs.headerMenu.contains(e.relatedTarget)||this.closeMenu()},async useFocusTrap(){if(this.isNav||this.focusTrap)return;const e=this.$refs.content;this.focusTrap=(0,v.K)(e,{allowOutsideClick:!0,trapStack:(0,F.g)(),fallbackFocus:this.$refs.trigger.$el}),this.focusTrap.activate()},clearFocusTrap(){this.focusTrap?.deactivate(),this.focusTrap=null}}};var w=function(){var e=this,t=e._self._c;return t(e.wrapperTag,e._g({directives:[{name:"click-outside",rawName:"v-click-outside",value:e.clickOutsideConfig,expression:"clickOutsideConfig"}],ref:"headerMenu",tag:"component",staticClass:"header-menu",class:{"header-menu--opened":e.opened},attrs:{id:e.id,"aria-labelledby":e.isNav?e.triggerId:null}},e.listeners),[t("NcButton",{ref:"trigger",staticClass:"header-menu__trigger",attrs:{id:e.isNav?e.triggerId:null,"aria-controls":`header-menu-${e.id}`,"aria-describedby":e.description?e.descriptionId:null,"aria-expanded":e.opened.toString(),"aria-label":e.ariaLabel,size:"large",variant:"tertiary-no-background"},on:{click:function(t){return t.preventDefault(),e.toggleMenu.apply(null,arguments)}},scopedSlots:e._u([{key:"icon",fn:function(){return[e._t("trigger")]},proxy:!0}],null,!0)}),e.description?t("span",{staticClass:"header-menu__description hidden-visually",attrs:{id:e.descriptionId}},[e._v(" "+e._s(e.description)+" ")]):e._e(),t("div",{directives:[{name:"show",rawName:"v-show",value:e.opened,expression:"opened"}],staticClass:"header-menu__carret"}),t("div",{directives:[{name:"show",rawName:"v-show",value:e.opened,expression:"opened"}],staticClass:"header-menu__wrapper",attrs:{id:`header-menu-${e.id
|
