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

package/dist/es/drawer/DrawerNavigation.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;
@@ -24,17 +20,14 @@ import { getDefaultSlots, templateRendering, getListeners, getTemplate } from '@
 /**
  * @hidden
  */
-
 var DEFAULT_EXPANDED_WIDTH = 240;
 /**
  * @hidden
  */
-
 var DEFAULT_MINI_WIDTH = 50;
 /**
  * @hidden
  */
-
 var DEFAULT_ANIMATION = {
   type: 'slide',
   duration: 200
@@ -42,7 +35,6 @@ var DEFAULT_ANIMATION = {
 /**
  * @hidden
  */
-
 var NO_ANIMATION = {
   type: 'slide',
   duration: 0
@@ -50,7 +42,6 @@ var NO_ANIMATION = {
 /**
  * @hidden
  */
-
 var DrawerNavigationVue2 = {
   name: 'KendoDrawerNavigation',
   props: {
@@ -84,15 +75,15 @@ var DrawerNavigationVue2 = {
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var _a = this.kendoDrawer,
-        animation = _a.animation,
-        expanded = _a.expanded,
-        mode = _a.mode,
-        position = _a.position,
-        mini = _a.mini,
-        dir = _a.dir,
-        width = _a.width,
-        miniWidth = _a.miniWidth,
-        items = _a.items;
+      animation = _a.animation,
+      expanded = _a.expanded,
+      mode = _a.mode,
+      position = _a.position,
+      mini = _a.mini,
+      dir = _a.dir,
+      width = _a.width,
+      miniWidth = _a.miniWidth,
+      items = _a.items;
     var customSettings = typeof animation !== 'boolean' ? animation : animation === false ? NO_ANIMATION : DEFAULT_ANIMATION;
     var navWidth = width ? width : DEFAULT_EXPANDED_WIDTH;
     var navMiniWidth = miniWidth ? miniWidth : DEFAULT_MINI_WIDTH;
@@ -144,12 +135,11 @@ var DrawerNavigationVue2 = {
       "aria-expanded": expanded
     }, [items.map(function (element, index) {
       var item = this.$props.item;
-
       if (item && !item.type && !item.render) {
         item = templateRendering.call(this, this.$props.item, getListeners.call(this));
       }
-
-      var itemDefaultRendering = // @ts-ignore
+      var itemDefaultRendering =
+      // @ts-ignore
       h(DrawerItem, {
         key: index,
         index: index,
@@ -211,6 +201,5 @@ var DrawerNavigationVue2 = {
 /**
  * @hidden
  */
-
 var DrawerNavigation = DrawerNavigationVue2;
 export { DrawerNavigation, DrawerNavigationVue2 };

package/dist/es/expansionpanel/ExpansionPanel.js

@@ -8,7 +8,6 @@ import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
-
 var ExpansionPanelVue2 = {
   name: 'KendoExpansionPanel',
   props: {
@@ -30,8 +29,8 @@ var ExpansionPanelVue2 = {
   computed: {
     wrapperClass: function wrapperClass() {
       var _a = this.$props,
-          expanded = _a.expanded,
-          disabled = _a.disabled;
+        expanded = _a.expanded,
+        disabled = _a.disabled;
       return {
         'k-expander': true,
         'k-expanded': expanded,
@@ -41,11 +40,10 @@ var ExpansionPanelVue2 = {
     },
     expandIconClass: function expandIconClass() {
       var _a;
-
       var _b = this.$props,
-          expanded = _b.expanded,
-          expandIcon = _b.expandIcon,
-          collapseIcon = _b.collapseIcon;
+        expanded = _b.expanded,
+        expandIcon = _b.expandIcon,
+        collapseIcon = _b.collapseIcon;
       return _a = {
         'k-icon': true,
         'k-i-chevron-down': !expanded && !expandIcon,
@@ -69,16 +67,16 @@ var ExpansionPanelVue2 = {
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
     var _a = this.$props,
-        _b = _a.expanded,
-        expanded = _b === void 0 ? false : _b,
-        disabled = _a.disabled,
-        title = _a.title,
-        titleRender = _a.titleRender,
-        subtitle = _a.subtitle,
-        subtitleRender = _a.subtitleRender,
-        ariaControls = _a.ariaControls,
-        tabIndex = _a.tabIndex,
-        id = _a.id;
+      _b = _a.expanded,
+      expanded = _b === void 0 ? false : _b,
+      disabled = _a.disabled,
+      title = _a.title,
+      titleRender = _a.titleRender,
+      subtitle = _a.subtitle,
+      subtitleRender = _a.subtitleRender,
+      ariaControls = _a.ariaControls,
+      tabIndex = _a.tabIndex,
+      id = _a.id;
     var titleTemplate = templateRendering.call(this, titleRender, getListeners.call(this));
     var titleToRender = getTemplate.call(this, {
       h: h,
@@ -104,7 +102,8 @@ var ExpansionPanelVue2 = {
         "keydown": this.onKeyDown
       },
       onFocusout: this.handleBlur,
-      id: id // dir={useRtl(elementRef, dir)}
+      id: id
+      // dir={useRtl(elementRef, dir)}
       ,
       attrs: this.v3 ? undefined : {
         id: id
@@ -142,7 +141,6 @@ var ExpansionPanelVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       this.$emit('action', {
         event: event,
         expanded: this.expanded
@@ -152,7 +150,6 @@ var ExpansionPanelVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       if ((event.keyCode === Keys.enter || event.keyCode === Keys.space) && event.target === this.$refs.header) {
         event.preventDefault();
         this.$emit('action', {
@@ -165,14 +162,12 @@ var ExpansionPanelVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       this.focused = true;
     },
     handleBlur: function handleBlur() {
       if (this.$props.disabled) {
         return;
       }
-
       this.focused = false;
     }
   }
@@ -180,6 +175,5 @@ var ExpansionPanelVue2 = {
 /**
  * @hidden
  */
-
 var ExpansionPanel = ExpansionPanelVue2;
 export { ExpansionPanel, ExpansionPanelVue2 };

package/dist/es/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/es/menu/MenuProps.js

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

package/dist/es/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';
 /**
  * @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/es/menu/components/MenuItemArrow.js

@@ -7,22 +7,18 @@ import { getChildrenPosition } from '../utils/misc';
 /**
  * @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/es/menu/components/MenuItemInternal.js

@@ -14,7 +14,6 @@ import { MenuItemArrow } from './MenuItemArrow';
 /**
  * @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/es/menu/components/MenuItemInternalsList.js

@@ -8,7 +8,6 @@ import { getDOMElementId } from './../utils/misc';
 /**
  * @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/es/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/es/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: 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'
 };