@progress/kendo-vue-layout
Version:
9 lines (8 loc) • 2.07 kB
JavaScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),o=require("./TabStripNavigationItem.js"),p=require("@progress/kendo-vue-common"),l=t=>Array.apply(null,Array(t)),b=s.defineComponent({name:"KendoTabStripNavigation",emits:{select:null,keydown:null},props:{tabs:Array,selected:Number,tabIndex:Number,tabPosition:String,tabAlignment:String,onSelect:Function,onKeydown:Function},computed:{wrapperNavClasses(){return{"k-tabstrip-items-wrapper":!0,"k-hstack":this.$props.tabPosition==="top"||this.$props.tabPosition==="bottom","k-vstack":this.$props.tabPosition==="left"||this.$props.tabPosition==="right"}},navClasses(){return p.classNames("k-tabstrip-items",{"k-tabstrip-items-start":this.$props.tabAlignment==="start","k-tabstrip-items-center":this.$props.tabAlignment==="center","k-tabstrip-items-end":this.$props.tabAlignment==="end","k-tabstrip-items-stretched":this.$props.tabAlignment==="stretched","k-tabstrip-items-justify":this.$props.tabAlignment==="justify"},"k-reset")}},render(){const{tabs:t,selected:i}=this.$props,n=t.length,a=function(){return l(n).map(function(c,e,r){return s.createVNode(o.TabStripNavigationItem,{key:e,active:i===e,disabled:t[e].disabled,index:e,title:t[e].title,id:t[e].id,titleRender:t[e].titleRender,first:e===0,last:e===r.length-1,onSelect:this.onNavigationItemSelect},null)},this)};return s.createVNode("div",{class:this.wrapperNavClasses},[s.createVNode("ul",{class:this.navClasses,role:"tablist",tabindex:this.$props.tabIndex,onKeydown:this.onKeyDown},[a.call(this)])])},methods:{onKeyDown(t){this.$emit("keydown",t)},onNavigationItemSelect(t){this.$emit("select",t)}}});exports.TabStripNavigation=b;