@progress/kendo-vue-layout 3.6.4 → 3.7.0-dev.202210250731

package/dist/npm/menu/components/Menu.js

@@ -4,53 +4,36 @@ var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuVue2 = exports.Menu = void 0; // @ts-ignore
-
+exports.MenuVue2 = exports.Menu = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_vue_common_2 = require("@progress/kendo-vue-common");
-
 var itemsIdsUtils_1 = require("../utils/itemsIdsUtils");
-
 var prepareInputItemsForInternalWork_1 = require("../utils/prepareInputItemsForInternalWork");
-
 var getNewItemIdUponKeyboardNavigation_1 = require("../utils/getNewItemIdUponKeyboardNavigation");
-
 var hoverDelay_1 = require("../utils/hoverDelay");
-
 var MenuItemInternalsList_1 = require("./MenuItemInternalsList");
-
 var DirectionHolder_1 = require("../utils/DirectionHolder");
-
 var MouseOverHandler_1 = require("../utils/MouseOverHandler");
-
 var package_metadata_1 = require("../../package-metadata");
 /**
  * @hidden
  */
-
-
 var MenuVue2 = {
   name: 'KendoMenu',
   props: {
@@ -75,15 +58,17 @@ var MenuVue2 = {
   },
   created: function created() {
     (0, kendo_vue_common_2.validatePackage)(package_metadata_1.packageMetadata);
-    this.mouseOverHandler = new MouseOverHandler_1.MouseOverHandler(this.$props.openOnClick, this.reset, this.onItemMouseOver); // private itemHoverRequest: any;
+    this.mouseOverHandler = new MouseOverHandler_1.MouseOverHandler(this.$props.openOnClick, this.reset, this.onItemMouseOver);
+    // private itemHoverRequest: any;
     // private itemLeaveRequest: any;
     // private menuWrapperEl: any;
-
     this.guid = (0, kendo_vue_common_2.guid)();
     this.directionHolder = new DirectionHolder_1.DirectionHolder();
     this.inputItems = [];
-    this.currentItems = []; // private mouseOverHandler: MouseOverHandler;
+    this.currentItems = [];
+    // private mouseOverHandler: MouseOverHandler;
   },
+
   mounted: function mounted() {
     this.isFirstRender = false;
     this.menuWrapperEl = (0, kendo_vue_common_1.getRef)(this, 'menuWrapper');
@@ -135,16 +120,15 @@ var MenuVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     this.prepareItems();
-
     if (!this.isFirstRender) {
       this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());
     }
-
     var lastItemIdToBeOpened = this.hoveredItemId ? this.hoveredItemId : this.focusedItemId ? (0, itemsIdsUtils_1.getDirectParentId)(this.focusedItemId) : itemsIdsUtils_1.EMPTY_ID;
     return h("div", {
       "class": this.getMenuWrapperClassName(),
       ref: (0, kendo_vue_common_1.setRef)(this, 'menuWrapper')
-    }, [// @ts-ignore
+    }, [
+    // @ts-ignore
     h(MenuItemInternalsList_1.MenuItemInternalsList, {
       "class": this.menuClassName,
       "aria-orientation": this.$props.vertical ? 'vertical' : undefined,
@@ -202,16 +186,13 @@ var MenuVue2 = {
       if (this.focusedItemId !== itemsIdsUtils_1.EMPTY_ID) {
         var currentItem = (0, itemsIdsUtils_1.getItemById)(this.focusedItemId, this.currentItems);
         var newItemId = (0, getNewItemIdUponKeyboardNavigation_1.getNewItemIdUponKeyboardNavigation)(this.currentItems, currentItem.id, event.keyCode, event.key, this.$props.vertical, this.directionHolder.getIsDirectionRightToLeft());
-
         if (currentItem.id !== newItemId) {
           event.preventDefault();
           this.setFocusedItemId(newItemId);
         }
-
         if ((event.keyCode === kendo_vue_common_2.Keys.enter || event.keyCode === kendo_vue_common_2.Keys.space) && !currentItem.disabled) {
           this.mouseOverHandler.handleItemSelectedViaKeyboard();
           this.dispatchSelectEventIfWired(event, currentItem.id);
-
           if (!event.defaultPrevented && currentItem.items.length === 0 && currentItem.url) {
             window.location.assign(currentItem.url);
           }
@@ -251,12 +232,10 @@ var MenuVue2 = {
     },
     onItemClick: function onItemClick(event, itemId) {
       var item = (0, itemsIdsUtils_1.getItemById)(itemId, this.currentItems);
-
       if (!item.disabled) {
         this.setFocusedItemId(itemId);
         this.mouseOverHandler.handleItemClick(itemId, this.isItemWithDefaultClose(itemId));
         this.dispatchSelectEventIfWired(event, itemId);
-
         if (!event.defaultPrevented && item.url) {
           window.location.assign(item.url);
         }
@@ -296,7 +275,6 @@ var MenuVue2 = {
         clearTimeout(this.itemHoverRequest);
         this.itemHoverRequest = null;
       }
-
       if (this.itemLeaveRequest) {
         clearTimeout(this.itemLeaveRequest);
         this.itemLeaveRequest = null;
@@ -310,9 +288,8 @@ var MenuVue2 = {
     },
     prepareItems: function prepareItems() {
       var _a = prepareInputItemsForInternalWork_1.prepareInputItemsForInternalWork.call(this, this.$props.items),
-          items = _a.items,
-          inputItems = _a.inputItems;
-
+        items = _a.items,
+        inputItems = _a.inputItems;
       this.currentItems = items;
       this.inputItems = inputItems;
     },
@@ -336,6 +313,5 @@ exports.MenuVue2 = MenuVue2;
  * The props of the Menu component.
  *
  */
-
 var Menu = MenuVue2;
 exports.Menu = Menu;

package/dist/npm/menu/components/MenuItemArrow.js

@@ -3,35 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuItemArrowVue2 = exports.MenuItemArrow = exports.leftArrowClass = exports.rightArrowClass = exports.downArrowClass = void 0; // @ts-ignore
-
+exports.MenuItemArrowVue2 = exports.MenuItemArrow = exports.leftArrowClass = exports.rightArrowClass = exports.downArrowClass = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var misc_1 = require("../utils/misc");
 /**
  * @hidden
  */
-
-
 exports.downArrowClass = 'k-i-caret-alt-down';
 /**
  * @hidden
  */
-
 exports.rightArrowClass = 'k-i-caret-alt-right';
 /**
  * @hidden
  */
-
 exports.leftArrowClass = 'k-i-caret-alt-left';
 /**
  * @hidden
  */
-
 var MenuItemArrowVue2 = {
   name: 'KendoMenuItemArrow',
   props: {
@@ -61,7 +54,6 @@ var MenuItemArrowVue2 = {
   methods: {
     getArrowClassName: function getArrowClassName() {
       var _a;
-
       var childrenPosition = (0, misc_1.getChildrenPosition)(this.$props.itemId, this.$props.verticalMenu === true, this.$props.dir === 'rtl');
       return _a = {
         'k-icon': true
@@ -73,6 +65,5 @@ exports.MenuItemArrowVue2 = MenuItemArrowVue2;
 /**
  * @hidden
  */
-
 var MenuItemArrow = MenuItemArrowVue2;
 exports.MenuItemArrow = MenuItemArrow;

package/dist/npm/menu/components/MenuItemInternal.js

@@ -3,33 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuItemInternalVue2 = exports.MenuItemInternal = void 0; // @ts-ignore
-
+exports.MenuItemInternalVue2 = exports.MenuItemInternal = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
-
 var itemsIdsUtils_1 = require("../utils/itemsIdsUtils");
-
 var misc_1 = require("../utils/misc");
-
 var MenuItemLink_1 = require("./MenuItemLink");
-
 var MenuItemInternalsList_1 = require("./MenuItemInternalsList");
-
 var MenuItemArrow_1 = require("./MenuItemArrow");
 /**
  * @hidden
  */
-
-
 var MenuItemInternalVue2 = {
   name: 'KendoMenuItemInternal',
   // @ts-ignore
@@ -68,13 +58,12 @@ var MenuItemInternalVue2 = {
   mounted: function mounted() {
     this.itemElement = (0, kendo_vue_common_1.getRef)(this, 'kendoAnchor', this._anchor);
     var focusedItemId = this.$props.focusedItemId;
-    var currentItemId = this.$props.item.id; // If the menu item component has been just mounted due to
+    var currentItemId = this.$props.item.id;
+    // If the menu item component has been just mounted due to
     // keyboard navigation and it is the selected one.
-
     if (focusedItemId && focusedItemId === currentItemId && this.itemElement) {
       this.itemElement.focus();
     }
-
     this.isFirstRender = false;
   },
   watch: {
@@ -85,11 +74,11 @@ var MenuItemInternalVue2 = {
   updated: function updated() {
     var focusedItemId = this.$props.focusedItemId;
     var currentItemId = this.$props.item.id;
-
     if (focusedItemId) {
       // If the item has been navigated to via the keyboard navigation
       // (Clicking and focusing an item also come here).
-      if (this.prevFocusedItemId !== focusedItemId && focusedItemId === currentItemId // No need to focus the wrapping menu item DOM element
+      if (this.prevFocusedItemId !== focusedItemId && focusedItemId === currentItemId
+      // No need to focus the wrapping menu item DOM element
       // when a child DOM element was clicked.
       && !this.itemElement.contains(document.activeElement)) {
         this.itemElement.focus();
@@ -110,7 +99,8 @@ var MenuItemInternalVue2 = {
     },
     currentOpened: function currentOpened() {
       var props = this.$props;
-      return props.item.items.length > 0 && (0, itemsIdsUtils_1.shouldOpenItem)(props.item.id, props.lastItemIdToBeOpened) && // HACK: Wait for the second render because otherwise the scenario of
+      return props.item.items.length > 0 && (0, itemsIdsUtils_1.shouldOpenItem)(props.item.id, props.lastItemIdToBeOpened) &&
+      // HACK: Wait for the second render because otherwise the scenario of
       // popup inside popup throws an error (for example, hover of item with id '0_0').
       !this.isFirstRender;
     },
@@ -121,7 +111,6 @@ var MenuItemInternalVue2 = {
     },
     popupClassName: function popupClassName() {
       var _a;
-
       return (0, kendo_vue_common_1.classNames)((_a = {
         'k-menu-popup': true,
         'k-rtl': this.$props.isDirectionRightToLeft
@@ -129,7 +118,6 @@ var MenuItemInternalVue2 = {
     },
     menuItemClassName: function menuItemClassName() {
       var _a;
-
       var item = this.$props.item;
       return _a = {
         'k-item': true,
@@ -151,14 +139,11 @@ var MenuItemInternalVue2 = {
   },
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var item = this.$props.item;
     var itemId = item.id;
-
     var renderContent = function renderContent() {
       var parentItemId = this.$props.item.contentParentItemId;
-
       var contentRender = function contentRender(args) {
         return kendo_vue_common_1.getTemplate.call(this, {
           h: h,
@@ -166,7 +151,6 @@ var MenuItemInternalVue2 = {
           additionalProps: args
         });
       };
-
       return h("div", {
         "class": "k-content",
         role: "presentation",
@@ -178,7 +162,6 @@ var MenuItemInternalVue2 = {
         itemId: parentItemId
       })]);
     };
-
     var renderMenuIconIfApplicable = function renderMenuIconIfApplicable() {
       return this.$props.item.icon ? h("span", {
         "class": "k-icon k-i-".concat(this.$props.item.icon),
@@ -189,9 +172,9 @@ var MenuItemInternalVue2 = {
         key: "0"
       }) : null;
     };
-
     var renderArrowIfApplicable = function renderArrowIfApplicable() {
-      return this.$props.item.items.length > 0 ? // @ts-ignore
+      return this.$props.item.items.length > 0 ?
+      // @ts-ignore
       h(MenuItemArrow_1.MenuItemArrow, {
         itemId: this.$props.item.id,
         attrs: this.v3 ? undefined : {
@@ -204,12 +187,9 @@ var MenuItemInternalVue2 = {
         key: "2"
       }) : null;
     };
-
     var originalItem = this.$props.originalItemNeeded(item.id);
-
     var renderMenuItemLink = function renderMenuItemLink() {
       var _this2 = this;
-
       var defaultItemRender = h("span", {
         "class": "k-menu-link-text"
       }, [item.text]);
@@ -223,7 +203,8 @@ var MenuItemInternalVue2 = {
           key: '1'
         }
       });
-      var defaultLink = // @ts-ignore function children
+      var defaultLink =
+      // @ts-ignore function children
       h(MenuItemLink_1.MenuItemLink, {
         url: item.url,
         attrs: this.v3 ? undefined : {
@@ -248,16 +229,14 @@ var MenuItemInternalVue2 = {
         }
       });
     };
-
     var renderPopupIfOpened = function renderPopupIfOpened() {
       var _this3 = this;
-
       var _a = (0, misc_1.getPopupSettings)(itemId, this.$props.isMenuVertical, this.$props.isDirectionRightToLeft),
-          anchorAlign = _a.anchorAlign,
-          popupAlign = _a.popupAlign,
-          collision = _a.collision;
-
-      return (// @ts-ignore function children
+        anchorAlign = _a.anchorAlign,
+        popupAlign = _a.popupAlign,
+        collision = _a.collision;
+      return (
+        // @ts-ignore function children
         h(kendo_vue_popup_1.Popup, {
           anchor: this._anchor,
           attrs: this.v3 ? undefined : {
@@ -277,7 +256,8 @@ var MenuItemInternalVue2 = {
           animate: false,
           key: "1"
         }, this.v3 ? function () {
-          return [// @ts-ignore
+          return [
+          // @ts-ignore
           h(MenuItemInternalsList_1.MenuItemInternalsList, {
             parentItemId: itemId,
             attrs: _this3.v3 ? undefined : {
@@ -366,7 +346,6 @@ var MenuItemInternalVue2 = {
         })])
       );
     };
-
     return h("li", {
       "class": this.menuItemClassName,
       style: item.cssStyle,
@@ -467,6 +446,5 @@ exports.MenuItemInternalVue2 = MenuItemInternalVue2;
 /**
  * @hidden
  */
-
 var MenuItemInternal = MenuItemInternalVue2;
 exports.MenuItemInternal = MenuItemInternal;

package/dist/npm/menu/components/MenuItemInternalsList.js

@@ -3,22 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuItemInternalsListVue2 = exports.MenuItemInternalsList = void 0; // @ts-ignore
-
+exports.MenuItemInternalsListVue2 = exports.MenuItemInternalsList = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var MenuItemInternal_1 = require("./MenuItemInternal");
-
 var misc_1 = require("./../utils/misc");
 /**
  * @hidden
  */
-
-
 var MenuItemInternalsListVue2 = {
   name: 'KendoMenuItemInternalsList',
   // @ts-ignore
@@ -57,10 +52,10 @@ var MenuItemInternalsListVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var parentItemId = this.$props.parentItemId;
-
     var renderChildItems = function renderChildItems() {
       return this.$props.items.length > 0 ? this.$props.items.map(function (item, index) {
-        return (// @ts-ignore
+        return (
+          // @ts-ignore
           h(MenuItemInternal_1.MenuItemInternal, {
             item: item,
             attrs: this.v3 ? undefined : {
@@ -105,7 +100,6 @@ var MenuItemInternalsListVue2 = {
         );
       }, this) : null;
     };
-
     return h("ul", {
       role: parentItemId !== undefined ? 'menu' : 'menubar',
       attrs: this.v3 ? undefined : {
@@ -158,6 +152,5 @@ exports.MenuItemInternalsListVue2 = MenuItemInternalsListVue2;
 /**
  * @hidden
  */
-
 var MenuItemInternalsList = MenuItemInternalsListVue2;
 exports.MenuItemInternalsList = MenuItemInternalsList;

package/dist/npm/menu/components/MenuItemLink.js

@@ -3,20 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MenuItemLinkVue2 = exports.MenuItemLink = void 0; // @ts-ignore
-
+exports.MenuItemLinkVue2 = exports.MenuItemLink = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var MenuItemLinkVue2 = {
   name: 'KendoMenuItemLink',
   props: {
@@ -44,7 +40,6 @@ var MenuItemLinkVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
-
     if (this.$props.url) {
       return h("a", {
         "class": this.menuItemClassName,
@@ -72,6 +67,5 @@ exports.MenuItemLinkVue2 = MenuItemLinkVue2;
 /**
  * @hidden
  */
-
 var MenuItemLink = MenuItemLinkVue2;
 exports.MenuItemLink = MenuItemLink;

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1665151295,
+    publishDate: 1666682372,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };