@progress/kendo-vue-layout 3.6.4 → 3.6.5-dev.202210181442

package/dist/esm/expansionpanel/ExpansionPanelContent.js

@@ -8,7 +8,6 @@ import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var ExpansionPanelContentVue2 = {
   name: 'KendoExpansionPanelContent',
   created: function created() {
@@ -34,6 +33,5 @@ var ExpansionPanelContentVue2 = {
 /**
  * @hidden
  */
-
 var ExpansionPanelContent = ExpansionPanelContentVue2;
 export { ExpansionPanelContent, ExpansionPanelContentVue2 };

package/dist/esm/menu/MenuProps.js

@@ -1 +1,2 @@
-export {}; // tslint:enable:max-line-length
+export {};
+// tslint:enable:max-line-length

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

@@ -2,19 +2,15 @@ var __assign = this && this.__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);
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -32,7 +28,6 @@ import { packageMetadata } from '../../package-metadata.js';
 /**
  * @hidden
  */
-
 var MenuVue2 = {
   name: 'KendoMenu',
   props: {
@@ -57,15 +52,17 @@ var MenuVue2 = {
   },
   created: function created() {
     validatePackage(packageMetadata);
-    this.mouseOverHandler = new MouseOverHandler(this.$props.openOnClick, this.reset, this.onItemMouseOver); // private itemHoverRequest: any;
+    this.mouseOverHandler = new MouseOverHandler(this.$props.openOnClick, this.reset, this.onItemMouseOver);
+    // private itemHoverRequest: any;
     // private itemLeaveRequest: any;
     // private menuWrapperEl: any;
-
     this.guid = guid();
     this.directionHolder = new DirectionHolder();
     this.inputItems = [];
-    this.currentItems = []; // private mouseOverHandler: MouseOverHandler;
+    this.currentItems = [];
+    // private mouseOverHandler: MouseOverHandler;
   },
+
   mounted: function mounted() {
     this.isFirstRender = false;
     this.menuWrapperEl = getRef(this, 'menuWrapper');
@@ -117,16 +114,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 ? getDirectParentId(this.focusedItemId) : EMPTY_ID;
     return h("div", {
       "class": this.getMenuWrapperClassName(),
       ref: setRef(this, 'menuWrapper')
-    }, [// @ts-ignore
+    }, [
+    // @ts-ignore
     h(MenuItemInternalsList, {
       "class": this.menuClassName,
       "aria-orientation": this.$props.vertical ? 'vertical' : undefined,
@@ -184,16 +180,13 @@ var MenuVue2 = {
       if (this.focusedItemId !== EMPTY_ID) {
         var currentItem = getItemById(this.focusedItemId, this.currentItems);
         var newItemId = 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 === Keys.enter || event.keyCode === 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);
           }
@@ -233,12 +226,10 @@ var MenuVue2 = {
     },
     onItemClick: function onItemClick(event, itemId) {
       var item = 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);
         }
@@ -278,7 +269,6 @@ var MenuVue2 = {
         clearTimeout(this.itemHoverRequest);
         this.itemHoverRequest = null;
       }
-
       if (this.itemLeaveRequest) {
         clearTimeout(this.itemLeaveRequest);
         this.itemLeaveRequest = null;
@@ -292,9 +282,8 @@ var MenuVue2 = {
     },
     prepareItems: function prepareItems() {
       var _a = prepareInputItemsForInternalWork.call(this, this.$props.items),
-          items = _a.items,
-          inputItems = _a.inputItems;
-
+        items = _a.items,
+        inputItems = _a.inputItems;
       this.currentItems = items;
       this.inputItems = inputItems;
     },
@@ -317,6 +306,5 @@ var MenuVue2 = {
  * The props of the Menu component.
  *
  */
-
 var Menu = MenuVue2;
 export { Menu, MenuVue2 };

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

@@ -7,22 +7,18 @@ import { getChildrenPosition } from '../utils/misc.js';
 /**
  * @hidden
  */
-
 export var downArrowClass = 'k-i-caret-alt-down';
 /**
  * @hidden
  */
-
 export var rightArrowClass = 'k-i-caret-alt-right';
 /**
  * @hidden
  */
-
 export var leftArrowClass = 'k-i-caret-alt-left';
 /**
  * @hidden
  */
-
 var MenuItemArrowVue2 = {
   name: 'KendoMenuItemArrow',
   props: {
@@ -52,7 +48,6 @@ var MenuItemArrowVue2 = {
   methods: {
     getArrowClassName: function getArrowClassName() {
       var _a;
-
       var childrenPosition = getChildrenPosition(this.$props.itemId, this.$props.verticalMenu === true, this.$props.dir === 'rtl');
       return _a = {
         'k-icon': true
@@ -63,6 +58,5 @@ var MenuItemArrowVue2 = {
 /**
  * @hidden
  */
-
 var MenuItemArrow = MenuItemArrowVue2;
 export { MenuItemArrow, MenuItemArrowVue2 };

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

@@ -14,7 +14,6 @@ import { MenuItemArrow } from './MenuItemArrow.js';
 /**
  * @hidden
  */
-
 var MenuItemInternalVue2 = {
   name: 'KendoMenuItemInternal',
   // @ts-ignore
@@ -53,13 +52,12 @@ var MenuItemInternalVue2 = {
   mounted: function mounted() {
     this.itemElement = 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: {
@@ -70,11 +68,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();
@@ -95,7 +93,8 @@ var MenuItemInternalVue2 = {
     },
     currentOpened: function currentOpened() {
       var props = this.$props;
-      return props.item.items.length > 0 && shouldOpenItem(props.item.id, props.lastItemIdToBeOpened) && // HACK: Wait for the second render because otherwise the scenario of
+      return props.item.items.length > 0 && 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;
     },
@@ -106,7 +105,6 @@ var MenuItemInternalVue2 = {
     },
     popupClassName: function popupClassName() {
       var _a;
-
       return classNames((_a = {
         'k-menu-popup': true,
         'k-rtl': this.$props.isDirectionRightToLeft
@@ -114,7 +112,6 @@ var MenuItemInternalVue2 = {
     },
     menuItemClassName: function menuItemClassName() {
       var _a;
-
       var item = this.$props.item;
       return _a = {
         'k-item': true,
@@ -136,14 +133,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 getTemplate.call(this, {
           h: h,
@@ -151,7 +145,6 @@ var MenuItemInternalVue2 = {
           additionalProps: args
         });
       };
-
       return h("div", {
         "class": "k-content",
         role: "presentation",
@@ -163,7 +156,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),
@@ -174,9 +166,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, {
         itemId: this.$props.item.id,
         attrs: this.v3 ? undefined : {
@@ -189,12 +181,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]);
@@ -208,7 +197,8 @@ var MenuItemInternalVue2 = {
           key: '1'
         }
       });
-      var defaultLink = // @ts-ignore function children
+      var defaultLink =
+      // @ts-ignore function children
       h(MenuItemLink, {
         url: item.url,
         attrs: this.v3 ? undefined : {
@@ -233,16 +223,14 @@ var MenuItemInternalVue2 = {
         }
       });
     };
-
     var renderPopupIfOpened = function renderPopupIfOpened() {
       var _this3 = this;
-
       var _a = 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(Popup, {
           anchor: this._anchor,
           attrs: this.v3 ? undefined : {
@@ -262,7 +250,8 @@ var MenuItemInternalVue2 = {
           animate: false,
           key: "1"
         }, this.v3 ? function () {
-          return [// @ts-ignore
+          return [
+          // @ts-ignore
           h(MenuItemInternalsList, {
             parentItemId: itemId,
             attrs: _this3.v3 ? undefined : {
@@ -351,7 +340,6 @@ var MenuItemInternalVue2 = {
         })])
       );
     };
-
     return h("li", {
       "class": this.menuItemClassName,
       style: item.cssStyle,
@@ -451,6 +439,5 @@ var MenuItemInternalVue2 = {
 /**
  * @hidden
  */
-
 var MenuItemInternal = MenuItemInternalVue2;
 export { MenuItemInternal, MenuItemInternalVue2 };

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

@@ -8,7 +8,6 @@ import { getDOMElementId } from './../utils/misc.js';
 /**
  * @hidden
  */
-
 var MenuItemInternalsListVue2 = {
   name: 'KendoMenuItemInternalsList',
   // @ts-ignore
@@ -47,10 +46,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, {
             item: item,
             attrs: this.v3 ? undefined : {
@@ -95,7 +94,6 @@ var MenuItemInternalsListVue2 = {
         );
       }, this) : null;
     };
-
     return h("ul", {
       role: parentItemId !== undefined ? 'menu' : 'menubar',
       attrs: this.v3 ? undefined : {
@@ -147,6 +145,5 @@ var MenuItemInternalsListVue2 = {
 /**
  * @hidden
  */
-
 var MenuItemInternalsList = MenuItemInternalsListVue2;
 export { MenuItemInternalsList, MenuItemInternalsListVue2 };

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

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var MenuItemLinkVue2 = {
   name: 'KendoMenuItemLink',
   props: {
@@ -35,7 +34,6 @@ var MenuItemLinkVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
-
     if (this.$props.url) {
       return h("a", {
         "class": this.menuItemClassName,
@@ -62,6 +60,5 @@ var MenuItemLinkVue2 = {
 /**
  * @hidden
  */
-
 var MenuItemLink = MenuItemLinkVue2;
 export { MenuItemLink, MenuItemLinkVue2 };

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1665151295,
+    publishDate: 1666103508,
     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'
 };

package/dist/esm/panelbar/PanelBar.js

@@ -2,18 +2,14 @@ var __assign = this && this.__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);
 };
-
 var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
     if (ar || !(i in from)) {
@@ -22,9 +18,8 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
     }
   }
   return to.concat(ar || Array.prototype.slice.call(from));
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -38,7 +33,6 @@ import { NavigationAction } from './interfaces/NavigationAction.js';
 /**
  * @hidden
  */
-
 var PanelBarVue2 = {
   name: 'KendoPanelBar',
   // @ts-ignore
@@ -75,17 +69,15 @@ var PanelBarVue2 = {
   },
   data: function data() {
     var initialState = getInitialState(this.$props, this.expandMode);
-
     if (!initialState.currentFocused) {
       initialState.currentFocused = getFirstId(this.$props);
     }
-
     return initialState;
   },
   computed: {
     selectedItem: function selectedItem() {
       var _a = this.$props.selected,
-          selected = _a === void 0 ? this.currentSelected : _a;
+        selected = _a === void 0 ? this.currentSelected : _a;
       return selected;
     },
     expandedItems: function expandedItems() {
@@ -98,7 +90,6 @@ var PanelBarVue2 = {
       }, this.$data), {
         selected: this.selectedItem
       });
-
       var renderState = {
         animation: this.$props.animation,
         keepItemsMounted: this.$props.keepItemsMounted,
@@ -162,7 +153,6 @@ var PanelBarVue2 = {
     },
     onSelect: function onSelect(event) {
       var _this = this;
-
       var flattenChildren = flatChildren(this.computedItems);
       var selectedChild;
       var newExpanded;
@@ -171,12 +161,10 @@ var PanelBarVue2 = {
           selectedChild = child;
         }
       });
-
       if (selectedChild) {
         switch (this.expandMode) {
           case 'single':
             newExpanded = __spreadArray(__spreadArray([], selectedChild.parentUniquePrivateKey, true), [selectedChild.uniquePrivateKey], false);
-
             if (isArrayEqual(this.expandedItems, newExpanded)) {
               if (selectedChild.parentUniquePrivateKey) {
                 newExpanded = __spreadArray([], selectedChild.parentUniquePrivateKey, true);
@@ -184,20 +172,16 @@ var PanelBarVue2 = {
                 newExpanded = [];
               }
             }
-
             break;
-
           case 'multiple':
             newExpanded = this.expandedItems.slice();
             var index = newExpanded.indexOf(selectedChild.uniquePrivateKey);
             index === -1 ? newExpanded.push(selectedChild.uniquePrivateKey) : newExpanded.splice(index, 1);
             break;
-
           default:
             newExpanded = this.expandedItems.slice();
             break;
         }
-
         this.currentSelected = selectedChild.uniquePrivateKey;
         this.currentExpanded = newExpanded;
         this.$emit('select', {
@@ -208,11 +192,9 @@ var PanelBarVue2 = {
     },
     onFocus: function onFocus(event, step) {
       var _this = this;
-
       if (step === void 0) {
         step = 0;
       }
-
       var flattenChildren = flatVisibleChildren(this.computedItems);
       var focusedChild;
       flattenChildren.forEach(function (child, ixd) {
@@ -221,7 +203,6 @@ var PanelBarVue2 = {
           focusedChild = flattenChildren[index];
         }
       });
-
       if (focusedChild) {
         this.activeDescendant = focusedChild.id;
         this.currentFocused = focusedChild.uniquePrivateKey;
@@ -229,22 +210,18 @@ var PanelBarVue2 = {
     },
     onNavigate: function onNavigate(event, action) {
       var step;
-
       switch (action) {
         case NavigationAction.Previous:
           step = -1;
           this.onFocus(event, step);
           break;
-
         case NavigationAction.Next:
           step = 1;
           this.onFocus(event, step);
           break;
-
         case NavigationAction.Toggle:
           this.onSelect(event);
           break;
-
         default:
       }
     },
@@ -255,55 +232,47 @@ var PanelBarVue2 = {
     },
     handleWrapperFocus: function handleWrapperFocus() {
       clearTimeout(this.nextTickId);
-
       if (!this.wrapperFocused) {
         this.wrapperFocused = true;
       }
     },
     handleWrapperBlur: function handleWrapperBlur() {
       // this.nextTick(() => {
-      this.wrapperFocused = false; // });
+      this.wrapperFocused = false;
+      // });
     },
+
     handleKeyDown: function handleKeyDown(event) {
       var rtl = this._element && getComputedStyle(this._element).direction === 'rtl' || false;
-
       if (event.target === event.currentTarget) {
         var keyCode = event.keyCode;
         var action = void 0;
-
         switch (keyCode) {
           case Keys.left:
             action = !rtl ? NavigationAction.Previous : NavigationAction.Next;
             break;
-
           case Keys.up:
             action = NavigationAction.Previous;
             break;
-
           case Keys.right:
             action = !rtl ? NavigationAction.Next : NavigationAction.Previous;
             break;
-
           case Keys.down:
             action = NavigationAction.Next;
             break;
-
           case Keys.space:
           case Keys.enter:
             action = NavigationAction.Toggle;
             break;
-
           default:
             action = null;
             break;
         }
-
         if (action !== null) {
           event.preventDefault();
           this.onNavigate(event, action);
         }
       }
-
       this.$emit('keydown', event);
     }
   }
@@ -313,6 +282,5 @@ var PanelBarVue2 = {
  * ### props <span class='code'>[PanelBarProps]({% slug api_layout_panelbarprops %})</span>
  * The props of the PanelBar component.
  */
-
 var PanelBar = PanelBarVue2;
 export { PanelBar, PanelBarVue2 };