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

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: 1779201968,version:"8.4.0-develop.5",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: 1779201968,
+  version: "8.4.0-develop.5",
   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.5",
   "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.5",
+    "@progress/kendo-vue-common": "8.4.0-develop.5",
+    "@progress/kendo-vue-intl": "8.4.0-develop.5",
+    "@progress/kendo-vue-popup": "8.4.0-develop.5",
+    "@progress/kendo-vue-progressbars": "8.4.0-develop.5",
+    "@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": 1779201968,
       "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/panelbar/PanelBarItem.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"),o=require("@progress/kendo-vue-common"),k=require("@progress/kendo-svg-icons"),q=require("@progress/kendo-vue-animation");function E(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const w=e.defineComponent({name:"KendoPanelBarGroup",props:{item:Object,items:Array,animation:Boolean,expanded:Boolean,disabled:Boolean,keepItemsMounted:Boolean,uniquePrivateKey:[String,Number],content:Object},data(){return{show:this.$props.expanded}},render(){const{item:t,items:s,uniquePrivateKey:p,disabled:c,expanded:r,animation:i,keepItemsMounted:u}=this.$props,h={display:"block"},n=o.getTemplate.call(this,{h:e.h,template:this.$props.content,defaultRendering:null,additionalProps:{...this.$props,show:this.show}}),d=!c&&r,l=d||u?s?e.createVNode("ul",{role:"group",class:"k-panelbar-group",style:{display:u?this.$data.show?"block":"none":"block"}},[s.map(function(a){return e.h(g,{...a,item:t})},this)]):this.$props.content?e.createVNode("div",{class:"k-panelbar-content"},[n]):null:null;return(i===void 0||i)&&!c?e.createVNode(q.Reveal,{appear:d,transitionEnterDuration:200,transitionExitDuration:200,key:p+"_animation",style:h,onEntering:this.handleEntering,onExited:this.handleExited},E(l)?l:{default:()=>[l]}):l},methods:{handleEntering(){this.keepItemsMounted&&(this.show=!0)},handleExited(){this.keepItemsMounted&&(this.show=!1)}}}),g=e.defineComponent({name:"KendoPanelBarItem",props:{item:Object,items:Array,animation:Boolean,expanded:Boolean,disabled:Boolean,selected:Boolean,level:Number,title:{type:[String,Object,Function],default:function(){return"Untitled"}},id:[String,Number],focused:Boolean,keepItemsMounted:Boolean,uniquePrivateKey:[String,Number],parentUniquePrivateKey:Array,parentExpanded:Boolean,headerClassName:String,iconClass:String,imageUrl:String,icon:String,svgIcon:Object,content:Object,header:Object},inject:{dispatchItemSelect:{default:null}},render(){const{id:t,item:s,icon:p,svgIcon:c,items:r,content:i,title:u,uniquePrivateKey:h,disabled:n,selected:d,focused:l,expanded:a,className:I,level:b,headerClassName:N,animation:f,keepItemsMounted:y}=this.$props,m=!!r||!!i,v=o.classNames("k-panelbar-item",{"k-panelbar-header":b===0,"k-panelbar-item":b!==0,"k-expanded":a&&m,"k-disabled":n},`k-level-${b}`,I),B=o.classNames("k-link",{"k-selected":!n&&d,"k-focus":l},N),S=o.classNames("k-panelbar-toggle",{"k-panelbar-collapse":a&&m,"k-panelbar-expand":!a&&m}),C=a?"chevron-up":"chevron-down",P=a?k.chevronUpIcon:k.chevronDownIcon,x=function(){return this.imageUrl?e.createVNode("img",{role:"presentation",class:"k-panelbar-item-icon k-image",src:this.imageUrl},null):p||c?e.createVNode(o.Icon,{name:p,class:"k-panelbar-item-icon",icon:c},null):this.iconClass?e.createVNode(o.Icon,{class:"k-panelbar-item-icon "+this.iconClass},null):null}.call(this),V=!n&&(r||i)?e.createVNode(o.Icon,{name:C,icon:P,class:S},null):null,$=r||i?e.createVNode(w,{items:r,item:s,content:i,uniquePrivateKey:h,disabled:n,expanded:a,animation:f,keepItemsMounted:y},null):null,j=o.getTemplate.call(this,{h:e.h,template:this.$props.header,defaultRendering:null,additionalProps:{...this.$props}});return e.createVNode("li",{id:t,class:v,role:"treeitem","aria-disabled":n,"aria-hidden":!n&&!a,"aria-selected":!n&&d,"aria-expanded":!n&&a&&m},[e.createVNode("span",{class:B,onClick:this.handleItemClick},[x,this.$props.header?j:e.createVNode("span",{class:"k-panelbar-item-text"},[u]),V]),$])},methods:{handleItemClick(){const{disabled:t,id:s}=this.$props;t||this.dispatchItemSelect({uniquePrivateKey:this.$props.uniquePrivateKey,id:s,target:this})},childFactory(t){return t}}});exports.PanelBarItem=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("@progress/kendo-vue-common"),f=require("@progress/kendo-svg-icons"),q=require("@progress/kendo-vue-animation");function E(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const w=e.defineComponent({name:"KendoPanelBarGroup",props:{item:Object,items:Array,animation:Boolean,expanded:Boolean,disabled:Boolean,keepItemsMounted:Boolean,uniquePrivateKey:[String,Number],content:Object},data(){return{show:this.$props.expanded}},render(){const{item:n,items:i,uniquePrivateKey:u,disabled:d,expanded:l,animation:s,keepItemsMounted:p}=this.$props,b={display:"block"},t=o.getTemplate.call(this,{h:e.h,template:this.$props.content,defaultRendering:null,additionalProps:{...this.$props,show:this.show}}),r=!d&&l,c=r||p?i?e.createVNode("ul",{role:"group",class:"k-panelbar-group",style:{display:p?this.$data.show?"block":"none":"block"}},[i.map(function(k){return e.h(N,{...k,item:n})},this)]):this.$props.content?e.createVNode("div",{class:"k-panelbar-content"},[t]):null:null,a=!r&&!p&&!i&&this.$props.content?e.createVNode("div",{class:"k-panelbar-content","aria-hidden":"true",style:{display:"none"}},[t]):null;return[(s!==void 0?s:!0)&&!d?e.createVNode(q.Reveal,{appear:r,transitionEnterDuration:200,transitionExitDuration:200,key:u+"_animation",style:b,onEntering:this.handleEntering,onExited:this.handleExited},E(c)?c:{default:()=>[c]}):c,a]},methods:{handleEntering(){this.keepItemsMounted&&(this.show=!0)},handleExited(){this.keepItemsMounted&&(this.show=!1)}}}),N=e.defineComponent({name:"KendoPanelBarItem",props:{item:Object,items:Array,animation:Boolean,expanded:Boolean,disabled:Boolean,selected:Boolean,level:Number,title:{type:[String,Object,Function],default:function(){return"Untitled"}},id:[String,Number],focused:Boolean,keepItemsMounted:Boolean,uniquePrivateKey:[String,Number],parentUniquePrivateKey:Array,parentExpanded:Boolean,headerClassName:String,iconClass:String,imageUrl:String,icon:String,svgIcon:Object,content:Object,header:Object},inject:{dispatchItemSelect:{default:null}},render(){const{id:n,item:i,icon:u,svgIcon:d,items:l,content:s,title:p,uniquePrivateKey:b,disabled:t,selected:r,focused:c,expanded:a,className:g,level:m,headerClassName:k,animation:I,keepItemsMounted:y}=this.$props,h=!!l||!!s,v=o.classNames("k-panelbar-item",{"k-panelbar-header":m===0,"k-panelbar-item":m!==0,"k-expanded":a&&h,"k-disabled":t},`k-level-${m}`,g),B=o.classNames("k-link",{"k-selected":!t&&r,"k-focus":c},k),C=o.classNames("k-panelbar-toggle",{"k-panelbar-collapse":a&&h,"k-panelbar-expand":!a&&h}),S=a?"chevron-up":"chevron-down",P=a?f.chevronUpIcon:f.chevronDownIcon,V=function(){return this.imageUrl?e.createVNode("img",{role:"presentation",class:"k-panelbar-item-icon k-image",src:this.imageUrl},null):u||d?e.createVNode(o.Icon,{name:u,class:"k-panelbar-item-icon",icon:d},null):this.iconClass?e.createVNode(o.Icon,{class:"k-panelbar-item-icon "+this.iconClass},null):null}.call(this),x=!t&&(l||s)?e.createVNode(o.Icon,{name:S,icon:P,class:C},null):null,$=l||s?e.createVNode(w,{items:l,item:i,content:s,uniquePrivateKey:b,disabled:t,expanded:a,animation:I,keepItemsMounted:y},null):null,j=o.getTemplate.call(this,{h:e.h,template:this.$props.header,defaultRendering:null,additionalProps:{...this.$props}});return e.createVNode("li",{id:n,class:v,role:"treeitem","aria-disabled":t||void 0,"aria-selected":!t&&r,"aria-expanded":h?!t&&a:void 0},[e.createVNode("span",{class:B,onClick:this.handleItemClick},[V,this.$props.header?j:e.createVNode("span",{class:"k-panelbar-item-text"},[p]),x]),$])},methods:{handleItemClick(){const{disabled:n,id:i}=this.$props;n||this.dispatchItemSelect({uniquePrivateKey:this.$props.uniquePrivateKey,id:i,target:this})},childFactory(n){return n}}});exports.PanelBarItem=N;