@progress/kendo-vue-layout 3.1.4 → 3.2.0-dev.202204120815

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: 1649223631,
+    publishDate: 1649750860,
     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/es/panelbar/PanelBar.js

@@ -41,6 +41,11 @@ import { NavigationAction } from './interfaces/NavigationAction'; // tslint:enab
 
 var PanelBarVue2 = {
   name: 'KendoPanelBar',
+  // @ts-ignore
+  emits: {
+    select: null,
+    keydown: null
+  },
   props: {
     animation: {
       type: Boolean,
@@ -49,7 +54,10 @@ var PanelBarVue2 = {
     items: Array,
     dir: String,
     selected: String,
-    expanded: Array,
+    expanded: {
+      type: Array,
+      default: undefined
+    },
     focused: String,
     expandMode: {
       type: String,
@@ -81,7 +89,7 @@ var PanelBarVue2 = {
       return selected;
     },
     expandedItems: function expandedItems() {
-      var expanded = this.$props.isControlled ? this.$props.expanded || [] : this.currentExpanded;
+      var expanded = this.$props.expanded !== undefined ? this.$props.expanded || [] : this.currentExpanded;
       return expanded;
     },
     computedItems: function computedItems() {
@@ -138,9 +146,13 @@ var PanelBarVue2 = {
       "class": className,
       "aria-activedescendant": this.activeDescendant
     }, [this.computedItems.map(function (item) {
-      return h(PanelBarItem, __assign({
-        props: this.v3 ? undefined : item
-      }, item));
+      return h(PanelBarItem, __assign(__assign({
+        props: this.v3 ? undefined : __assign(__assign({}, item), {
+          item: item
+        })
+      }, item), {
+        item: item
+      }));
     }, this)]);
   },
   methods: {
@@ -160,37 +172,39 @@ var PanelBarVue2 = {
         }
       });
 
-      switch (this.expandMode) {
-        case 'single':
-          newExpanded = __spreadArrays(selectedChild.parentUniquePrivateKey, [selectedChild.uniquePrivateKey]);
-
-          if (isArrayEqual(this.expandedItems, newExpanded)) {
-            if (selectedChild.parentUniquePrivateKey) {
-              newExpanded = __spreadArrays(selectedChild.parentUniquePrivateKey);
-            } else {
-              newExpanded = [];
+      if (selectedChild) {
+        switch (this.expandMode) {
+          case 'single':
+            newExpanded = __spreadArrays(selectedChild.parentUniquePrivateKey, [selectedChild.uniquePrivateKey]);
+
+            if (isArrayEqual(this.expandedItems, newExpanded)) {
+              if (selectedChild.parentUniquePrivateKey) {
+                newExpanded = __spreadArrays(selectedChild.parentUniquePrivateKey);
+              } else {
+                newExpanded = [];
+              }
             }
-          }
 
-          break;
+            break;
 
-        case 'multiple':
-          newExpanded = this.expandedItems.slice();
-          var index = newExpanded.indexOf(selectedChild.uniquePrivateKey);
-          index === -1 ? newExpanded.push(selectedChild.uniquePrivateKey) : newExpanded.splice(index, 1);
-          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;
-      }
+          default:
+            newExpanded = this.expandedItems.slice();
+            break;
+        }
 
-      this.currentSelected = selectedChild.uniquePrivateKey;
-      this.currentExpanded = newExpanded;
-      this.$emit('select', {
-        target: selectedChild,
-        expandedItems: newExpanded
-      });
+        this.currentSelected = selectedChild.uniquePrivateKey;
+        this.currentExpanded = newExpanded;
+        this.$emit('select', {
+          target: selectedChild,
+          expandedItems: newExpanded
+        });
+      }
     },
     onFocus: function onFocus(event, step) {
       var _this = this;
@@ -289,6 +303,8 @@ var PanelBarVue2 = {
           this.onNavigate(event, action);
         }
       }
+
+      this.$emit('keydown', event);
     }
   }
 };

package/dist/es/panelbar/PanelBarGroup.js

@@ -50,6 +50,7 @@ var PanelBarGroupVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
+        item = _a.item,
         items = _a.items,
         uniquePrivateKey = _a.uniquePrivateKey,
         disabled = _a.disabled,
