@progress/kendo-vue-layout 10.0.1-develop.7 → 10.1.0-develop.2

package/menu/components/Menu.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 o=require("vue"),i=require("@progress/kendo-vue-common"),t=require("../utils/itemsIdsUtils.js"),d=require("../utils/prepareInputItemsForInternalWork.js"),I=require("../utils/getNewItemIdUponKeyboardNavigation.js"),n=require("../utils/hoverDelay.js"),a=require("../utils/DirectionHolder.js"),l=require("../utils/MouseOverHandler.js"),u=require("../../package-metadata.js"),m=require("./MenuItemInternal.js"),h=o.defineComponent({name:"KendoMenu",props:{vertical:{type:Boolean,default:!1},items:Array,dir:String,hoverOpenDelay:{type:Number,default:void 0},hoverCloseDelay:{type:Number,default:void 0},openOnClick:Boolean,onSelect:Function,itemRender:[String,Object,Function],linkRender:[String,Object,Function],customCloseItemIds:Array},created(){i.validatePackage(u.packageMetadata),this.mouseOverHandler=new l.MouseOverHandler(this.$props.openOnClick,this.reset,this.onItemMouseOver),this.guid=i.guid(),this.directionHolder=new a.DirectionHolder,this.inputItems=[],this.currentItems=[]},mounted(){this.isFirstRender=!1,this.menuWrapperEl=i.getRef(this,"menuWrapper")},updated(){this.mouseOverHandler.OpenOnClick=this.$props.openOnClick},unmounted(){this.clearItemHoverAndLeaveRequestsIfApplicable()},data(){return{focusedItemId:t.EMPTY_ID,hoveredItemId:t.EMPTY_ID,tabbableItemId:t.ZERO_LEVEL_ZERO_ITEM_ID,isFirstRender:!0}},computed:{menuClassName(){return{"k-widget":!0,"k-reset":!0,"k-header":!0,"k-menu":!0,"k-menu-horizontal":!this.$props.vertical,"k-menu-vertical":this.$props.vertical}}},render(){this.prepareItems(),this.isFirstRender||this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());let e=this.hoveredItemId?this.hoveredItemId:this.focusedItemId?t.getDirectParentId(this.focusedItemId):t.EMPTY_ID;return o.createVNode("div",{class:this.getMenuWrapperClassName(),ref:i.setRef(this,"menuWrapper")},[o.createVNode(m.MenuItemInternalsList,{class:this.menuClassName,"aria-orientation":this.$props.vertical?"vertical":void 0,items:this.currentItems,isMenuVertical:this.$props.vertical,isDirectionRightToLeft:this.directionHolder.getIsDirectionRightToLeft(),focusedItemId:this.focusedItemId,lastItemIdToBeOpened:e,tabbableItemId:this.tabbableItemId,itemRender:i.templateRendering.call(this,this.$props.itemRender,i.getListeners.call(this)),linkRender:i.templateRendering.call(this,this.$props.linkRender,i.getListeners.call(this)),menuGuid:this.guid,onMouseleave:this.onItemMouseLeave,onMouseover:this.onItemMouseOver,onMousedown:this.onItemMouseDown,onKeydown:this.onKeyDown,onFocus:this.onItemFocus,onClick:this.onItemClick,onBlur:this.onItemBlur,originalItemNeeded:this.getInputItem},null)])},methods:{reset(){this.clearItemHoverAndLeaveRequestsIfApplicable(),this.focusedItemId=t.EMPTY_ID,this.hoveredItemId=t.EMPTY_ID,this.tabbableItemId=t.ZERO_LEVEL_ZERO_ITEM_ID},onKeyDown(e){if(this.focusedItemId!==t.EMPTY_ID){const s=t.getItemById(this.focusedItemId,this.currentItems),r=I.getNewItemIdUponKeyboardNavigation(this.currentItems,s.id,e.keyCode,e.key,this.$props.vertical,this.directionHolder.getIsDirectionRightToLeft());s.id!==r&&(e.preventDefault(),this.setFocusedItemId(r)),(e.keyCode===i.Keys.enter||e.keyCode===i.Keys.space)&&!s.disabled&&(this.mouseOverHandler.handleItemSelectedViaKeyboard(),this.dispatchSelectEventIfWired(e,s.id),!e.defaultPrevented&&s.items.length===0&&s.url&&i.canUseDOM&&window.location.assign(s.url))}},onItemMouseOver(e){this.mouseOverHandler.IsMouseOverEnabled&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemHoverRequest=window.setTimeout(()=>{this.setHoveredItemId(e),this.itemHoverRequest=null},n.getHoverOpenDelay({...this.$props})))},onItemMouseLeave(e){this.mouseOverHandler.IsMouseOverEnabled&&this.isItemWithDefaultClose(e)&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemLeaveRequest=window.setTimeout(()=>{this.setHoveredItemId(t.EMPTY_ID),this.itemLeaveRequest=null},n.getHoverCloseDelay({...this.$props})))},onItemMouseDown(){this.mouseOverHandler.handleItemMouseDown()},onItemFocus(e){this.setFocusedItemId(e),this.mouseOverHandler.handleItemFocus()},onItemClick(e,s){const r=t.getItemById(s,this.currentItems);r.disabled||(this.setFocusedItemId(s),this.mouseOverHandler.handleItemClick(s,this.isItemWithDefaultClose(s)),this.dispatchSelectEventIfWired(e,s),!e.defaultPrevented&&r.url&&i.canUseDOM&&window.location.assign(r.url))},onItemBlur(e){this.isItemWithDefaultClose(e)&&this.setFocusedItemId(t.EMPTY_ID)},getInputItem(e){return t.getItemById(e,this.inputItems)},setFocusedItemId(e){const s=e===t.EMPTY_ID?this.tabbableItemId:t.getRootParentId(e),r=e===t.EMPTY_ID||t.isIdEmptyOrZeroLevel(this.hoveredItemId)&&t.isIdEmptyOrZeroLevel(e)?this.hoveredItemId:t.EMPTY_ID;this.hoveredItemId=r,this.focusedItemId=e,this.tabbableItemId=s},setHoveredItemId(e){t.isIdEmptyOrZeroLevel(e)&&t.isIdEmptyOrZeroLevel(this.focusedItemId)?this.hoveredItemId=e:(this.hoveredItemId=e,this.focusedItemId=t.EMPTY_ID,this.tabbableItemId=t.ZERO_LEVEL_ZERO_ITEM_ID)},getMenuWrapperClassName(){return{"k-rtl":this.directionHolder.getIsDirectionRightToLeft()}},clearItemHoverAndLeaveRequestsIfApplicable(){this.itemHoverRequest&&(clearTimeout(this.itemHoverRequest),this.itemHoverRequest=null),this.itemLeaveRequest&&(clearTimeout(this.itemLeaveRequest),this.itemLeaveRequest=null)},isItemWithDefaultClose(e){return!this.$props.customCloseItemIds||this.$props.customCloseItemIds.indexOf(e)===-1},checkIsDirectionRightToLeft(){return this.$props.dir!==void 0?this.$props.dir==="rtl":this.menuWrapperEl&&getComputedStyle(this.menuWrapperEl).direction==="rtl"},prepareItems(){const{items:e,inputItems:s}=d.prepareInputItemsForInternalWork.call(this,this.$props.items);this.currentItems=e,this.inputItems=s},dispatchSelectEventIfWired(e,s){this.$emit("select",{event:e,component:this,item:this.getInputItem(s),itemId:s})}}});exports.Menu=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),i=require("@progress/kendo-vue-common"),t=require("../utils/itemsIdsUtils.js"),d=require("../utils/prepareInputItemsForInternalWork.js"),I=require("../utils/getNewItemIdUponKeyboardNavigation.js"),n=require("../utils/hoverDelay.js"),a=require("../utils/DirectionHolder.js"),l=require("../utils/MouseOverHandler.js"),u=require("../../package-metadata.js"),m=require("./MenuItemInternal.js"),h=o.defineComponent({name:"KendoMenu",props:{vertical:{type:Boolean,default:!1},items:Array,dir:String,hoverOpenDelay:{type:Number,default:void 0},hoverCloseDelay:{type:Number,default:void 0},openOnClick:Boolean,onSelect:Function,itemRender:[String,Object,Function],linkRender:[String,Object,Function],customCloseItemIds:Array},created(){i.validatePackage(u.packageMetadata),this.mouseOverHandler=new l.MouseOverHandler(this.$props.openOnClick,this.reset,this.onItemMouseOver),this.guid=i.guid(),this.directionHolder=new a.DirectionHolder,this.inputItems=[],this.currentItems=[]},mounted(){this.isFirstRender=!1,this.menuWrapperEl=i.getRef(this,"menuWrapper")},updated(){this.mouseOverHandler.OpenOnClick=this.$props.openOnClick},unmounted(){this.clearItemHoverAndLeaveRequestsIfApplicable()},data(){return{focusedItemId:t.EMPTY_ID,hoveredItemId:t.EMPTY_ID,tabbableItemId:t.ZERO_LEVEL_ZERO_ITEM_ID,isFirstRender:!0}},computed:{menuClassName(){return{"k-widget":!0,"k-reset":!0,"k-header":!0,"k-menu":!0,"k-menu-horizontal":!this.$props.vertical,"k-menu-vertical":this.$props.vertical}}},render(){this.prepareItems(),this.isFirstRender||this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());let e=this.hoveredItemId?this.hoveredItemId:this.focusedItemId?t.getDirectParentId(this.focusedItemId):t.EMPTY_ID;return o.createVNode("div",{class:this.getMenuWrapperClassName(),ref:i.setRef(this,"menuWrapper")},[o.createVNode(m.MenuItemInternalsList,{class:this.menuClassName,"aria-orientation":this.$props.vertical?"vertical":void 0,items:this.currentItems,isMenuVertical:this.$props.vertical,isDirectionRightToLeft:this.directionHolder.getIsDirectionRightToLeft(),focusedItemId:this.focusedItemId,lastItemIdToBeOpened:e,tabbableItemId:this.tabbableItemId,itemRender:i.templateRendering.call(this,this.$props.itemRender,i.getListeners.call(this)),linkRender:i.templateRendering.call(this,this.$props.linkRender,i.getListeners.call(this)),menuGuid:this.guid,onMouseleave:this.onItemMouseLeave,onMouseover:this.onItemMouseOver,onMousedown:this.onItemMouseDown,onKeydown:this.onKeyDown,onFocus:this.onItemFocus,onClick:this.onItemClick,onBlur:this.onItemBlur,originalItemNeeded:this.getInputItem},null)])},methods:{reset(){this.clearItemHoverAndLeaveRequestsIfApplicable(),this.focusedItemId=t.EMPTY_ID,this.hoveredItemId=t.EMPTY_ID,this.tabbableItemId=t.ZERO_LEVEL_ZERO_ITEM_ID},onKeyDown(e){if(this.focusedItemId!==t.EMPTY_ID){const s=t.getItemById(this.focusedItemId,this.currentItems),r=I.getNewItemIdUponKeyboardNavigation(this.currentItems,s.id,e.keyCode,e.key,this.$props.vertical,this.directionHolder.getIsDirectionRightToLeft());s.id!==r&&(e.preventDefault(),this.setFocusedItemId(r)),(e.keyCode===i.Keys.enter||e.keyCode===i.Keys.space)&&!s.disabled&&(this.mouseOverHandler.handleItemSelectedViaKeyboard(),this.dispatchSelectEventIfWired(e,s.id),!e.defaultPrevented&&s.items.length===0&&s.url&&i.isSafeUrl(s.url)&&i.canUseDOM&&window.location.assign(s.url))}},onItemMouseOver(e){this.mouseOverHandler.IsMouseOverEnabled&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemHoverRequest=window.setTimeout(()=>{this.setHoveredItemId(e),this.itemHoverRequest=null},n.getHoverOpenDelay({...this.$props})))},onItemMouseLeave(e){this.mouseOverHandler.IsMouseOverEnabled&&this.isItemWithDefaultClose(e)&&(this.clearItemHoverAndLeaveRequestsIfApplicable(),this.itemLeaveRequest=window.setTimeout(()=>{this.setHoveredItemId(t.EMPTY_ID),this.itemLeaveRequest=null},n.getHoverCloseDelay({...this.$props})))},onItemMouseDown(){this.mouseOverHandler.handleItemMouseDown()},onItemFocus(e){this.setFocusedItemId(e),this.mouseOverHandler.handleItemFocus()},onItemClick(e,s){const r=t.getItemById(s,this.currentItems);r.disabled||(this.setFocusedItemId(s),this.mouseOverHandler.handleItemClick(s,this.isItemWithDefaultClose(s)),this.dispatchSelectEventIfWired(e,s),!e.defaultPrevented&&r.url&&i.isSafeUrl(r.url)&&i.canUseDOM&&window.location.assign(r.url))},onItemBlur(e){this.isItemWithDefaultClose(e)&&this.setFocusedItemId(t.EMPTY_ID)},getInputItem(e){return t.getItemById(e,this.inputItems)},setFocusedItemId(e){const s=e===t.EMPTY_ID?this.tabbableItemId:t.getRootParentId(e),r=e===t.EMPTY_ID||t.isIdEmptyOrZeroLevel(this.hoveredItemId)&&t.isIdEmptyOrZeroLevel(e)?this.hoveredItemId:t.EMPTY_ID;this.hoveredItemId=r,this.focusedItemId=e,this.tabbableItemId=s},setHoveredItemId(e){t.isIdEmptyOrZeroLevel(e)&&t.isIdEmptyOrZeroLevel(this.focusedItemId)?this.hoveredItemId=e:(this.hoveredItemId=e,this.focusedItemId=t.EMPTY_ID,this.tabbableItemId=t.ZERO_LEVEL_ZERO_ITEM_ID)},getMenuWrapperClassName(){return{"k-rtl":this.directionHolder.getIsDirectionRightToLeft()}},clearItemHoverAndLeaveRequestsIfApplicable(){this.itemHoverRequest&&(clearTimeout(this.itemHoverRequest),this.itemHoverRequest=null),this.itemLeaveRequest&&(clearTimeout(this.itemLeaveRequest),this.itemLeaveRequest=null)},isItemWithDefaultClose(e){return!this.$props.customCloseItemIds||this.$props.customCloseItemIds.indexOf(e)===-1},checkIsDirectionRightToLeft(){return this.$props.dir!==void 0?this.$props.dir==="rtl":this.menuWrapperEl&&getComputedStyle(this.menuWrapperEl).direction==="rtl"},prepareItems(){const{items:e,inputItems:s}=d.prepareInputItemsForInternalWork.call(this,this.$props.items);this.currentItems=e,this.inputItems=s},dispatchSelectEventIfWired(e,s){this.$emit("select",{event:e,component:this,item:this.getInputItem(s),itemId:s})}}});exports.Menu=h;

