@progress/kendo-vue-layout 8.4.0-develop.3 → 8.4.0-develop.4

package/expansionpanel/ExpansionPanel.d.ts

@@ -8,5 +8,52 @@
 /**
  * @hidden
  */
-declare const ExpansionPanel: any;
+declare const ExpansionPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dir: StringConstructor;
+    id: StringConstructor;
+    tabIndex: NumberConstructor;
+    title: StringConstructor;
+    subtitle: StringConstructor;
+    titleRender: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+    subtitleRender: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+    expandIcon: StringConstructor;
+    expandSvgIcon: ObjectConstructor;
+    collapseIcon: StringConstructor;
+    collapseSvgIcon: ObjectConstructor;
+    expanded: BooleanConstructor;
+    disabled: BooleanConstructor;
+}>, {}, {
+    focused: boolean;
+}, {
+    wrapperClass(): {
+        'k-expander': boolean;
+        'k-expanded': any;
+        'k-focus': boolean;
+        'k-disabled': any;
+    };
+    expandIconName(): string;
+    expandSVGIcon(): any;
+}, {
+    onClick(event: any): void;
+    onKeyDown(event: any): void;
+    handleFocus(): void;
+    handleBlur(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dir: StringConstructor;
+    id: StringConstructor;
+    tabIndex: NumberConstructor;
+    title: StringConstructor;
+    subtitle: StringConstructor;
+    titleRender: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+    subtitleRender: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
+    expandIcon: StringConstructor;
+    expandSvgIcon: ObjectConstructor;
+    collapseIcon: StringConstructor;
+    collapseSvgIcon: ObjectConstructor;
+    expanded: BooleanConstructor;
+    disabled: BooleanConstructor;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    expanded: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { ExpansionPanel };

package/expansionpanel/ExpansionPanel.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"),t=require("@progress/kendo-vue-common"),o=require("@progress/kendo-svg-icons"),f=require("../package-metadata.js"),s=n.defineComponent({name:"KendoExpansionPanel",props:{dir:String,id:String,tabIndex:Number,title:String,subtitle:String,titleRender:[String,Object,Function],subtitleRender:[String,Object,Function],expandIcon:String,expandSvgIcon:Object,collapseIcon:String,collapseSvgIcon:Object,expanded:Boolean,disabled:Boolean},created(){t.validatePackage(f.packageMetadata)},provide(){return{kExpansionPanelExpanded:n.computed(()=>this.expanded),kExpansionPanelContentId:n.computed(()=>this.$props.ariaControls||`${this.uniqueId}-content`)}},computed:{wrapperClass(){const{expanded:e,disabled:a}=this.$props;return{"k-expander":!0,"k-expanded":e,"k-focus":this.focused&&!a,"k-disabled":a}},expandIconName(){const{expanded:e,expandIcon:a,collapseIcon:d}=this.$props;return e?a?t.getIconName(a):"chevron-up":d?t.getIconName(d):"chevron-down"},expandSVGIcon(){const{expanded:e,expandSvgIcon:a,collapseSvgIcon:d}=this.$props;return e?a||o.chevronUpIcon:d||o.chevronDownIcon}},data(){return{focused:!1,uniqueId:`k-expander-${s._nextId++}`}},render(){const e=t.getDefaultSlots(this),{expanded:a=!1,disabled:d,title:i,titleRender:r,subtitle:c,subtitleRender:l,ariaControls:p,tabIndex:u,id:h}=this.$props,x=p||`${this.uniqueId}-content`,g=t.templateRendering.call(this,r,t.getListeners.call(this)),b=t.getTemplate.call(this,{h:n.h,template:g,defaultRendering:n.createVNode("div",{class:"k-expander-title"},[i])}),I=t.templateRendering.call(this,l,t.getListeners.call(this)),m=t.getTemplate.call(this,{h:n.h,template:I,defaultRendering:n.createVNode("div",{class:"k-expander-sub-title"},[c])});return n.createVNode("div",{class:this.wrapperClass,onFocusin:this.handleFocus,onFocusout:this.handleBlur,id:h,onKeydown:this.onKeyDown},[n.createVNode("div",{role:"button",ref:"header","aria-controls":x,"aria-expanded":a,"aria-disabled":d||void 0,tabindex:t.getTabIndex(u,d),class:"k-expander-header",onClick:this.onClick},[b,n.createVNode("span",{class:"k-spacer"},null),m,n.createVNode("span",{class:"k-expander-indicator"},[n.createVNode(t.Icon,{name:this.expandIconName,icon:this.expandSVGIcon},null)])]),e])},methods:{onClick(e){this.$props.disabled||this.$emit("action",{event:e,expanded:this.expanded})},onKeyDown(e){this.$props.disabled||(e.keyCode===t.Keys.enter||e.keyCode===t.Keys.space)&&e.target===this.$refs.header&&(e.preventDefault(),this.$emit("action",{event:e,expanded:this.expanded}))},handleFocus(){this.$props.disabled||(this.focused=!0)},handleBlur(){this.$props.disabled||(this.focused=!1)}}});s._nextId=0;exports.ExpansionPanel=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),t=require("@progress/kendo-vue-common"),o=require("@progress/kendo-svg-icons"),m=require("../package-metadata.js"),f=n.defineComponent({name:"KendoExpansionPanel",props:{dir:String,id:String,tabIndex:Number,title:String,subtitle:String,titleRender:[String,Object,Function],subtitleRender:[String,Object,Function],expandIcon:String,expandSvgIcon:Object,collapseIcon:String,collapseSvgIcon:Object,expanded:Boolean,disabled:Boolean},created(){t.validatePackage(m.packageMetadata)},computed:{wrapperClass(){const{expanded:e,disabled:a}=this.$props;return{"k-expander":!0,"k-expanded":e,"k-focus":this.focused&&!a,"k-disabled":a}},expandIconName(){const{expanded:e,expandIcon:a,collapseIcon:s}=this.$props;return e?a?t.getIconName(a):"chevron-up":s?t.getIconName(s):"chevron-down"},expandSVGIcon(){const{expanded:e,expandSvgIcon:a,collapseSvgIcon:s}=this.$props;return e?a||o.chevronUpIcon:s||o.chevronDownIcon}},data(){return{focused:!1}},render(){const e=t.getDefaultSlots(this),{expanded:a=!1,disabled:s,title:d,titleRender:i,subtitle:r,subtitleRender:l,ariaControls:c,tabIndex:p,id:u}=this.$props,h=t.templateRendering.call(this,i,t.getListeners.call(this)),g=t.getTemplate.call(this,{h:n.h,template:h,defaultRendering:n.createVNode("div",{class:"k-expander-title"},[d])}),x=t.templateRendering.call(this,l,t.getListeners.call(this)),b=t.getTemplate.call(this,{h:n.h,template:x,defaultRendering:n.createVNode("div",{class:"k-expander-sub-title"},[r])});return n.createVNode("div",{class:this.wrapperClass,onFocusin:this.handleFocus,onFocusout:this.handleBlur,id:u,onKeydown:this.onKeyDown},[n.createVNode("div",{role:"button",ref:"header","aria-controls":c,"aria-expanded":a,"aria-disabled":s,tabindex:t.getTabIndex(p,s),class:"k-expander-header",onClick:this.onClick},[g,n.createVNode("span",{class:"k-spacer"},null),b,n.createVNode("span",{class:"k-expander-indicator"},[n.createVNode(t.Icon,{name:this.expandIconName,icon:this.expandSVGIcon},null)])]),e])},methods:{onClick(e){this.$props.disabled||this.$emit("action",{event:e,expanded:this.expanded})},onKeyDown(e){this.$props.disabled||(e.keyCode===t.Keys.enter||e.keyCode===t.Keys.space)&&e.target===this.$refs.header&&(e.preventDefault(),this.$emit("action",{event:e,expanded:this.expanded}))},handleFocus(){this.$props.disabled||(this.focused=!0)},handleBlur(){this.$props.disabled||(this.focused=!1)}}});exports.ExpansionPanel=f;

package/expansionpanel/ExpansionPanel.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as C, h as s, createVNode as a, computed as d } from "vue";
-import { Keys as o, getDefaultSlots as R, templateRendering as i, getListeners as r, getTemplate as l, getTabIndex as w, Icon as y, getIconName as p, validatePackage as F } from "@progress/kendo-vue-common";
-import { chevronUpIcon as T, chevronDownIcon as D } from "@progress/kendo-svg-icons";
-import { packageMetadata as E } from "../package-metadata.mjs";
-const c = /* @__PURE__ */ C({
+import { defineComponent as S, h as s, createVNode as a } from "vue";
+import { Keys as o, getDefaultSlots as $, templateRendering as i, getListeners as d, getTemplate as r, getTabIndex as v, Icon as C, getIconName as l, validatePackage as R } from "@progress/kendo-vue-common";
+import { chevronUpIcon as w, chevronDownIcon as y } from "@progress/kendo-svg-icons";
+import { packageMetadata as F } from "../package-metadata.mjs";
+const j = /* @__PURE__ */ S({
   name: "KendoExpansionPanel",
   props: {
     dir: String,
@@ -27,94 +27,87 @@ const c = /* @__PURE__ */ C({
     disabled: Boolean
   },
   created() {
-    F(E);
-  },
-  provide() {
-    return {
-      kExpansionPanelExpanded: d(() => this.expanded),
-      kExpansionPanelContentId: d(() => this.$props.ariaControls || `${this.uniqueId}-content`)
-    };
+    R(F);
   },
   computed: {
     wrapperClass() {
       const {
         expanded: e,
-        disabled: n
+        disabled: t
       } = this.$props;
       return {
         "k-expander": !0,
         "k-expanded": e,
-        "k-focus": this.focused && !n,
-        "k-disabled": n
+        "k-focus": this.focused && !t,
+        "k-disabled": t
       };
     },
     expandIconName() {
       const {
         expanded: e,
-        expandIcon: n,
-        collapseIcon: t
+        expandIcon: t,
+        collapseIcon: n
       } = this.$props;
-      return e ? n ? p(n) : "chevron-up" : t ? p(t) : "chevron-down";
+      return e ? t ? l(t) : "chevron-up" : n ? l(n) : "chevron-down";
     },
     expandSVGIcon() {
       const {
         expanded: e,
-        expandSvgIcon: n,
-        collapseSvgIcon: t
+        expandSvgIcon: t,
+        collapseSvgIcon: n
       } = this.$props;
-      return e ? n || T : t || D;
+      return e ? t || w : n || y;
     }
   },
   data() {
     return {
-      focused: !1,
-      uniqueId: `k-expander-${c._nextId++}`
+      focused: !1
     };
   },
   render() {
-    const e = R(this), {
-      expanded: n = !1,
-      disabled: t,
-      title: u,
-      titleRender: h,
-      subtitle: x,
-      subtitleRender: b,
-      ariaControls: f,
-      tabIndex: m,
-      id: I
-    } = this.$props, g = f || `${this.uniqueId}-content`, k = i.call(this, h, r.call(this)), S = l.call(this, {
+    const e = $(this), {
+      expanded: t = !1,
+      disabled: n,
+      title: c,
+      titleRender: p,
+      subtitle: h,
+      subtitleRender: u,
+      ariaControls: x,
+      tabIndex: b,
+      id: f
+    } = this.$props, m = i.call(this, p, d.call(this)), g = r.call(this, {
       h: s,
-      template: k,
+      template: m,
       defaultRendering: a("div", {
         class: "k-expander-title"
-      }, [u])
-    }), $ = i.call(this, b, r.call(this)), v = l.call(this, {
+      }, [c])
+    }), I = i.call(this, u, d.call(this)), k = r.call(this, {
       h: s,
-      template: $,
+      template: I,
       defaultRendering: a("div", {
         class: "k-expander-sub-title"
-      }, [x])
+      }, [h])
     });
     return a("div", {
       class: this.wrapperClass,
       onFocusin: this.handleFocus,
       onFocusout: this.handleBlur,
-      id: I,
+      id: f,
       onKeydown: this.onKeyDown
     }, [a("div", {
       role: "button",
       ref: "header",
-      "aria-controls": g,
-      "aria-expanded": n,
-      "aria-disabled": t || void 0,
-      tabindex: w(m, t),
+      "aria-controls": x,
+      "aria-expanded": t,
+      "aria-disabled": n,
+      tabindex: v(b, n),
       class: "k-expander-header",
       onClick: this.onClick
-    }, [S, a("span", {
+    }, [g, a("span", {
       class: "k-spacer"
-    }, null), v, a("span", {
+    }, null), k, a("span", {
       class: "k-expander-indicator"
-    }, [a(y, {
+    }, [a(C, {
       name: this.expandIconName,
       icon: this.expandSVGIcon
     }, null)])]), e]);
@@ -140,7 +133,6 @@ const c = /* @__PURE__ */ C({
     }
   }
 });
-c._nextId = 0;
 export {
-  c as ExpansionPanel
+  j as ExpansionPanel
 };

package/expansionpanel/ExpansionPanelContent.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 t=require("vue"),c=require("../package-metadata.js"),d=require("@progress/kendo-vue-common"),r=t.defineComponent({name:"KendoExpansionPanelContent",inject:{kExpansionPanelExpanded:{default:void 0},kExpansionPanelContentId:{default:void 0}},created(){d.validatePackage(c.packageMetadata)},render(){var a;const o=d.getDefaultSlots(this),e=this.kExpansionPanelExpanded,n=this.kExpansionPanelContentId,i=e!==void 0?(a=e==null?void 0:e.value)!=null?a:e:!0,s=n?n.value||n:void 0;return t.createVNode("div",{id:s,class:{"k-expander-content-wrapper":!0,"k-hidden":!i}},[t.createVNode("div",{class:"k-expander-content"},[o])])}});exports.ExpansionPanelContent=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("../package-metadata.js"),n=require("@progress/kendo-vue-common"),o=e.defineComponent({name:"KendoExpansionPanelContent",created(){n.validatePackage(a.packageMetadata)},render(){const t=n.getDefaultSlots(this);return e.createVNode("div",{class:"k-expander-content-wrapper"},[e.createVNode("div",{class:"k-expander-content"},[t])])}});exports.ExpansionPanelContent=o;

package/expansionpanel/ExpansionPanelContent.mjs

@@ -5,36 +5,23 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as s, createVNode as a } from "vue";
-import { packageMetadata as r } from "../package-metadata.mjs";
-import { getDefaultSlots as l, validatePackage as p } from "@progress/kendo-vue-common";
-const x = /* @__PURE__ */ s({
+import { defineComponent as n, createVNode as e } from "vue";
+import { packageMetadata as a } from "../package-metadata.mjs";
+import { getDefaultSlots as o, validatePackage as r } from "@progress/kendo-vue-common";
+const c = /* @__PURE__ */ n({
   name: "KendoExpansionPanelContent",
-  inject: {
-    kExpansionPanelExpanded: {
-      default: void 0
-    },
-    kExpansionPanelContentId: {
-      default: void 0
-    }
-  },
   created() {
-    p(r);
+    r(a);
   },
   render() {
-    var t;
-    const d = l(this), n = this.kExpansionPanelExpanded, e = this.kExpansionPanelContentId, o = n !== void 0 ? (t = n == null ? void 0 : n.value) != null ? t : n : !0, i = e ? e.value || e : void 0;
-    return a("div", {
-      id: i,
-      class: {
-        "k-expander-content-wrapper": !0,
-        "k-hidden": !o
-      }
-    }, [a("div", {
+    const t = o(this);
+    return e("div", {
+      class: "k-expander-content-wrapper"
+    }, [e("div", {
       class: "k-expander-content"
-    }, [d])]);
+    }, [t])]);
   }
 });
 export {
-  x as ExpansionPanelContent
+  c as ExpansionPanelContent
 };

package/menu/components/MenuItemArrow.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"),c=require("@progress/kendo-vue-common"),o=require("@progress/kendo-svg-icons"),s=require("../utils/misc.js"),t=o.caretAltDownIcon,n=o.caretAltRightIcon,i=o.caretAltLeftIcon,d=e.defineComponent({name:"KendoMenuItemArrow",props:{itemId:String,dir:String,verticalMenu:Boolean},render(){return e.createVNode("span",{class:"k-menu-expand-arrow","aria-hidden":"true"},[e.createVNode(c.Icon,{icon:this.getArrowName(),role:"presentation"},null)])},methods:{getArrowName(){const r=s.getChildrenPosition(this.$props.itemId,this.$props.verticalMenu===!0,this.$props.dir==="rtl");return r==="downward"?t:r==="rightward"?n:r==="leftward"?i:""}}});exports.MenuItemArrow=d;exports.downArrowIcon=t;exports.leftArrowIcon=i;exports.rightArrowIcon=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("@progress/kendo-vue-common"),o=require("@progress/kendo-svg-icons"),s=require("../utils/misc.js"),n=o.chevronDownIcon,t=o.chevronRightIcon,i=o.chevronLeftIcon,d=e.defineComponent({name:"KendoMenuItemArrow",props:{itemId:String,dir:String,verticalMenu:Boolean},render(){return e.createVNode("span",{class:"k-menu-expand-arrow","aria-hidden":"true"},[e.createVNode(c.Icon,{icon:this.getArrowName(),role:"presentation"},null)])},methods:{getArrowName(){const r=s.getChildrenPosition(this.$props.itemId,this.$props.verticalMenu===!0,this.$props.dir==="rtl");return r==="downward"?n:r==="rightward"?t:r==="leftward"?i:""}}});exports.MenuItemArrow=d;exports.downArrowIcon=n;exports.leftArrowIcon=i;exports.rightArrowIcon=t;

package/menu/components/MenuItemArrow.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as t, createVNode as o } from "vue";
-import { Icon as e } from "@progress/kendo-vue-common";
-import { caretAltDownIcon as n, caretAltLeftIcon as i, caretAltRightIcon as c } from "@progress/kendo-svg-icons";
-import { getChildrenPosition as a } from "../utils/misc.mjs";
-const s = n, d = c, m = i, I = /* @__PURE__ */ t({
+import { defineComponent as e, createVNode as o } from "vue";
+import { Icon as n } from "@progress/kendo-vue-common";
+import { chevronDownIcon as t, chevronLeftIcon as i, chevronRightIcon as c } from "@progress/kendo-svg-icons";
+import { getChildrenPosition as s } from "../utils/misc.mjs";
+const d = t, m = c, a = i, I = /* @__PURE__ */ e({
   name: "KendoMenuItemArrow",
   props: {
     itemId: String,
@@ -20,21 +20,21 @@ const s = n, d = c, m = i, I = /* @__PURE__ */ t({
     return o("span", {
       class: "k-menu-expand-arrow",
       "aria-hidden": "true"
-    }, [o(e, {
+    }, [o(n, {
       icon: this.getArrowName(),
       role: "presentation"
     }, null)]);
   },
   methods: {
     getArrowName() {
-      const r = a(this.$props.itemId, this.$props.verticalMenu === !0, this.$props.dir === "rtl");
-      return r === "downward" ? s : r === "rightward" ? d : r === "leftward" ? m : "";
+      const r = s(this.$props.itemId, this.$props.verticalMenu === !0, this.$props.dir === "rtl");
+      return r === "downward" ? d : r === "rightward" ? m : r === "leftward" ? a : "";
     }
   }
 });
 export {
   I as MenuItemArrow,
-  s as downArrowIcon,
-  m as leftArrowIcon,
-  d as rightArrowIcon
+  d as downArrowIcon,
+  a as leftArrowIcon,
+  m as rightArrowIcon
 };

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: 1779097370,version:"8.4.0-develop.3",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: 1779122987,version:"8.4.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;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1779097370,
-  version: "8.4.0-develop.3",
+  publishDate: 1779122987,
+  version: "8.4.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"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-layout",
-  "version": "8.4.0-develop.3",
+  "version": "8.4.0-develop.4",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,12 +25,12 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-animation": "8.4.0-develop.3",
-    "@progress/kendo-vue-common": "8.4.0-develop.3",
-    "@progress/kendo-vue-intl": "8.4.0-develop.3",
-    "@progress/kendo-vue-popup": "8.4.0-develop.3",
-    "@progress/kendo-vue-progressbars": "8.4.0-develop.3",
-    "@progress/kendo-svg-icons": "^4.4.0",
+    "@progress/kendo-vue-animation": "8.4.0-develop.4",
+    "@progress/kendo-vue-common": "8.4.0-develop.4",
+    "@progress/kendo-vue-intl": "8.4.0-develop.4",
+    "@progress/kendo-vue-popup": "8.4.0-develop.4",
+    "@progress/kendo-vue-progressbars": "8.4.0-develop.4",
+    "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "vue": "^3.0.2"
   },
   "dependencies": {},
@@ -50,7 +50,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1779097370,
+      "publishDate": 1779122987,
       "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"
     }
   },
@@ -60,5 +60,10 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/telerik/kendo-vue.git"
+  },
+  "peerDependenciesMeta": {
+    "@progress/kendo-svg-icons": {
+      "optional": true
+    }
   }
 }

package/splitter/SplitterBar.d.ts

@@ -44,9 +44,9 @@ declare const SplitterBar: import('vue').DefineComponent<import('vue').ExtractPr
     onPrevToggle(event: any): void;
     onNextToggle(event: any): void;
     onKeyDown(event: any): void;
-    previousArrowName(isHorizontal: boolean): "" | "caret-alt-right" | "caret-alt-left" | "caret-alt-up" | "caret-alt-down";
+    previousArrowName(isHorizontal: boolean): "" | "chevron-right" | "chevron-left" | "chevron-up" | "chevron-down";
     previousArrowSVG(isHorizontal: boolean): import('@progress/kendo-svg-icons').SVGIcon;
-    nextArrowName(isHorizontal: boolean): "" | "caret-alt-right" | "caret-alt-left" | "caret-alt-up" | "caret-alt-down";
+    nextArrowName(isHorizontal: boolean): "" | "chevron-right" | "chevron-left" | "chevron-up" | "chevron-down";
     nextArrowSVG(isHorizontal: boolean): import('@progress/kendo-svg-icons').SVGIcon;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     drag: any;

package/splitter/SplitterBar.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"),i=require("@progress/kendo-vue-common"),u=require("@progress/kendo-vue-intl"),d=require("../messages/main.js"),o=require("@progress/kendo-svg-icons"),b=n.defineComponent({name:"KendoSplitterBar",emits:{drag:null,toggle:null,keyboardresize:null},props:{orientation:{type:String,default:"vertical",validator:function(t){return["vertical","horizontal"].includes(t)}},index:Number,prev:Object,next:Object,isRtl:Boolean},created(){this.draggable=null},computed:{isStatic(){const{prev:t,next:s}=this.$props,e=t.resizable&&s.resizable,l=t.collapsible||s.collapsible;return!e&&!l},isDraggable(){const{prev:t,next:s}=this.$props,e=t.resizable&&s.resizable,l=t.collapsed||s.collapsed;return!!e&&!l},isHorizontal(){return this.$props.orientation==="horizontal"}},inject:{kendoLocalizationService:{default:null}},data(){return{focused:!1}},mounted(){this.$el&&(this.draggable=this.$refs.draggable)},render(){const t=this.isDraggable,s=this.isStatic,e=this.isHorizontal,l=i.classNames("k-splitbar",{"k-focus":this.focused,"k-splitbar-horizontal":e,"k-splitbar-vertical":!e,"k-splitbar-draggable-horizontal":e&&t,"k-splitbar-draggable-vertical":!e&&t,"k-splitbar-static-horizontal":e&&s,"k-splitbar-static-vertical":!e&&s}),r=this.previousArrowName(e),a=this.previousArrowSVG(e),p=this.nextArrowName(e),g=this.nextArrowSVG(e),h=u.provideLocalizationService(this).toLanguageString(d.splitterPaneLabel,d.messages[d.splitterPaneLabel]);return n.createVNode(i.Draggable,{onPress:c=>this.onDrag(c,!0,!1),onDrag:c=>this.onDrag(c,!1,!1),onRelease:c=>this.onDrag(c,!1,!0),ref:"draggable"},{default:()=>[n.createVNode("div",{tabindex:s?-1:0,role:"separator",class:l,style:{touchAction:"none"},onFocusin:this.onFocus,onFocusout:this.onBlur,onDblclick:this.onToggle,onKeydown:this.onKeyDown,"aria-label":h,"aria-orientation":this.isHorizontal?"vertical":"horizontal"},[this.prev.collapsible&&n.createVNode("span",{class:"k-collapse-prev",onClick:this.onPrevToggle},[n.createVNode(i.Icon,{name:r,icon:a,size:"xsmall"},null)]),n.createVNode("div",{class:"k-resize-handle"},null),this.next.collapsible&&n.createVNode("span",{class:"k-collapse-next",onClick:this.onNextToggle},[n.createVNode(i.Icon,{name:p,icon:g,size:"xsmall"},null)])])]})},methods:{onDrag(t,s,e){const l=t,{index:r}=this.$props,a=this.draggable&&this.draggable.element;!e&&l&&l.originalEvent.preventDefault(),a&&!this.isStatic&&this.isDraggable&&this.$emit("drag",l,a,r,s,e)},onFocus(){this.focused=!0},onBlur(){this.focused=!1},onToggle(t){const{index:s,prev:e,next:l}=this.$props;(e.collapsible||l.collapsible)&&this.$emit("toggle",e.collapsible?s:s+1,t)},onPrevToggle(t){const{index:s,prev:e}=this.$props;e.collapsible&&this.$emit("toggle",s,t)},onNextToggle(t){const{index:s,next:e}=this.$props;e.collapsible&&this.$emit("toggle",s+1,t)},onKeyDown(t){const s=t&&t.keyCode,e=this.isHorizontal,{index:l}=this.$props,r=this.draggable&&this.draggable.element,a=(p,g,h)=>{t.preventDefault(),this.$emit("keyboardresize",p,g,h,t)};r&&(s===i.Keys.enter?(t.preventDefault(),this.onToggle(t)):this.isDraggable&&(e&&s===i.Keys.left?a(r,l,-10):e&&s===i.Keys.right?a(r,l,10):!e&&s===i.Keys.up?a(r,l,-10):!e&&s===i.Keys.down&&a(r,l,10)))},previousArrowName(t){const{prev:s}=this.$props,e=s.collapsed;return t&&!e?this.isRtl?"caret-alt-right":"caret-alt-left":t&&e?this.isRtl?"caret-alt-left":"caret-alt-right":!t&&!e?"caret-alt-up":!t&&e?"caret-alt-down":""},previousArrowSVG(t){const{prev:s}=this.$props,e=s.collapsed;return t&&!e?this.isRtl?o.caretAltRightIcon:o.caretAltLeftIcon:t&&e?this.isRtl?o.caretAltLeftIcon:o.caretAltRightIcon:!t&&!e?o.caretAltUpIcon:!t&&e?o.caretAltDownIcon:void 0},nextArrowName(t){const{next:s}=this.$props,e=s.collapsed;return t&&!e?this.isRtl?"caret-alt-left":"caret-alt-right":t&&e?this.isRtl?"caret-alt-right":"caret-alt-left":!t&&!e?"caret-alt-down":!t&&e?"caret-alt-up":""},nextArrowSVG(t){const{next:s}=this.$props,e=s.collapsed;return t&&!e?this.isRtl?o.caretAltLeftIcon:o.caretAltRightIcon:t&&e?this.isRtl?o.caretAltRightIcon:o.caretAltLeftIcon:!t&&!e?o.caretAltDownIcon:!t&&e?o.caretAltUpIcon:void 0}}});exports.SplitterBar=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),l=require("@progress/kendo-vue-common"),d=require("@progress/kendo-vue-intl"),g=require("../messages/main.js"),s=require("@progress/kendo-svg-icons"),f=a.defineComponent({name:"KendoSplitterBar",emits:{drag:null,toggle:null,keyboardresize:null},props:{orientation:{type:String,default:"vertical",validator:function(t){return["vertical","horizontal"].includes(t)}},index:Number,prev:Object,next:Object,isRtl:Boolean},created(){this.draggable=null},computed:{isStatic(){const{prev:t,next:r}=this.$props,e=t.resizable&&r.resizable,o=t.collapsible||r.collapsible;return!e&&!o},isDraggable(){const{prev:t,next:r}=this.$props,e=t.resizable&&r.resizable,o=t.collapsed||r.collapsed;return!!e&&!o},isHorizontal(){return this.$props.orientation==="horizontal"}},inject:{kendoLocalizationService:{default:null}},data(){return{focused:!1}},mounted(){this.$el&&(this.draggable=this.$refs.draggable)},render(){const t=this.isDraggable,r=this.isStatic,e=this.isHorizontal,o=l.classNames("k-splitbar",{"k-focus":this.focused,"k-splitbar-horizontal":e,"k-splitbar-vertical":!e,"k-splitbar-draggable-horizontal":e&&t,"k-splitbar-draggable-vertical":!e&&t,"k-splitbar-static-horizontal":e&&r,"k-splitbar-static-vertical":!e&&r}),n=this.previousArrowName(e),i=this.previousArrowSVG(e),h=this.nextArrowName(e),p=this.nextArrowSVG(e),u=d.provideLocalizationService(this).toLanguageString(g.splitterPaneLabel,g.messages[g.splitterPaneLabel]);return a.createVNode(l.Draggable,{onPress:c=>this.onDrag(c,!0,!1),onDrag:c=>this.onDrag(c,!1,!1),onRelease:c=>this.onDrag(c,!1,!0),ref:"draggable"},{default:()=>[a.createVNode("div",{tabindex:r?-1:0,role:"separator",class:o,style:{touchAction:"none"},onFocusin:this.onFocus,onFocusout:this.onBlur,onDblclick:this.onToggle,onKeydown:this.onKeyDown,"aria-label":u,"aria-orientation":this.isHorizontal?"vertical":"horizontal"},[this.prev.collapsible&&a.createVNode("span",{class:"k-collapse-prev",onClick:this.onPrevToggle},[a.createVNode(l.Icon,{name:n,icon:i,size:"xsmall"},null)]),a.createVNode("div",{class:"k-resize-handle"},null),this.next.collapsible&&a.createVNode("span",{class:"k-collapse-next",onClick:this.onNextToggle},[a.createVNode(l.Icon,{name:h,icon:p,size:"xsmall"},null)])])]})},methods:{onDrag(t,r,e){const o=t,{index:n}=this.$props,i=this.draggable&&this.draggable.element;!e&&o&&o.originalEvent.preventDefault(),i&&!this.isStatic&&this.isDraggable&&this.$emit("drag",o,i,n,r,e)},onFocus(){this.focused=!0},onBlur(){this.focused=!1},onToggle(t){const{index:r,prev:e,next:o}=this.$props;(e.collapsible||o.collapsible)&&this.$emit("toggle",e.collapsible?r:r+1,t)},onPrevToggle(t){const{index:r,prev:e}=this.$props;e.collapsible&&this.$emit("toggle",r,t)},onNextToggle(t){const{index:r,next:e}=this.$props;e.collapsible&&this.$emit("toggle",r+1,t)},onKeyDown(t){const r=t&&t.keyCode,e=this.isHorizontal,{index:o}=this.$props,n=this.draggable&&this.draggable.element,i=(h,p,u)=>{t.preventDefault(),this.$emit("keyboardresize",h,p,u,t)};n&&(r===l.Keys.enter?(t.preventDefault(),this.onToggle(t)):this.isDraggable&&(e&&r===l.Keys.left?i(n,o,-10):e&&r===l.Keys.right?i(n,o,10):!e&&r===l.Keys.up?i(n,o,-10):!e&&r===l.Keys.down&&i(n,o,10)))},previousArrowName(t){const{prev:r}=this.$props,e=r.collapsed;return t&&!e?this.isRtl?"chevron-right":"chevron-left":t&&e?this.isRtl?"chevron-left":"chevron-right":!t&&!e?"chevron-up":!t&&e?"chevron-down":""},previousArrowSVG(t){const{prev:r}=this.$props,e=r.collapsed;if(t&&!e)return this.isRtl?s.chevronRightIcon:s.chevronLeftIcon;if(t&&e)return this.isRtl?s.chevronLeftIcon:s.chevronRightIcon;if(!t&&!e)return s.chevronUpIcon;if(!t&&e)return s.chevronDownIcon},nextArrowName(t){const{next:r}=this.$props,e=r.collapsed;return t&&!e?this.isRtl?"chevron-left":"chevron-right":t&&e?this.isRtl?"chevron-right":"chevron-left":!t&&!e?"chevron-down":!t&&e?"chevron-up":""},nextArrowSVG(t){const{next:r}=this.$props,e=r.collapsed;if(t&&!e)return this.isRtl?s.chevronLeftIcon:s.chevronRightIcon;if(t&&e)return this.isRtl?s.chevronRightIcon:s.chevronLeftIcon;if(!t&&!e)return s.chevronDownIcon;if(!t&&e)return s.chevronUpIcon}}});exports.SplitterBar=f;