@@ -77,10 +78,14 @@ var PanelBarGroupVue2 = {
       style: {
         display: keepItemsMounted ? this.$data.show ? 'block' : 'none' : 'block'
       }
-    }, [items.map(function (item) {
-      return h(PanelBarItem, __assign({
-        props: this.v3 ? undefined : item
-      }, item));
+    }, [items.map(function (currentItem) {
+      return h(PanelBarItem, __assign(__assign({
+        props: this.v3 ? undefined : __assign(__assign({}, currentItem), {
+          item: item
+        })
+      }, currentItem), {
+        item: item
+      }));
     }, this)]) : this.$props.content ? h("div", {
       "class": "k-panelbar-content k-content"
     }, [content]) : null : null;

package/dist/es/panelbar/PanelBarItem.js

@@ -24,6 +24,7 @@ import { PanelBarGroup } from './PanelBarGroup'; // tslint:enable:max-line-lengt
 var PanelBarItemVue2 = {
   name: 'KendoPanelBarItem',
   props: {
+    item: Object,
     items: Array,
     animation: Boolean,
     expanded: Boolean,
@@ -36,7 +37,7 @@ var PanelBarItemVue2 = {
         return 'Untitled';
       }
     },
-    id: String,
+    id: [String, Number],
     focused: Boolean,
     keepItemsMounted: Boolean,
     uniquePrivateKey: String,
@@ -68,6 +69,8 @@ var PanelBarItemVue2 = {
     var h = gh || createElement;
     var _b = this.$props,
         id = _b.id,
+        item = _b.item,
+        icon = _b.icon,
         items = _b.items,
         content = _b.content,
         title = _b.title,
@@ -89,7 +92,7 @@ var PanelBarItemVue2 = {
     }, "k-level-" + level, className);
     var panelBarLinkClassName = classNames('k-link', {
       'k-state-selected': !disabled && selected,
-      'k-state-focus': !disabled && focused,
+      'k-state-focus': focused,
       'k-state-disabled': disabled
     }, headerClassName);
     var panelBarItemArrowClassName = classNames('k-panelbar-toggle', 'k-icon', (_a = {}, _a['k-i-arrow-chevron-up'] = expanded && hasContent, _a['k-panelbar-collapse'] = expanded && hasContent, _a['k-i-arrow-chevron-down'] = !expanded && hasContent, _a['k-panelbar-expand'] = !expanded && hasContent, _a));
@@ -127,7 +130,7 @@ var PanelBarItemVue2 = {
       return null;
     };
 
-    var icon = iconElement.call(this);
+    var iconRender = iconElement.call(this);
     var arrow = !disabled && (items || content) ? h("span", {
       "class": panelBarItemArrowClassName
     }) : null;
@@ -135,7 +138,7 @@ var PanelBarItemVue2 = {
       items: items,
       attrs: this.v3 ? undefined : {
         items: items,
-        item: __assign({}, this.$props),
+        item: item,
         content: content,
         uniquePrivateKey: uniquePrivateKey,
         disabled: disabled,
@@ -143,7 +146,7 @@ var PanelBarItemVue2 = {
         animation: animation,
         keepItemsMounted: keepItemsMounted
       },
-      item: __assign({}, this.$props),
+      item: item,
       content: content,
       uniquePrivateKey: uniquePrivateKey,
       disabled: disabled,
@@ -179,7 +182,7 @@ var PanelBarItemVue2 = {
       on: this.v3 ? undefined : {
         "click": this.handleItemClick
       }
-    }, [icon, this.$props.header ? header : h("span", {
+    }, [iconRender, this.$props.header ? header : h("span", {
       "class": 'k-panelbar-item-text'
     }, [title]), arrow]), group]);
   },

package/dist/es/panelbar/interfaces/PanelBarItemProps.d.ts

@@ -49,7 +49,7 @@ export interface PanelBarItemProps {
     /**
      * Allows the component to set the `id` property to each item. If not set, a default `id` is applied.
      */
-    id?: string;
+    id?: string | number;
     /**
      * Sets the initial focused state of the PanelBarItem. Controlled by the PanelBar component.
      */
@@ -78,4 +78,8 @@ export interface PanelBarItemProps {
      * @hidden
      */
     keepItemsMounted?: boolean;
+    /**
+     * @hidden
+     */
+    item?: any;
 }

package/dist/es/panelbar/util.js

@@ -151,7 +151,7 @@ export var getInitialState = function getInitialState(props, expandMode, result,
  */
 
 var getId = function getId(child, parentPrivateKey, idx) {
-  return child && child.props && child.props.id ? child.props.id : parentPrivateKey.length ? parentPrivateKey[parentPrivateKey.length - 1] + ("." + idx) : "." + idx;
+  return child && child && child.id ? child.id : parentPrivateKey.length ? parentPrivateKey[parentPrivateKey.length - 1] + ("." + idx) : "." + idx;
 };
 /**
  * @hidden
@@ -204,7 +204,7 @@ export function flatVisibleChildren(children, flattenVisibleChildren) {
   }
 
   children.forEach(function (child) {
-    if (child && !child.disabled && (child.expanded || child.parentExpanded)) {
+    if (child && (child.expanded || child.parentExpanded)) {
       flattenVisibleChildren.push(child);
 
       if (child.items) {

package/dist/es/splitter/SplitterBar.js

@@ -232,7 +232,7 @@ var SplitterBarVue2 = {
       var keyCode = event && event.keyCode;
       var isHorizontal = this.isHorizontal;
       var index = this.$props.index;
-      var element = this.$el; // this.draggable && this.draggable.element;
+      var element = this.draggable && this.draggable.element;
 
       var onKeyboardResize = function onKeyboardResize(el, idx, offset) {
         event.preventDefault();

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: 1649223631,
+    publishDate: 1649750860,
     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/npm/panelbar/PanelBar.js

@@ -55,6 +55,11 @@ var NavigationAction_1 = require("./interfaces/NavigationAction"); // tslint:ena
 
 var PanelBarVue2 = {
   name: 'KendoPanelBar',
+  // @ts-ignore
+  emits: {
+    select: null,
+    keydown: null
+  },
   props: {
     animation: {
       type: Boolean,
@@ -63,7 +68,10 @@ var PanelBarVue2 = {
     items: Array,
     dir: String,
     selected: String,
-    expanded: Array,
+    expanded: {
+      type: Array,
+      default: undefined
+    },
     focused: String,
     expandMode: {
       type: String,
@@ -95,7 +103,7 @@ var PanelBarVue2 = {
       return selected;
     },
     expandedItems: function expandedItems() {
-      var expanded = this.$props.isControlled ? this.$props.expanded || [] : this.currentExpanded;
+      var expanded = this.$props.expanded !== undefined ? this.$props.expanded || [] : this.currentExpanded;
       return expanded;
     },
     computedItems: function computedItems() {
@@ -152,9 +160,13 @@ var PanelBarVue2 = {
       "class": className,
       "aria-activedescendant": this.activeDescendant
     }, [this.computedItems.map(function (item) {
-      return h(PanelBarItem_1.PanelBarItem, __assign({
-        props: this.v3 ? undefined : item
-      }, item));
+      return h(PanelBarItem_1.PanelBarItem, __assign(__assign({
+        props: this.v3 ? undefined : __assign(__assign({}, item), {
+          item: item
+        })
+      }, item), {
+        item: item
+      }));
     }, this)]);
   },
   methods: {
@@ -174,37 +186,39 @@ var PanelBarVue2 = {
         }
       });
 
-      switch (this.expandMode) {
-        case 'single':
-          newExpanded = __spreadArrays(selectedChild.parentUniquePrivateKey, [selectedChild.uniquePrivateKey]);
-
-          if (util_1.isArrayEqual(this.expandedItems, newExpanded)) {
-            if (selectedChild.parentUniquePrivateKey) {
-              newExpanded = __spreadArrays(selectedChild.parentUniquePrivateKey);
-            } else {
-              newExpanded = [];
+      if (selectedChild) {
+        switch (this.expandMode) {
+          case 'single':
+            newExpanded = __spreadArrays(selectedChild.parentUniquePrivateKey, [selectedChild.uniquePrivateKey]);
+
+            if (util_1.isArrayEqual(this.expandedItems, newExpanded)) {
+              if (selectedChild.parentUniquePrivateKey) {
+                newExpanded = __spreadArrays(selectedChild.parentUniquePrivateKey);
+              } else {
+                newExpanded = [];
+              }
             }
-          }
 
-          break;
+            break;
 
-        case 'multiple':
-          newExpanded = this.expandedItems.slice();
-          var index = newExpanded.indexOf(selectedChild.uniquePrivateKey);
-          index === -1 ? newExpanded.push(selectedChild.uniquePrivateKey) : newExpanded.splice(index, 1);
-          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;
-      }
+          default:
+            newExpanded = this.expandedItems.slice();
+            break;
+        }
 
-      this.currentSelected = selectedChild.uniquePrivateKey;
-      this.currentExpanded = newExpanded;
-      this.$emit('select', {
-        target: selectedChild,
-        expandedItems: newExpanded
-      });
+        this.currentSelected = selectedChild.uniquePrivateKey;
+        this.currentExpanded = newExpanded;
+        this.$emit('select', {
+          target: selectedChild,
+          expandedItems: newExpanded
+        });
+      }
     },
     onFocus: function onFocus(event, step) {
       var _this = this;
@@ -303,6 +317,8 @@ var PanelBarVue2 = {
           this.onNavigate(event, action);
         }
       }
+
+      this.$emit('keydown', event);
     }
   }
 };

package/dist/npm/panelbar/PanelBarGroup.js

@@ -61,6 +61,7 @@ var PanelBarGroupVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
+        item = _a.item,
         items = _a.items,
         uniquePrivateKey = _a.uniquePrivateKey,
         disabled = _a.disabled,
@@ -88,10 +89,14 @@ var PanelBarGroupVue2 = {
       style: {
         display: keepItemsMounted ? this.$data.show ? 'block' : 'none' : 'block'
       }
-    }, [items.map(function (item) {
-      return h(PanelBarItem_1.PanelBarItem, __assign({
-        props: this.v3 ? undefined : item
-      }, item));
+    }, [items.map(function (currentItem) {
+      return h(PanelBarItem_1.PanelBarItem, __assign(__assign({
+        props: this.v3 ? undefined : __assign(__assign({}, currentItem), {
+          item: item
+        })
+      }, currentItem), {
+        item: item
+      }));
     }, this)]) : this.$props.content ? h("div", {
       "class": "k-panelbar-content k-content"
     }, [content]) : null : null;

package/dist/npm/panelbar/PanelBarItem.js

@@ -34,6 +34,7 @@ var PanelBarGroup_1 = require("./PanelBarGroup"); // tslint:enable:max-line-leng
 var PanelBarItemVue2 = {
   name: 'KendoPanelBarItem',
   props: {
+    item: Object,
     items: Array,
     animation: Boolean,
     expanded: Boolean,
@@ -46,7 +47,7 @@ var PanelBarItemVue2 = {
         return 'Untitled';
       }
     },
-    id: String,
+    id: [String, Number],
     focused: Boolean,
     keepItemsMounted: Boolean,
     uniquePrivateKey: String,
@@ -78,6 +79,8 @@ var PanelBarItemVue2 = {
     var h = gh || createElement;
     var _b = this.$props,
         id = _b.id,
+        item = _b.item,
+        icon = _b.icon,
         items = _b.items,
         content = _b.content,
         title = _b.title,
@@ -99,7 +102,7 @@ var PanelBarItemVue2 = {
     }, "k-level-" + level, className);
     var panelBarLinkClassName = kendo_vue_common_1.classNames('k-link', {
       'k-state-selected': !disabled && selected,
-      'k-state-focus': !disabled && focused,
+      'k-state-focus': focused,
       'k-state-disabled': disabled
     }, headerClassName);
     var panelBarItemArrowClassName = kendo_vue_common_1.classNames('k-panelbar-toggle', 'k-icon', (_a = {}, _a['k-i-arrow-chevron-up'] = expanded && hasContent, _a['k-panelbar-collapse'] = expanded && hasContent, _a['k-i-arrow-chevron-down'] = !expanded && hasContent, _a['k-panelbar-expand'] = !expanded && hasContent, _a));
@@ -137,7 +140,7 @@ var PanelBarItemVue2 = {
       return null;
     };
 
-    var icon = iconElement.call(this);
+    var iconRender = iconElement.call(this);
     var arrow = !disabled && (items || content) ? h("span", {
       "class": panelBarItemArrowClassName
     }) : null;
@@ -145,7 +148,7 @@ var PanelBarItemVue2 = {
       items: items,
       attrs: this.v3 ? undefined : {
         items: items,
-        item: __assign({}, this.$props),
+        item: item,
         content: content,
         uniquePrivateKey: uniquePrivateKey,
         disabled: disabled,
@@ -153,7 +156,7 @@ var PanelBarItemVue2 = {
         animation: animation,
         keepItemsMounted: keepItemsMounted
       },
-      item: __assign({}, this.$props),
+      item: item,
       content: content,
       uniquePrivateKey: uniquePrivateKey,
       disabled: disabled,
@@ -189,7 +192,7 @@ var PanelBarItemVue2 = {
       on: this.v3 ? undefined : {
         "click": this.handleItemClick
       }
-    }, [icon, this.$props.header ? header : h("span", {
+    }, [iconRender, this.$props.header ? header : h("span", {
       "class": 'k-panelbar-item-text'
     }, [title]), arrow]), group]);
   },

package/dist/npm/panelbar/interfaces/PanelBarItemProps.d.ts

@@ -49,7 +49,7 @@ export interface PanelBarItemProps {
     /**
      * Allows the component to set the `id` property to each item. If not set, a default `id` is applied.
      */
-    id?: string;
+    id?: string | number;
     /**
      * Sets the initial focused state of the PanelBarItem. Controlled by the PanelBar component.
      */
@@ -78,4 +78,8 @@ export interface PanelBarItemProps {
      * @hidden
      */
     keepItemsMounted?: boolean;
+    /**
+     * @hidden
+     */
+    item?: any;
 }

package/dist/npm/panelbar/util.js

@@ -162,7 +162,7 @@ exports.getInitialState = function (props, expandMode, result, parentExpanded, p
 
 
 var getId = function getId(child, parentPrivateKey, idx) {
-  return child && child.props && child.props.id ? child.props.id : parentPrivateKey.length ? parentPrivateKey[parentPrivateKey.length - 1] + ("." + idx) : "." + idx;
+  return child && child && child.id ? child.id : parentPrivateKey.length ? parentPrivateKey[parentPrivateKey.length - 1] + ("." + idx) : "." + idx;
 };
 /**
  * @hidden
@@ -219,7 +219,7 @@ function flatVisibleChildren(children, flattenVisibleChildren) {
   }
 
   children.forEach(function (child) {
-    if (child && !child.disabled && (child.expanded || child.parentExpanded)) {
+    if (child && (child.expanded || child.parentExpanded)) {
       flattenVisibleChildren.push(child);
 
       if (child.items) {

package/dist/npm/splitter/SplitterBar.js

@@ -241,7 +241,7 @@ var SplitterBarVue2 = {
       var keyCode = event && event.keyCode;
       var isHorizontal = this.isHorizontal;
       var index = this.$props.index;
-      var element = this.$el; // this.draggable && this.draggable.element;
+      var element = this.draggable && this.draggable.element;
 
       var onKeyboardResize = function onKeyboardResize(el, idx, offset) {
         event.preventDefault();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-layout",
   "description": "Kendo UI for Vue Layouts package",
-  "version": "3.1.4",
+  "version": "3.2.0-dev.202204120815",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -37,21 +37,21 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-animation": "3.1.4",
-    "@progress/kendo-vue-common": "3.1.4",
-    "@progress/kendo-vue-popup": "3.1.4"
+    "@progress/kendo-vue-animation": "3.2.0-dev.202204120815",
+    "@progress/kendo-vue-common": "3.2.0-dev.202204120815",
+    "@progress/kendo-vue-popup": "3.2.0-dev.202204120815"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.0",
     "@progress/kendo-date-math": "^1.5.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.1.4",
-    "@progress/kendo-vue-dateinputs": "3.1.4",
-    "@progress/kendo-vue-dropdowns": "3.1.4",
-    "@progress/kendo-vue-inputs": "3.1.4",
-    "@progress/kendo-vue-intl": "3.1.4",
-    "@progress/kendo-vue-progressbars": "3.1.4"
+    "@progress/kendo-vue-buttons": "3.2.0-dev.202204120815",
+    "@progress/kendo-vue-dateinputs": "3.2.0-dev.202204120815",
+    "@progress/kendo-vue-dropdowns": "3.2.0-dev.202204120815",
+    "@progress/kendo-vue-inputs": "3.2.0-dev.202204120815",
+    "@progress/kendo-vue-intl": "3.2.0-dev.202204120815",
+    "@progress/kendo-vue-progressbars": "3.2.0-dev.202204120815"
   },
   "@progress": {
     "friendlyName": "Layouts",