@progress/kendo-vue-layout 7.0.0-develop.4 → 7.0.0-develop.6

package/drawer/Drawer.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as v, createVNode as c } from "vue";
-import { DrawerNavigation as g } from "./DrawerNavigation.mjs";
-import { getDefaultSlots as y, templateRendering as l, getListeners as m, getDir as k, validatePackage as x, shouldShowValidationUI as S } from "@progress/kendo-vue-common";
+import { defineComponent as g, createVNode as m } from "vue";
+import { DrawerNavigation as v } from "./DrawerNavigation.mjs";
+import { getDefaultSlots as y, templateRendering as l, getListeners as c, getDir as k, validatePackage as x, shouldShowValidationUI as S, getLicenseMessage as b } from "@progress/kendo-vue-common";
 import { packageMetadata as h } from "../package-metadata.mjs";
-const C = /* @__PURE__ */ v({
+const N = /* @__PURE__ */ g({
   name: "KendoDrawer",
   emits: {
     select: null,
@@ -65,7 +65,7 @@ const C = /* @__PURE__ */ v({
     }
   },
   created() {
-    x(h), this.showLicenseWatermark = S(h);
+    x(h), this.showLicenseWatermark = S(h), this.licenseMessage = b(h);
   },
   data() {
     const {
@@ -73,11 +73,11 @@ const C = /* @__PURE__ */ v({
       mode: t,
       position: i,
       animation: d,
-      mini: s,
+      mini: o,
       width: r,
       miniWidth: n,
       items: a,
-      item: o
+      item: s
     } = this.$props;
     return {
       currentDir: "ltr",
@@ -87,13 +87,14 @@ const C = /* @__PURE__ */ v({
         dir: this.currentDir,
         position: i,
         animation: d,
-        mini: s,
+        mini: o,
         width: r,
         miniWidth: n,
         items: a,
-        item: o
+        item: s
       },
-      showLicenseWatermark: !1
+      showLicenseWatermark: !1,
+      licenseMessage: void 0
     };
   },
   mounted() {
@@ -105,13 +106,13 @@ const C = /* @__PURE__ */ v({
       mode: t,
       position: i,
       animation: d,
-      mini: s,
+      mini: o,
       width: r,
       miniWidth: n,
       items: a,
-      item: o
+      item: s
     } = this.$props;
-    this.drawer.expanded = e, this.drawer.mode = t, this.drawer.dir = this.currentDir, this.drawer.position = i, this.drawer.animation = d, this.drawer.mini = s, this.drawer.width = r, this.drawer.miniWidth = n, this.drawer.items = a, this.drawer.item = o;
+    this.drawer.expanded = e, this.drawer.mode = t, this.drawer.dir = this.currentDir, this.drawer.position = i, this.drawer.animation = d, this.drawer.mini = o, this.drawer.width = r, this.drawer.miniWidth = n, this.drawer.items = a, this.drawer.item = s;
   },
   provide() {
     return {
@@ -139,20 +140,20 @@ const C = /* @__PURE__ */ v({
       items: t,
       tabIndex: i,
       mode: d,
-      expanded: s,
+      expanded: o,
       item: r,
       navigationHeader: n,
       navigationFooter: a,
-      navigationContent: o
-    } = this.$props, u = r ? l.call(this, r, m.call(this)) : void 0, p = n ? l.call(this, n, m.call(this)) : void 0, w = a ? l.call(this, a, m.call(this)) : void 0, f = o ? l.call(this, o, m.call(this)) : void 0;
-    return c("div", {
+      navigationContent: s
+    } = this.$props, u = r ? l.call(this, r, c.call(this)) : void 0, p = n ? l.call(this, n, c.call(this)) : void 0, w = a ? l.call(this, a, c.call(this)) : void 0, f = s ? l.call(this, s, c.call(this)) : void 0;
+    return m("div", {
       class: this.drawerClassNames,
       dir: this.currentDir,
       tabindex: i
-    }, [d === "overlay" && s && c("div", {
+    }, [d === "overlay" && o && m("div", {
       class: "k-overlay",
       onClick: this.onOverlayClick
-    }, null), t && c(g, {
+    }, null), t && m(v, {
       onSelect: this.handleSelect,
       item: u,
       header: p,
@@ -178,5 +179,5 @@ const C = /* @__PURE__ */ v({
   }
 });
 export {
-  C as Drawer
+  N as Drawer
 };

package/drawer/DrawerNavigation.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),j=require("./DrawerItem.js"),r=require("@progress/kendo-vue-common"),M=240,R=50,V={duration:200},_={duration:0},E=e.defineComponent({name:"KendoDrawerNavigation",props:{item:[Object],header:[Object],footer:[Object],content:[Object],tabIndex:Number,showLicenseWatermark:Boolean,onSelect:Function},inject:{kendoDrawer:{default:null}},computed:{navigationClassNames(){const{position:a}=this.kendoDrawer;return{"k-widget k-drawer":!0,"k-drawer-start":a==="start","k-drawer-end":a==="end"}}},render(){const a=r.getDefaultSlots(this),{animation:i,expanded:l,mode:c,position:m,mini:o,dir:p,width:u,miniWidth:h,items:w}=this.kendoDrawer,D=this.$props.header,N=this.$props.footer,g=this.$props.content,t=typeof i!="boolean"?i:i===!1?_:V,f=u||M,k=h||R,I={opacity:1,flexBasis:f+"px",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},y={opacity:1,transform:"translateX(0px)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},T={opacity:o?1:0,flexBasis:o?k+"px":0,WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},b={opacity:0,transform:"translateX(-100%)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},W={opacity:0,transform:"translateX(100%)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},v={transform:"translateX(0%)",WebkitTransitionDuration:(t&&t.duration)+"ms",transitionDuration:(t&&t.duration)+"ms"},x=this.showLicenseWatermark?e.createVNode(r.WatermarkOverlay,null,null):null,O=l?c==="push"?I:y:c==="push"?T:p==="ltr"&&m==="start"||p==="rtl"&&m==="end"?o?v:b:o?v:W,A=w&&e.createVNode("ul",{class:"k-drawer-items",role:"menubar","aria-orientation":"vertical","aria-expanded":l},[w.map(function(n,d){let s=this.$props.item;s&&!s.type&&!s.render&&(s=r.templateRendering.call(this,this.$props.item,r.getListeners.call(this)));const L=e.createVNode(j.DrawerItem,{key:d,index:d,onClick:this.onDrawerItemSelect,text:n.text,icon:n.icon,svgIcon:n.svgIcon,separator:n.separator,selected:n.selected,targetItem:n.targetItem},null);return r.getTemplate.call(this,{h:e.h,template:s,defaultRendering:L,additionalProps:{...n,index:d},additionalListeners:{click:this.onDrawerItemSelect}})},this),x]),S=r.getTemplate.call(this,{h:e.h,template:D}),$=r.getTemplate.call(this,{h:e.h,template:N}),C=r.getTemplate.call(this,{h:e.h,template:g});return e.createVNode("div",{style:O,class:this.navigationClassNames},[e.createVNode("div",{class:"k-drawer-wrapper",style:!l&&o&&c==="overlay"?{width:k+"px"}:{width:f+"px"}},[S,g?C:A||a,$])])},methods:{focus(a){this.$el&&this.$el.focus(a)},onDrawerItemSelect(a,i){this.$emit("select",a,i)}}});exports.DrawerNavigation=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("./DrawerItem.js"),n=require("@progress/kendo-vue-common"),j=240,R=50,V={duration:200},_={duration:0},E=e.defineComponent({name:"KendoDrawerNavigation",props:{item:[Object],header:[Object],footer:[Object],content:[Object],tabIndex:Number,showLicenseWatermark:Boolean,licenseMessage:String,onSelect:Function},inject:{kendoDrawer:{default:null}},computed:{navigationClassNames(){const{position:a}=this.kendoDrawer;return{"k-widget k-drawer":!0,"k-drawer-start":a==="start","k-drawer-end":a==="end"}}},render(){const a=n.getDefaultSlots(this),{animation:i,expanded:l,mode:c,position:m,mini:s,dir:p,width:u,miniWidth:h,items:w}=this.kendoDrawer,D=this.$props.header,N=this.$props.footer,g=this.$props.content,t=typeof i!="boolean"?i:i===!1?_:V,f=u||j,k=h||R,I={opacity:1,flexBasis:f+"px",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},y={opacity:1,transform:"translateX(0px)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},T={opacity:s?1:0,flexBasis:s?k+"px":0,WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},b={opacity:0,transform:"translateX(-100%)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},W={opacity:0,transform:"translateX(100%)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},v={transform:"translateX(0%)",WebkitTransitionDuration:(t&&t.duration)+"ms",transitionDuration:(t&&t.duration)+"ms"},x=this.showLicenseWatermark?e.createVNode(n.WatermarkOverlay,{message:this.licenseMessage},null):null,O=l?c==="push"?I:y:c==="push"?T:p==="ltr"&&m==="start"||p==="rtl"&&m==="end"?s?v:b:s?v:W,S=w&&e.createVNode("ul",{class:"k-drawer-items",role:"menubar","aria-orientation":"vertical","aria-expanded":l},[w.map(function(r,d){let o=this.$props.item;o&&!o.type&&!o.render&&(o=n.templateRendering.call(this,this.$props.item,n.getListeners.call(this)));const C=e.createVNode(L.DrawerItem,{key:d,index:d,onClick:this.onDrawerItemSelect,text:r.text,icon:r.icon,svgIcon:r.svgIcon,separator:r.separator,selected:r.selected,targetItem:r.targetItem},null);return n.getTemplate.call(this,{h:e.h,template:o,defaultRendering:C,additionalProps:{...r,index:d},additionalListeners:{click:this.onDrawerItemSelect}})},this),x]),A=n.getTemplate.call(this,{h:e.h,template:D}),M=n.getTemplate.call(this,{h:e.h,template:N}),$=n.getTemplate.call(this,{h:e.h,template:g});return e.createVNode("div",{style:O,class:this.navigationClassNames},[e.createVNode("div",{class:"k-drawer-wrapper",style:!l&&s&&c==="overlay"?{width:k+"px"}:{width:f+"px"}},[A,g?$:S||a,M])])},methods:{focus(a){this.$el&&this.$el.focus(a)},onDrawerItemSelect(a,i){this.$emit("select",a,i)}}});exports.DrawerNavigation=E;

package/drawer/DrawerNavigation.mjs

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as _, createVNode as o, h as s } from "vue";
-import { DrawerItem as j } from "./DrawerItem.mjs";
-import { getDefaultSlots as E, WatermarkOverlay as F, templateRendering as M, getListeners as X, getTemplate as l } from "@progress/kendo-vue-common";
+import { defineComponent as R, createVNode as s, h as o } from "vue";
+import { DrawerItem as _ } from "./DrawerItem.mjs";
+import { getDefaultSlots as j, WatermarkOverlay as E, templateRendering as F, getListeners as X, getTemplate as l } from "@progress/kendo-vue-common";
 const P = 240, B = 50, H = {
   duration: 200
 }, U = {
   duration: 0
-}, J = /* @__PURE__ */ _({
+}, J = /* @__PURE__ */ R({
   name: "KendoDrawerNavigation",
   props: {
     item: [Object],
@@ -21,6 +21,7 @@ const P = 240, B = 50, H = {
     content: [Object],
     tabIndex: Number,
     showLicenseWatermark: Boolean,
+    licenseMessage: String,
     onSelect: Function
   },
   inject: {
@@ -41,19 +42,19 @@ const P = 240, B = 50, H = {
     }
   },
   render() {
-    const e = E(this), {
+    const e = j(this), {
       animation: n,
       expanded: c,
       mode: d,
       position: p,
       mini: r,
-      dir: u,
-      width: h,
+      dir: h,
+      width: u,
       miniWidth: w,
       items: f
-    } = this.kendoDrawer, I = this.$props.header, y = this.$props.footer, k = this.$props.content, t = typeof n != "boolean" ? n : n === !1 ? U : H, g = h || P, D = w || B, N = {
+    } = this.kendoDrawer, I = this.$props.header, y = this.$props.footer, g = this.$props.content, t = typeof n != "boolean" ? n : n === !1 ? U : H, k = u || P, D = w || B, N = {
       opacity: 1,
-      flexBasis: g + "px",
+      flexBasis: k + "px",
       WebkitTransition: "all " + (t && t.duration) + "ms",
       /* Safari */
       transition: "all " + (t && t.duration) + "ms"
@@ -86,15 +87,17 @@ const P = 240, B = 50, H = {
       WebkitTransitionDuration: (t && t.duration) + "ms",
       /* Safari */
       transitionDuration: (t && t.duration) + "ms"
-    }, O = this.showLicenseWatermark ? o(F, null, null) : null, A = c ? d === "push" ? N : b : d === "push" ? x : u === "ltr" && p === "start" || u === "rtl" && p === "end" ? r ? v : T : r ? v : W, $ = f && o("ul", {
+    }, O = this.showLicenseWatermark ? s(E, {
+      message: this.licenseMessage
+    }, null) : null, A = c ? d === "push" ? N : b : d === "push" ? x : h === "ltr" && p === "start" || h === "rtl" && p === "end" ? r ? v : T : r ? v : W, S = f && s("ul", {
       class: "k-drawer-items",
       role: "menubar",
       "aria-orientation": "vertical",
       "aria-expanded": c
     }, [f.map(function(a, m) {
       let i = this.$props.item;
-      i && !i.type && !i.render && (i = M.call(this, this.$props.item, X.call(this)));
-      const R = o(j, {
+      i && !i.type && !i.render && (i = F.call(this, this.$props.item, X.call(this)));
+      const C = s(_, {
         key: m,
         index: m,
         onClick: this.onDrawerItemSelect,
@@ -106,9 +109,9 @@ const P = 240, B = 50, H = {
         targetItem: a.targetItem
       }, null);
       return l.call(this, {
-        h: s,
+        h: o,
         template: i,
-        defaultRendering: R,
+        defaultRendering: C,
         additionalProps: {
           ...a,
           index: m
@@ -117,27 +120,27 @@ const P = 240, B = 50, H = {
           click: this.onDrawerItemSelect
         }
       });
-    }, this), O]), L = l.call(this, {
-      h: s,
+    }, this), O]), $ = l.call(this, {
+      h: o,
       template: I
-    }), S = l.call(this, {
-      h: s,
+    }), L = l.call(this, {
+      h: o,
       template: y
-    }), C = l.call(this, {
-      h: s,
-      template: k
+    }), M = l.call(this, {
+      h: o,
+      template: g
     });
-    return o("div", {
+    return s("div", {
       style: A,
       class: this.navigationClassNames
-    }, [o("div", {
+    }, [s("div", {
       class: "k-drawer-wrapper",
       style: !c && r && d === "overlay" ? {
         width: D + "px"
       } : {
-        width: g + "px"
+        width: k + "px"
       }
-    }, [L, k ? C : $ || e, S])]);
+    }, [$, g ? M : S || e, L])]);
   },
   methods: {
     focus(e) {

package/index.d.mts

@@ -1878,6 +1878,7 @@ items: DrawerItemProps_2[];
 item: any;
 };
 showLicenseWatermark: boolean;
+licenseMessage: any;
 }, {
 drawerClassNames(): DrawerComputed['drawerClassNames'];
 }, {
@@ -2096,6 +2097,7 @@ footer: PropType<any>;
 content: PropType<any>;
 tabIndex: PropType<number>;
 showLicenseWatermark: PropType<boolean>;
+licenseMessage: PropType<string>;
 onSelect: PropType<(event: DrawerSelectEvent_2) => void>;
 }>, {}, {}, {
 navigationClassNames(): DrawerNavigationComputed['navigationClassNames'];
@@ -2109,6 +2111,7 @@ footer: PropType<any>;
 content: PropType<any>;
 tabIndex: PropType<number>;
 showLicenseWatermark: PropType<boolean>;
+licenseMessage: PropType<string>;
 onSelect: PropType<(event: DrawerSelectEvent_2) => void>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -2128,6 +2131,7 @@ export declare interface DrawerNavigationProps {
     footer?: any;
     content?: any;
     showLicenseWatermark?: boolean;
+    licenseMessage?: string;
     tabIndex?: number;
     onSelect?: (event: DrawerSelectEvent) => void;
 }
@@ -4180,6 +4184,7 @@ dir: PropType<string>;
 currentShowAll: boolean;
 currentTabs: any[];
 showLicenseWatermark: boolean;
+licenseMessage: any;
 }, {
 compTabs(): any;
 }, {
@@ -4666,6 +4671,7 @@ ignoreDrag: FunctionConstructor;
 }>, {}, {
 currentPositions: any[];
 showLicenseWatermark: boolean;
+licenseMessage: any;
 }, {
 compPositions(): any;
 wrapperClass(): {

package/index.d.ts

@@ -1878,6 +1878,7 @@ items: DrawerItemProps_2[];
 item: any;
 };
 showLicenseWatermark: boolean;
+licenseMessage: any;
 }, {
 drawerClassNames(): DrawerComputed['drawerClassNames'];
 }, {
@@ -2096,6 +2097,7 @@ footer: PropType<any>;
 content: PropType<any>;
 tabIndex: PropType<number>;
 showLicenseWatermark: PropType<boolean>;
+licenseMessage: PropType<string>;
 onSelect: PropType<(event: DrawerSelectEvent_2) => void>;
 }>, {}, {}, {
 navigationClassNames(): DrawerNavigationComputed['navigationClassNames'];
@@ -2109,6 +2111,7 @@ footer: PropType<any>;
 content: PropType<any>;
 tabIndex: PropType<number>;
 showLicenseWatermark: PropType<boolean>;
+licenseMessage: PropType<string>;
 onSelect: PropType<(event: DrawerSelectEvent_2) => void>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -2128,6 +2131,7 @@ export declare interface DrawerNavigationProps {
     footer?: any;
     content?: any;
     showLicenseWatermark?: boolean;
+    licenseMessage?: string;
     tabIndex?: number;
     onSelect?: (event: DrawerSelectEvent) => void;
 }
@@ -4180,6 +4184,7 @@ dir: PropType<string>;
 currentShowAll: boolean;
 currentTabs: any[];
 showLicenseWatermark: boolean;
+licenseMessage: any;
 }, {
 compTabs(): any;
 }, {
@@ -4666,6 +4671,7 @@ ignoreDrag: FunctionConstructor;
 }>, {}, {
 currentPositions: any[];
 showLicenseWatermark: boolean;
+licenseMessage: any;
 }, {
 compPositions(): any;
 wrapperClass(): {

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-layout",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1754495378,version:"7.0.0-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/components/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-layout",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1754860161,version:"7.0.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/components/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1754495378,
-  version: "7.0.0-develop.4",
+  publishDate: 1754860161,
+  version: "7.0.0-develop.6",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/components/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-layout",
-  "version": "7.0.0-develop.4",
+  "version": "7.0.0-develop.6",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -18,13 +18,13 @@
   },
   "sideEffects": false,
   "peerDependencies": {
-    "@progress/kendo-licensing": "^1.4.0",
-    "@progress/kendo-vue-animation": "7.0.0-develop.4",
-    "@progress/kendo-vue-common": "7.0.0-develop.4",
-    "@progress/kendo-vue-intl": "7.0.0-develop.4",
-    "@progress/kendo-vue-popup": "7.0.0-develop.4",
-    "@progress/kendo-vue-progressbars": "7.0.0-develop.4",
-    "@progress/kendo-svg-icons": "^4.0.0",
+    "@progress/kendo-licensing": "^1.7.0",
+    "@progress/kendo-vue-animation": "7.0.0-develop.6",
+    "@progress/kendo-vue-common": "7.0.0-develop.6",
+    "@progress/kendo-vue-intl": "7.0.0-develop.6",
+    "@progress/kendo-vue-popup": "7.0.0-develop.6",
+    "@progress/kendo-vue-progressbars": "7.0.0-develop.6",
+    "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
   },
   "dependencies": {},
@@ -44,7 +44,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1754495378,
+      "publishDate": 1754860161,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/components/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
     }
   },

package/panelbar/PanelBar.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("vue"),h=require("./PanelBarItem.js"),o=require("./util.js"),n=require("@progress/kendo-vue-common"),l=require("../package-metadata.js"),s=require("./interfaces/NavigationAction.js"),p=d.defineComponent({name:"KendoPanelBar",emits:{select:null,keydown:null},props:{animation:{type:Boolean,default:!0},items:Array,dir:String,selected:[String,Number],expanded:{type:Array,default:void 0},focused:[String,Number],expandMode:{type:String,default:"multiple",validator:function(e){return["single","multiple"].includes(e)}},className:String,keepItemsMounted:Boolean},created(){this.activeDescendant=null,n.validatePackage(l.packageMetadata),this.showLicenseWatermark=n.shouldShowValidationUI(l.packageMetadata)},data(){const e=o.getInitialState(this.$props,this.expandMode);return e.currentFocused||(e.currentFocused=o.getFirstId(this.$props)),e},computed:{selectedItem(){const{selected:e=this.currentSelected}=this.$props;return e},expandedItems(){return this.$props.expanded!==void 0?this.$props.expanded||[]:this.currentExpanded},computedItems(){const e={currentExpanded:[],...this.$data,selected:this.selectedItem},i={animation:this.$props.animation,keepItemsMounted:this.$props.keepItemsMounted,state:e,expanded:this.expandedItems,handleSelect:this.handleSelect};return o.renderChildren.call(this,this.items,i)}},provide(){return{dispatchItemSelect:this.handleSelect}},render(){const e=n.classNames("k-panelbar",this.$props.className),i=this.showLicenseWatermark?d.createVNode(n.WatermarkOverlay,null,null):null;return d.createVNode("ul",{dir:this.$props.dir,role:"tree",tabindex:0,onKeydown:this.handleKeyDown,onFocus:this.handleWrapperFocus,onBlur:this.handleWrapperBlur,class:e,"aria-activedescendant":this.activeDescendant},[this.computedItems.map(function(t){return d.h(h.PanelBarItem,{...t,item:t})},this),i])},methods:{handleSelect(e){this.onSelect(e),this.onFocus(e)},onSelect(e){const i=o.flatChildren(this.computedItems);let t,a;if(i.forEach(r=>{r.uniquePrivateKey===(e.uniquePrivateKey||this.currentFocused)&&(t=r)}),t){let r;switch(this.expandMode){case"single":a=[...t.parentUniquePrivateKey,t.uniquePrivateKey],o.isArrayEqual(this.expandedItems,a)&&(t.parentUniquePrivateKey?a=[...t.parentUniquePrivateKey]:a=[]);break;case"multiple":a=this.expandedItems.slice(),r=a.indexOf(t.uniquePrivateKey),r===-1?a.push(t.uniquePrivateKey):a.splice(r,1);break;default:a=this.expandedItems.slice();break}this.currentSelected=t.uniquePrivateKey,this.currentExpanded=a,this.$emit("select",{target:t,expandedItems:a})}},onFocus(e,i=0){const t=o.flatVisibleChildren(this.computedItems);let a;t.forEach((r,c)=>{if(r.uniquePrivateKey===(e.uniquePrivateKey||this.currentFocused)){let u=c+i<0?0:c+i>t.length?t.length-1:c+i;a=t[u]}}),a&&(this.activeDescendant=a.id,this.currentFocused=a.uniquePrivateKey)},onNavigate(e,i){let t;switch(i){case s.NavigationAction.Previous:t=-1,this.onFocus(e,t);break;case s.NavigationAction.Next:t=1,this.onFocus(e,t);break;case s.NavigationAction.Toggle:this.onSelect(e);break}},handleWrapperFocus(){this.wrapperFocused||(this.wrapperFocused=!0)},handleWrapperBlur(){this.wrapperFocused=!1},handleKeyDown(e){const i=this._element&&getComputedStyle(this._element).direction==="rtl"||!1;if(e.target===e.currentTarget){const t=e.keyCode;let a;switch(t){case n.Keys.left:a=i?s.NavigationAction.Next:s.NavigationAction.Previous;break;case n.Keys.up:a=s.NavigationAction.Previous;break;case n.Keys.right:a=i?s.NavigationAction.Previous:s.NavigationAction.Next;break;case n.Keys.down:a=s.NavigationAction.Next;break;case n.Keys.space:case n.Keys.enter:a=s.NavigationAction.Toggle;break;default:a=null;break}a!==null&&(e.preventDefault(),this.onNavigate(e,a))}this.$emit("keydown",e)}}});exports.PanelBar=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),h=require("./PanelBarItem.js"),o=require("./util.js"),n=require("@progress/kendo-vue-common"),l=require("../package-metadata.js"),s=require("./interfaces/NavigationAction.js"),p=c.defineComponent({name:"KendoPanelBar",emits:{select:null,keydown:null},props:{animation:{type:Boolean,default:!0},items:Array,dir:String,selected:[String,Number],expanded:{type:Array,default:void 0},focused:[String,Number],expandMode:{type:String,default:"multiple",validator:function(e){return["single","multiple"].includes(e)}},className:String,keepItemsMounted:Boolean},created(){this.activeDescendant=null,n.validatePackage(l.packageMetadata),this.showLicenseWatermark=n.shouldShowValidationUI(l.packageMetadata),this.licenseMessage=n.getLicenseMessage(l.packageMetadata)},data(){const e=o.getInitialState(this.$props,this.expandMode);return e.currentFocused||(e.currentFocused=o.getFirstId(this.$props)),e},computed:{selectedItem(){const{selected:e=this.currentSelected}=this.$props;return e},expandedItems(){return this.$props.expanded!==void 0?this.$props.expanded||[]:this.currentExpanded},computedItems(){const e={currentExpanded:[],...this.$data,selected:this.selectedItem},i={animation:this.$props.animation,keepItemsMounted:this.$props.keepItemsMounted,state:e,expanded:this.expandedItems,handleSelect:this.handleSelect};return o.renderChildren.call(this,this.items,i)}},provide(){return{dispatchItemSelect:this.handleSelect}},render(){const e=n.classNames("k-panelbar",this.$props.className),i=this.showLicenseWatermark?c.createVNode(n.WatermarkOverlay,{message:this.licenseMessage},null):null;return c.createVNode("ul",{dir:this.$props.dir,role:"tree",tabindex:0,onKeydown:this.handleKeyDown,onFocus:this.handleWrapperFocus,onBlur:this.handleWrapperBlur,class:e,"aria-activedescendant":this.activeDescendant},[this.computedItems.map(function(t){return c.h(h.PanelBarItem,{...t,item:t})},this),i])},methods:{handleSelect(e){this.onSelect(e),this.onFocus(e)},onSelect(e){const i=o.flatChildren(this.computedItems);let t,a;if(i.forEach(r=>{r.uniquePrivateKey===(e.uniquePrivateKey||this.currentFocused)&&(t=r)}),t){let r;switch(this.expandMode){case"single":a=[...t.parentUniquePrivateKey,t.uniquePrivateKey],o.isArrayEqual(this.expandedItems,a)&&(t.parentUniquePrivateKey?a=[...t.parentUniquePrivateKey]:a=[]);break;case"multiple":a=this.expandedItems.slice(),r=a.indexOf(t.uniquePrivateKey),r===-1?a.push(t.uniquePrivateKey):a.splice(r,1);break;default:a=this.expandedItems.slice();break}this.currentSelected=t.uniquePrivateKey,this.currentExpanded=a,this.$emit("select",{target:t,expandedItems:a})}},onFocus(e,i=0){const t=o.flatVisibleChildren(this.computedItems);let a;t.forEach((r,d)=>{if(r.uniquePrivateKey===(e.uniquePrivateKey||this.currentFocused)){let u=d+i<0?0:d+i>t.length?t.length-1:d+i;a=t[u]}}),a&&(this.activeDescendant=a.id,this.currentFocused=a.uniquePrivateKey)},onNavigate(e,i){let t;switch(i){case s.NavigationAction.Previous:t=-1,this.onFocus(e,t);break;case s.NavigationAction.Next:t=1,this.onFocus(e,t);break;case s.NavigationAction.Toggle:this.onSelect(e);break}},handleWrapperFocus(){this.wrapperFocused||(this.wrapperFocused=!0)},handleWrapperBlur(){this.wrapperFocused=!1},handleKeyDown(e){const i=this._element&&getComputedStyle(this._element).direction==="rtl"||!1;if(e.target===e.currentTarget){const t=e.keyCode;let a;switch(t){case n.Keys.left:a=i?s.NavigationAction.Next:s.NavigationAction.Previous;break;case n.Keys.up:a=s.NavigationAction.Previous;break;case n.Keys.right:a=i?s.NavigationAction.Previous:s.NavigationAction.Next;break;case n.Keys.down:a=s.NavigationAction.Next;break;case n.Keys.space:case n.Keys.enter:a=s.NavigationAction.Toggle;break;default:a=null;break}a!==null&&(e.preventDefault(),this.onNavigate(e,a))}this.$emit("keydown",e)}}});exports.PanelBar=p;

package/panelbar/PanelBar.mjs

@@ -5,13 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as u, createVNode as l, h as p } from "vue";
+import { defineComponent as u, createVNode as o, h as p } from "vue";
 import { PanelBarItem as h } from "./PanelBarItem.mjs";
-import { flatVisibleChildren as m, flatChildren as f, isArrayEqual as y, renderChildren as k, getInitialState as x, getFirstId as g } from "./util.mjs";
-import { Keys as n, classNames as v, WatermarkOverlay as I, validatePackage as P, shouldShowValidationUI as S } from "@progress/kendo-vue-common";
-import { packageMetadata as o } from "../package-metadata.mjs";
-import { NavigationAction as s } from "./interfaces/NavigationAction.mjs";
-const $ = /* @__PURE__ */ u({
+import { flatVisibleChildren as m, flatChildren as f, isArrayEqual as g, renderChildren as y, getInitialState as k, getFirstId as x } from "./util.mjs";
+import { Keys as n, classNames as v, WatermarkOverlay as I, validatePackage as P, shouldShowValidationUI as S, getLicenseMessage as b } from "@progress/kendo-vue-common";
+import { packageMetadata as l } from "../package-metadata.mjs";
+import { NavigationAction as i } from "./interfaces/NavigationAction.mjs";
+const C = /* @__PURE__ */ u({
   name: "KendoPanelBar",
   emits: {
     select: null,
@@ -41,11 +41,11 @@ const $ = /* @__PURE__ */ u({
     keepItemsMounted: Boolean
   },
   created() {
-    this.activeDescendant = null, P(o), this.showLicenseWatermark = S(o);
+    this.activeDescendant = null, P(l), this.showLicenseWatermark = S(l), this.licenseMessage = b(l);
   },
   data() {
-    const e = x(this.$props, this.expandMode);
-    return e.currentFocused || (e.currentFocused = g(this.$props)), e;
+    const e = k(this.$props, this.expandMode);
+    return e.currentFocused || (e.currentFocused = x(this.$props)), e;
   },
   computed: {
     selectedItem() {
@@ -62,14 +62,14 @@ const $ = /* @__PURE__ */ u({
         currentExpanded: [],
         ...this.$data,
         selected: this.selectedItem
-      }, i = {
+      }, a = {
         animation: this.$props.animation,
         keepItemsMounted: this.$props.keepItemsMounted,
         state: e,
         expanded: this.expandedItems,
         handleSelect: this.handleSelect
       };
-      return k.call(this, this.items, i);
+      return y.call(this, this.items, a);
     }
   },
   provide() {
@@ -78,8 +78,10 @@ const $ = /* @__PURE__ */ u({
     };
   },
   render() {
-    const e = v("k-panelbar", this.$props.className), i = this.showLicenseWatermark ? l(I, null, null) : null;
-    return l("ul", {
+    const e = v("k-panelbar", this.$props.className), a = this.showLicenseWatermark ? o(I, {
+      message: this.licenseMessage
+    }, null) : null;
+    return o("ul", {
       dir: this.$props.dir,
       role: "tree",
       tabindex: 0,
@@ -93,56 +95,56 @@ const $ = /* @__PURE__ */ u({
         ...t,
         item: t
       });
-    }, this), i]);
+    }, this), a]);
   },
   methods: {
     handleSelect(e) {
       this.onSelect(e), this.onFocus(e);
     },
     onSelect(e) {
-      const i = f(this.computedItems);
-      let t, a;
-      if (i.forEach((r) => {
+      const a = f(this.computedItems);
+      let t, s;
+      if (a.forEach((r) => {
         r.uniquePrivateKey === (e.uniquePrivateKey || this.currentFocused) && (t = r);
       }), t) {
         let r;
         switch (this.expandMode) {
           case "single":
-            a = [...t.parentUniquePrivateKey, t.uniquePrivateKey], y(this.expandedItems, a) && (t.parentUniquePrivateKey ? a = [...t.parentUniquePrivateKey] : a = []);
+            s = [...t.parentUniquePrivateKey, t.uniquePrivateKey], g(this.expandedItems, s) && (t.parentUniquePrivateKey ? s = [...t.parentUniquePrivateKey] : s = []);
             break;
           case "multiple":
-            a = this.expandedItems.slice(), r = a.indexOf(t.uniquePrivateKey), r === -1 ? a.push(t.uniquePrivateKey) : a.splice(r, 1);
+            s = this.expandedItems.slice(), r = s.indexOf(t.uniquePrivateKey), r === -1 ? s.push(t.uniquePrivateKey) : s.splice(r, 1);
             break;
           default:
-            a = this.expandedItems.slice();
+            s = this.expandedItems.slice();
             break;
         }
-        this.currentSelected = t.uniquePrivateKey, this.currentExpanded = a, this.$emit("select", {
+        this.currentSelected = t.uniquePrivateKey, this.currentExpanded = s, this.$emit("select", {
           target: t,
-          expandedItems: a
+          expandedItems: s
         });
       }
     },
-    onFocus(e, i = 0) {
+    onFocus(e, a = 0) {
       const t = m(this.computedItems);
-      let a;
+      let s;
       t.forEach((r, d) => {
         if (r.uniquePrivateKey === (e.uniquePrivateKey || this.currentFocused)) {
-          let c = d + i < 0 ? 0 : d + i > t.length ? t.length - 1 : d + i;
-          a = t[c];
+          let c = d + a < 0 ? 0 : d + a > t.length ? t.length - 1 : d + a;
+          s = t[c];
         }
-      }), a && (this.activeDescendant = a.id, this.currentFocused = a.uniquePrivateKey);
+      }), s && (this.activeDescendant = s.id, this.currentFocused = s.uniquePrivateKey);
     },
-    onNavigate(e, i) {
+    onNavigate(e, a) {
       let t;
-      switch (i) {
-        case s.Previous:
+      switch (a) {
+        case i.Previous:
           t = -1, this.onFocus(e, t);
           break;
-        case s.Next:
+        case i.Next:
           t = 1, this.onFocus(e, t);
           break;
-        case s.Toggle:
+        case i.Toggle:
           this.onSelect(e);
           break;
       }
@@ -154,37 +156,37 @@ const $ = /* @__PURE__ */ u({
       this.wrapperFocused = !1;
     },
     handleKeyDown(e) {
-      const i = this._element && getComputedStyle(this._element).direction === "rtl" || !1;
+      const a = this._element && getComputedStyle(this._element).direction === "rtl" || !1;
       if (e.target === e.currentTarget) {
         const t = e.keyCode;
-        let a;
+        let s;
         switch (t) {
           case n.left:
-            a = i ? s.Next : s.Previous;
+            s = a ? i.Next : i.Previous;
             break;
           case n.up:
-            a = s.Previous;
+            s = i.Previous;
             break;
           case n.right:
-            a = i ? s.Previous : s.Next;
+            s = a ? i.Previous : i.Next;
             break;
           case n.down:
-            a = s.Next;
+            s = i.Next;
             break;
           case n.space:
           case n.enter:
-            a = s.Toggle;
+            s = i.Toggle;
             break;
           default:
-            a = null;
+            s = null;
             break;
         }
-        a !== null && (e.preventDefault(), this.onNavigate(e, a));
+        s !== null && (e.preventDefault(), this.onNavigate(e, s));
       }
       this.$emit("keydown", e);
     }
   }
 });
 export {
-  $ as PanelBar
+  C as PanelBar
 };

package/tabstrip/TabStrip.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),o=require("./TabStripNavigation.js"),m=require("./TabStripContent.js"),s=require("@progress/kendo-vue-common"),l=require("../package-metadata.js"),g=n.defineComponent({name:"KendoTabStrip",emits:{select:null},props:{animation:{type:Boolean,default:!0},size:{type:String,default:"medium"},selected:Number,tabPosition:{type:String,default:"top"},tabAlignment:{type:String,default:"start"},tabs:{type:Array,default:void 0},tabIndex:Number,dir:String},data(){return{currentShowAll:!0,currentTabs:[],showLicenseWatermark:!1}},computed:{compTabs(){return this.tabs!==void 0?this.tabs.map(function(e){const t=s.templateRendering.call(this,e.content,s.getListeners.call(this)),a=s.templateRendering.call(this,e.titleRender,s.getListeners.call(this));return{...e,content:t,titleRender:a}},this):this.currentTabs}},provide(){return{addRenderTitle:this.addRenderTitle,addTab:this.addTab,removeTab:this.removeTab}},created(){this.keyBinding={[s.Keys.left]:()=>this.prevNavigatableTab(),[s.Keys.right]:()=>this.nextNavigatableTab(),[s.Keys.down]:()=>this.nextNavigatableTab(),[s.Keys.up]:()=>this.prevNavigatableTab(),[s.Keys.home]:()=>0,[s.Keys.end]:()=>this.compTabs.length-1},s.validatePackage(l.packageMetadata),this.showLicenseWatermark=s.shouldShowValidationUI(l.packageMetadata)},watch:{selected(e,t){this.$props.animation&&(this.currentShowAll=!1,this.$nextTick(function(){this.currentShowAll=!0}))}},methods:{addRenderTitle(e,t){const a=this.compTabs.findIndex(i=>i.tabId===e);this.compTabs[a].titleRender=t},addTab(e){this.currentTabs.push(e)},removeTab(e){const t=this.currentTabs.findIndex(a=>a.tabId===e);this.currentTabs.splice(t,1)},onSelect(e){this.$props.selected!==e&&this.$emit("select",{selected:e})},onKeyDown(e){let t;switch(e.keyCode){case s.Keys.left:t=this.keyBinding[this.invertKeys(s.Keys.left,s.Keys.right)];break;case s.Keys.right:t=this.keyBinding[this.invertKeys(s.Keys.right,s.Keys.left)];break;case s.Keys.up:t=this.keyBinding[s.Keys.up];break;case s.Keys.down:t=this.keyBinding[s.Keys.down];break;case s.Keys.home:t=this.keyBinding[s.Keys.home];break;case s.Keys.end:t=this.keyBinding[s.Keys.end];break}t&&(e.preventDefault(),this.onSelect(t()))},invertKeys(e,t){return this.$el&&getComputedStyle(this.$el).direction==="rtl"||!1?t:e},firstNavigatableTab(){const e=this.compTabs.length;if(e){for(let t=0;t<e;t++)if(!this.compTabs[t].disabled)return t}},lastNavigatableTab(){const e=this.compTabs.length;if(e){for(let t=e-1;t>0;t--)if(!this.compTabs[t].disabled)return t}},prevNavigatableTab(){const e=this.compTabs.length,{selected:t}=this.$props,a=t?t-1:-1;if(a<0)return this.lastNavigatableTab();if(e)for(let i=a;i>-1;i--){if(!this.compTabs[i].disabled)return i;if(i===0)return this.lastNavigatableTab()}},nextNavigatableTab(){const e=this.compTabs.length,{selected:t}=this.$props,a=t?t+1:1;if(a>=e)return this.firstNavigatableTab();if(e)for(let i=a;i<e;i++){if(!this.compTabs[i].disabled)return i;if(i+1===e)return this.firstNavigatableTab()}}},render(){const{tabPosition:e,size:t,tabIndex:a=0}=this.$props,i=e==="bottom",d=s.classNames("k-widget","k-pos-relative","k-tabstrip",{[`k-tabstrip-${s.kendoThemeMaps.sizeMap[t]||t}`]:t,"k-tabstrip-left":e==="left","k-tabstrip-right":e==="right","k-tabstrip-bottom":e==="bottom","k-tabstrip-top":e==="top"}),c=this.showLicenseWatermark?n.createVNode(s.WatermarkOverlay,null,null):null,h=function(b){const{selected:r}=b,p=s.getDefaultSlots(this),u={index:r,animation:this.$props.animation,tabs:this.compTabs,hasTabs:this.tabs!==void 0,selected:r,showAll:this.currentShowAll};return n.h(m.TabStripContent,{...u},p)};return n.createVNode("div",{dir:this.$props.dir,class:d},[!i&&n.createVNode(o.TabStripNavigation,{tabs:this.compTabs,selected:this.$props.selected,tabAlignment:this.$props.tabAlignment,onSelect:this.onSelect,onKeydown:this.onKeyDown,tabIndex:a},null),h.call(this,this.$props),i&&n.createVNode(o.TabStripNavigation,{tabs:this.compTabs,tabAlignment:this.$props.tabAlignment,selected:this.$props.selected,onSelect:this.onSelect,onKeydown:this.onKeyDown,tabIndex:a},null),c])}});exports.TabStrip=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),l=require("./TabStripNavigation.js"),g=require("./TabStripContent.js"),s=require("@progress/kendo-vue-common"),r=require("../package-metadata.js"),m=n.defineComponent({name:"KendoTabStrip",emits:{select:null},props:{animation:{type:Boolean,default:!0},size:{type:String,default:"medium"},selected:Number,tabPosition:{type:String,default:"top"},tabAlignment:{type:String,default:"start"},tabs:{type:Array,default:void 0},tabIndex:Number,dir:String},data(){return{currentShowAll:!0,currentTabs:[],showLicenseWatermark:!1,licenseMessage:void 0}},computed:{compTabs(){return this.tabs!==void 0?this.tabs.map(function(e){const t=s.templateRendering.call(this,e.content,s.getListeners.call(this)),a=s.templateRendering.call(this,e.titleRender,s.getListeners.call(this));return{...e,content:t,titleRender:a}},this):this.currentTabs}},provide(){return{addRenderTitle:this.addRenderTitle,addTab:this.addTab,removeTab:this.removeTab}},created(){this.keyBinding={[s.Keys.left]:()=>this.prevNavigatableTab(),[s.Keys.right]:()=>this.nextNavigatableTab(),[s.Keys.down]:()=>this.nextNavigatableTab(),[s.Keys.up]:()=>this.prevNavigatableTab(),[s.Keys.home]:()=>0,[s.Keys.end]:()=>this.compTabs.length-1},s.validatePackage(r.packageMetadata),this.showLicenseWatermark=s.shouldShowValidationUI(r.packageMetadata),this.licenseMessage=s.getLicenseMessage(r.packageMetadata)},watch:{selected(e,t){this.$props.animation&&(this.currentShowAll=!1,this.$nextTick(function(){this.currentShowAll=!0}))}},methods:{addRenderTitle(e,t){const a=this.compTabs.findIndex(i=>i.tabId===e);this.compTabs[a].titleRender=t},addTab(e){this.currentTabs.push(e)},removeTab(e){const t=this.currentTabs.findIndex(a=>a.tabId===e);this.currentTabs.splice(t,1)},onSelect(e){this.$props.selected!==e&&this.$emit("select",{selected:e})},onKeyDown(e){let t;switch(e.keyCode){case s.Keys.left:t=this.keyBinding[this.invertKeys(s.Keys.left,s.Keys.right)];break;case s.Keys.right:t=this.keyBinding[this.invertKeys(s.Keys.right,s.Keys.left)];break;case s.Keys.up:t=this.keyBinding[s.Keys.up];break;case s.Keys.down:t=this.keyBinding[s.Keys.down];break;case s.Keys.home:t=this.keyBinding[s.Keys.home];break;case s.Keys.end:t=this.keyBinding[s.Keys.end];break}t&&(e.preventDefault(),this.onSelect(t()))},invertKeys(e,t){return this.$el&&getComputedStyle(this.$el).direction==="rtl"||!1?t:e},firstNavigatableTab(){const e=this.compTabs.length;if(e){for(let t=0;t<e;t++)if(!this.compTabs[t].disabled)return t}},lastNavigatableTab(){const e=this.compTabs.length;if(e){for(let t=e-1;t>0;t--)if(!this.compTabs[t].disabled)return t}},prevNavigatableTab(){const e=this.compTabs.length,{selected:t}=this.$props,a=t?t-1:-1;if(a<0)return this.lastNavigatableTab();if(e)for(let i=a;i>-1;i--){if(!this.compTabs[i].disabled)return i;if(i===0)return this.lastNavigatableTab()}},nextNavigatableTab(){const e=this.compTabs.length,{selected:t}=this.$props,a=t?t+1:1;if(a>=e)return this.firstNavigatableTab();if(e)for(let i=a;i<e;i++){if(!this.compTabs[i].disabled)return i;if(i+1===e)return this.firstNavigatableTab()}}},render(){const{tabPosition:e,size:t,tabIndex:a=0}=this.$props,i=e==="bottom",d=s.classNames("k-widget","k-pos-relative","k-tabstrip",{[`k-tabstrip-${s.kendoThemeMaps.sizeMap[t]||t}`]:t,"k-tabstrip-left":e==="left","k-tabstrip-right":e==="right","k-tabstrip-bottom":e==="bottom","k-tabstrip-top":e==="top"}),c=this.showLicenseWatermark?n.createVNode(s.WatermarkOverlay,{message:this.licenseMessage},null):null,h=function(b){const{selected:o}=b,p=s.getDefaultSlots(this),u={index:o,animation:this.$props.animation,tabs:this.compTabs,hasTabs:this.tabs!==void 0,selected:o,showAll:this.currentShowAll};return n.h(g.TabStripContent,{...u},p)};return n.createVNode("div",{dir:this.$props.dir,class:d},[!i&&n.createVNode(l.TabStripNavigation,{tabs:this.compTabs,selected:this.$props.selected,tabAlignment:this.$props.tabAlignment,onSelect:this.onSelect,onKeydown:this.onKeyDown,tabIndex:a},null),h.call(this,this.$props),i&&n.createVNode(l.TabStripNavigation,{tabs:this.compTabs,tabAlignment:this.$props.tabAlignment,selected:this.$props.selected,onSelect:this.onSelect,onKeydown:this.onKeyDown,tabIndex:a},null),c])}});exports.TabStrip=m;