primevue/tabmenu/tabmenu.min.js

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

this.primevue=this.primevue||{},this.primevue.tabmenu=function(e,t,n,i,a){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(e),o={name:"TabMenu",extends:{name:"BaseTabMenu",extends:r(i).default,props:{model:{type:Array,default:null},activeIndex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:r(a).default,provide:function(){return{$parentInstance:this}}},emits:["update:activeIndex","tab-change"],timeout:null,data:function(){return{d_activeIndex:this.activeIndex}},watch:{activeIndex:function(e){this.d_activeIndex=e}},mounted:function(){this.updateInkBar();var e=this.findActiveItem();e&&(e.tabIndex="0")},updated:function(){this.updateInkBar()},beforeUnmount:function(){clearTimeout(this.timeout)},methods:{getPTOptions:function(e,t,n){return this.ptm(e,{context:{item:t,index:n}})},onItemClick:function(e,t,n){this.disabled(t)?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),n!==this.d_activeIndex&&(this.d_activeIndex=n,this.$emit("update:activeIndex",this.d_activeIndex)),this.$emit("tab-change",{originalEvent:e,index:n}))},onKeydownItem:function(e,t,n){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Space":case"NumpadEnter":case"Enter":this.onItemClick(e,t,n),e.preventDefault();break;case"Tab":this.onTabKey()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var n=e.parentElement.nextElementSibling;return n?!0===t.DomHandler.getAttribute(n,"data-p-disabled")?this.findNextItem(n.children[0]):n.children[0]:null},findPrevItem:function(e){var n=e.parentElement.previousElementSibling;return n?!0===t.DomHandler.getAttribute(n,"data-p-disabled")?this.findPrevItem(n.children[0]):n.children[0]:null},findFirstItem:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},findLastItem:function(){var e=t.DomHandler.find(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},findActiveItem:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]');return e?e.children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},onTabKey:function(){var e=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),n=t.DomHandler.findSingle(this.$refs.nav,'[data-pc-section="action"][tabindex="0"]');n!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),n.tabIndex="-1")},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():!0===e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label},updateInkBar:function(){for(var e=this.$refs.nav.children,n=!1,i=0;i<e.length;i++){var a=e[i];t.DomHandler.getAttribute(a,"data-p-highlight")&&(this.$refs.inkbar.style.width=t.DomHandler.getWidth(a)+"px",this.$refs.inkbar.style.left=t.DomHandler.getOffset(a).left-t.DomHandler.getOffset(this.$refs.nav).left+"px",n=!0)}n||(this.$refs.inkbar.style.width="0px",this.$refs.inkbar.style.left="0px")},getMenuItemProps:function(e,t){var i=this;return{action:n.mergeProps({class:this.cx("action"),tabindex:-1,onClick:function(n){return i.onItemClick(n,e,t)},onKeyDown:function(n){return i.onKeydownItem(n,e,t)}},this.getPTOptions("action",e,t)),icon:n.mergeProps({class:[this.cx("icon"),e.icon]},this.getPTOptions("icon",e,t)),label:n.mergeProps({class:this.cx("label")},this.getPTOptions("label",e,t))}}},directives:{ripple:l.default}},s=["aria-labelledby","aria-label"],c=["onClick","onKeydown","data-p-highlight","data-p-disabled"],d=["href","target","aria-label","aria-disabled"];return o.render=function(e,t,i,a,r,l){var o=n.resolveDirective("ripple");return n.openBlock(),n.createElementBlock("div",n.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tabmenu"}),[n.createElementVNode("ul",n.mergeProps({ref:"nav",class:e.cx("menu"),role:"menubar","aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},e.ptm("menu")),[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.model,(function(t,i){return n.openBlock(),n.createElementBlock(n.Fragment,{key:l.label(t)+"_"+i.toString()},[l.visible(t)?(n.openBlock(),n.createElementBlock("li",n.mergeProps({key:0,ref_for:!0,ref:"tab",class:[e.cx("menuitem",{item:t,index:i}),t.class],role:"presentation",onClick:function(e){return l.onItemClick(e,t,i)},onKeydown:function(e){return l.onKeydownItem(e,t,i)}},l.getPTOptions("menuitem",t,i),{"data-p-highlight":r.d_activeIndex===i,"data-p-disabled":l.disabled(t)}),[e.$slots.item?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.item),{key:1,item:t,index:i,active:i===r.d_activeIndex,label:l.label(t),props:l.getMenuItemProps(t,i)},null,8,["item","index","active","label","props"])):n.withDirectives((n.openBlock(),n.createElementBlock("a",n.mergeProps({key:0,ref_for:!0,ref:"tabLink",role:"menuitem",href:t.url,class:e.cx("action"),target:t.target,"aria-label":l.label(t),"aria-disabled":l.disabled(t),tabindex:-1},l.getPTOptions("action",t,i)),[e.$slots.itemicon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.itemicon),{key:0,item:t,class:n.normalizeClass([e.cx("icon"),t.icon])},null,8,["item","class"])):t.icon?(n.openBlock(),n.createElementBlock("span",n.mergeProps({key:1,class:[e.cx("icon"),t.icon]},l.getPTOptions("icon",t,i)),null,16)):n.createCommentVNode("",!0),n.createElementVNode("span",n.mergeProps({class:e.cx("label")},l.getPTOptions("label",t,i)),n.toDisplayString(l.label(t)),17)],16,d)),[[o]])],16,c)):n.createCommentVNode("",!0)],64)})),128)),n.createElementVNode("li",n.mergeProps({ref:"inkbar",role:"none",class:e.cx("inkbar")},e.ptm("inkbar")),null,16)],16,s)],16)},o}(primevue.ripple,primevue.utils,Vue,primevue.basecomponent,primevue.tabmenu.style);