package/menu/components/Menu.mjs

@@ -6,16 +6,16 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as I, createVNode as d } from "vue";
-import { canUseDOM as m, Keys as l, setRef as u, templateRendering as a, getListeners as h, getRef as c, validatePackage as p, guid as f } from "@progress/kendo-vue-common";
-import { isIdEmptyOrZeroLevel as r, EMPTY_ID as s, ZERO_LEVEL_ZERO_ITEM_ID as o, getRootParentId as v, getItemById as n, getDirectParentId as b } from "../utils/itemsIdsUtils.mjs";
-import { prepareInputItemsForInternalWork as g } from "../utils/prepareInputItemsForInternalWork.mjs";
-import { getNewItemIdUponKeyboardNavigation as R } from "../utils/getNewItemIdUponKeyboardNavigation.mjs";
-import { getHoverCloseDelay as H, getHoverOpenDelay as O } from "../utils/hoverDelay.mjs";
-import { DirectionHolder as k } from "../utils/DirectionHolder.mjs";
-import { MouseOverHandler as C } from "../utils/MouseOverHandler.mjs";
-import { packageMetadata as D } from "../../package-metadata.mjs";
-import { MenuItemInternalsList as L } from "./MenuItemInternal.mjs";
-const N = /* @__PURE__ */ I({
+import { isSafeUrl as m, canUseDOM as l, Keys as a, setRef as c, templateRendering as h, getListeners as u, getRef as p, validatePackage as f, guid as v } from "@progress/kendo-vue-common";
+import { isIdEmptyOrZeroLevel as r, EMPTY_ID as s, ZERO_LEVEL_ZERO_ITEM_ID as o, getRootParentId as b, getItemById as n, getDirectParentId as g } from "../utils/itemsIdsUtils.mjs";
+import { prepareInputItemsForInternalWork as R } from "../utils/prepareInputItemsForInternalWork.mjs";
+import { getNewItemIdUponKeyboardNavigation as H } from "../utils/getNewItemIdUponKeyboardNavigation.mjs";
+import { getHoverCloseDelay as O, getHoverOpenDelay as k } from "../utils/hoverDelay.mjs";
+import { DirectionHolder as C } from "../utils/DirectionHolder.mjs";
+import { MouseOverHandler as D } from "../utils/MouseOverHandler.mjs";
+import { packageMetadata as L } from "../../package-metadata.mjs";
+import { MenuItemInternalsList as M } from "./MenuItemInternal.mjs";
+const S = /* @__PURE__ */ I({
   name: "KendoMenu",
   props: {
     vertical: {
@@ -39,10 +39,10 @@ const N = /* @__PURE__ */ I({
     customCloseItemIds: Array
   },
   created() {
-    p(D), this.mouseOverHandler = new C(this.$props.openOnClick, this.reset, this.onItemMouseOver), this.guid = f(), this.directionHolder = new k(), this.inputItems = [], this.currentItems = [];
+    f(L), this.mouseOverHandler = new D(this.$props.openOnClick, this.reset, this.onItemMouseOver), this.guid = v(), this.directionHolder = new C(), this.inputItems = [], this.currentItems = [];
   },
   mounted() {
-    this.isFirstRender = !1, this.menuWrapperEl = c(this, "menuWrapper");
+    this.isFirstRender = !1, this.menuWrapperEl = p(this, "menuWrapper");
   },
   updated() {
     this.mouseOverHandler.OpenOnClick = this.$props.openOnClick;
@@ -72,11 +72,11 @@ const N = /* @__PURE__ */ I({
   },
   render() {
     this.prepareItems(), this.isFirstRender || this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());
-    let e = this.hoveredItemId ? this.hoveredItemId : this.focusedItemId ? b(this.focusedItemId) : s;
+    let e = this.hoveredItemId ? this.hoveredItemId : this.focusedItemId ? g(this.focusedItemId) : s;
     return d("div", {
       class: this.getMenuWrapperClassName(),
-      ref: u(this, "menuWrapper")
-    }, [d(L, {
+      ref: c(this, "menuWrapper")
+    }, [d(M, {
       class: this.menuClassName,
       "aria-orientation": this.$props.vertical ? "vertical" : void 0,
       items: this.currentItems,
@@ -85,8 +85,8 @@ const N = /* @__PURE__ */ I({
       focusedItemId: this.focusedItemId,
       lastItemIdToBeOpened: e,
       tabbableItemId: this.tabbableItemId,
-      itemRender: a.call(this, this.$props.itemRender, h.call(this)),
-      linkRender: a.call(this, this.$props.linkRender, h.call(this)),
+      itemRender: h.call(this, this.$props.itemRender, u.call(this)),
+      linkRender: h.call(this, this.$props.linkRender, u.call(this)),
       menuGuid: this.guid,
       onMouseleave: this.onItemMouseLeave,
       onMouseover: this.onItemMouseOver,
@@ -104,21 +104,21 @@ const N = /* @__PURE__ */ I({
     },
     onKeyDown(e) {
       if (this.focusedItemId !== s) {
-        const t = n(this.focusedItemId, this.currentItems), i = R(this.currentItems, t.id, e.keyCode, e.key, this.$props.vertical, this.directionHolder.getIsDirectionRightToLeft());
-        t.id !== i && (e.preventDefault(), this.setFocusedItemId(i)), (e.keyCode === l.enter || e.keyCode === l.space) && !t.disabled && (this.mouseOverHandler.handleItemSelectedViaKeyboard(), this.dispatchSelectEventIfWired(e, t.id), !e.defaultPrevented && t.items.length === 0 && t.url && m && window.location.assign(t.url));
+        const t = n(this.focusedItemId, this.currentItems), i = H(this.currentItems, t.id, e.keyCode, e.key, this.$props.vertical, this.directionHolder.getIsDirectionRightToLeft());
+        t.id !== i && (e.preventDefault(), this.setFocusedItemId(i)), (e.keyCode === a.enter || e.keyCode === a.space) && !t.disabled && (this.mouseOverHandler.handleItemSelectedViaKeyboard(), this.dispatchSelectEventIfWired(e, t.id), !e.defaultPrevented && t.items.length === 0 && t.url && m(t.url) && l && window.location.assign(t.url));
       }
     },
     onItemMouseOver(e) {
       this.mouseOverHandler.IsMouseOverEnabled && (this.clearItemHoverAndLeaveRequestsIfApplicable(), this.itemHoverRequest = window.setTimeout(() => {
         this.setHoveredItemId(e), this.itemHoverRequest = null;
-      }, O({
+      }, k({
         ...this.$props
       })));
     },
     onItemMouseLeave(e) {
       this.mouseOverHandler.IsMouseOverEnabled && this.isItemWithDefaultClose(e) && (this.clearItemHoverAndLeaveRequestsIfApplicable(), this.itemLeaveRequest = window.setTimeout(() => {
         this.setHoveredItemId(s), this.itemLeaveRequest = null;
-      }, H({
+      }, O({
         ...this.$props
       })));
     },
@@ -130,7 +130,7 @@ const N = /* @__PURE__ */ I({
     },
     onItemClick(e, t) {
       const i = n(t, this.currentItems);
-      i.disabled || (this.setFocusedItemId(t), this.mouseOverHandler.handleItemClick(t, this.isItemWithDefaultClose(t)), this.dispatchSelectEventIfWired(e, t), !e.defaultPrevented && i.url && m && window.location.assign(i.url));
+      i.disabled || (this.setFocusedItemId(t), this.mouseOverHandler.handleItemClick(t, this.isItemWithDefaultClose(t)), this.dispatchSelectEventIfWired(e, t), !e.defaultPrevented && i.url && m(i.url) && l && window.location.assign(i.url));
     },
     onItemBlur(e) {
       this.isItemWithDefaultClose(e) && this.setFocusedItemId(s);
@@ -139,7 +139,7 @@ const N = /* @__PURE__ */ I({
       return n(e, this.inputItems);
     },
     setFocusedItemId(e) {
-      const t = e === s ? this.tabbableItemId : v(e), i = e === s || r(this.hoveredItemId) && r(e) ? this.hoveredItemId : s;
+      const t = e === s ? this.tabbableItemId : b(e), i = e === s || r(this.hoveredItemId) && r(e) ? this.hoveredItemId : s;
       this.hoveredItemId = i, this.focusedItemId = e, this.tabbableItemId = t;
     },
     setHoveredItemId(e) {
@@ -163,7 +163,7 @@ const N = /* @__PURE__ */ I({
       const {
         items: e,
         inputItems: t
-      } = g.call(this, this.$props.items);
+      } = R.call(this, this.$props.items);
       this.currentItems = e, this.inputItems = t;
     },
     dispatchSelectEventIfWired(e, t) {
@@ -177,5 +177,5 @@ const N = /* @__PURE__ */ I({
   }
 });
 export {
-  N as Menu
+  S as Menu
 };

package/menu/components/MenuItemLink.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"),n=require("@progress/kendo-vue-common"),o=e.defineComponent({name:"KendoMenuItemLink",props:{opened:Boolean,focused:Boolean,url:String},computed:{menuItemClassName(){return{"k-link":!0,"k-menu-link":!0,"k-active":this.$props.opened,"k-focus":this.$props.focused}}},render(){const t=n.getDefaultSlots(this);return this.$props.url?e.createVNode("a",{class:this.menuItemClassName,role:"presentation",href:this.$props.url,tabindex:-1},[t]):e.createVNode("span",{class:this.menuItemClassName,role:"presentation"},[t])}});exports.MenuItemLink=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("@progress/kendo-vue-common"),o=e.defineComponent({name:"KendoMenuItemLink",props:{opened:Boolean,focused:Boolean,url:String},computed:{menuItemClassName(){return{"k-link":!0,"k-menu-link":!0,"k-active":this.$props.opened,"k-focus":this.$props.focused}}},render(){const t=n.getDefaultSlots(this);if(this.$props.url){const s=n.isSafeUrl(this.$props.url)?this.$props.url:void 0;return e.createVNode("a",{class:this.menuItemClassName,role:"presentation",href:s,tabindex:-1},[t])}else return e.createVNode("span",{class:this.menuItemClassName,role:"presentation"},[t])}});exports.MenuItemLink=o;

package/menu/components/MenuItemLink.mjs

@@ -6,8 +6,8 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as n, createVNode as t } from "vue";
-import { getDefaultSlots as o } from "@progress/kendo-vue-common";
-const a = /* @__PURE__ */ n({
+import { getDefaultSlots as o, isSafeUrl as r } from "@progress/kendo-vue-common";
+const l = /* @__PURE__ */ n({
   name: "KendoMenuItemLink",
   props: {
     opened: Boolean,
@@ -26,17 +26,21 @@ const a = /* @__PURE__ */ n({
   },
   render() {
     const e = o(this);
-    return this.$props.url ? t("a", {
-      class: this.menuItemClassName,
-      role: "presentation",
-      href: this.$props.url,
-      tabindex: -1
-    }, [e]) : t("span", {
-      class: this.menuItemClassName,
-      role: "presentation"
-    }, [e]);
+    if (this.$props.url) {
+      const s = r(this.$props.url) ? this.$props.url : void 0;
+      return t("a", {
+        class: this.menuItemClassName,
+        role: "presentation",
+        href: s,
+        tabindex: -1
+      }, [e]);
+    } else
+      return t("span", {
+        class: this.menuItemClassName,
+        role: "presentation"
+      }, [e]);
   }
 });
 export {
-  a as MenuItemLink
+  l as MenuItemLink
 };

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