@progress/kendo-vue-layout 3.1.5 → 3.2.0-dev.202204130351

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: 1649686616,
+    publishDate: 1649821411,
     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() {
@@ -164,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;
@@ -293,6 +303,8 @@ var PanelBarVue2 = {
           this.onNavigate(event, action);
         }
       }
+
+      this.$emit('keydown', event);
     }
   }
 };

package/dist/es/panelbar/PanelBarGroup.d.ts

@@ -14,7 +14,7 @@ export interface PanelBarGroupProps {
     disabled?: boolean;
     content?: any;
     keepItemsMounted?: boolean;
-    uniquePrivateKey?: string;
+    uniquePrivateKey?: string | number;
 }
 /** @hidden */
 interface PanelBarGroupState {

package/dist/es/panelbar/PanelBarGroup.js

@@ -31,7 +31,7 @@ var PanelBarGroupVue2 = {
     expanded: Boolean,
     disabled: Boolean,
     keepItemsMounted: Boolean,
-    uniquePrivateKey: String,
+    uniquePrivateKey: [String, Number],
     content: Object
   },
   data: function data() {

package/dist/es/panelbar/PanelBarItem.js

@@ -37,10 +37,10 @@ var PanelBarItemVue2 = {
         return 'Untitled';
       }
     },
-    id: String,
+    id: [String, Number],
     focused: Boolean,
     keepItemsMounted: Boolean,
-    uniquePrivateKey: String,
+    uniquePrivateKey: [String, Number],
     parentUniquePrivateKey: Array,
     parentExpanded: Boolean,
     headerClassName: String,
@@ -70,6 +70,7 @@ var PanelBarItemVue2 = {
     var _b = this.$props,
         id = _b.id,
         item = _b.item,
+        icon = _b.icon,
         items = _b.items,
         content = _b.content,
         title = _b.title,
@@ -91,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));
@@ -129,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;
@@ -181,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.
      */
@@ -69,7 +69,7 @@ export interface PanelBarItemProps {
     /**
      * Used to identify the PanelBarItems inside the PanelBar ([see example]({% slug controlling_state_panelbar %})). Does not depend on the state of the PanelBarItem.
      */
-    uniquePrivateKey?: string;
+    uniquePrivateKey?: string | number;
     /**
      * @hidden
      */

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/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1649686616,
+    publishDate: 1649821411,
     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() {
@@ -178,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;
@@ -307,6 +317,8 @@ var PanelBarVue2 = {
           this.onNavigate(event, action);
         }
       }
+
+      this.$emit('keydown', event);
     }
   }
 };

package/dist/npm/panelbar/PanelBarGroup.d.ts

@@ -14,7 +14,7 @@ export interface PanelBarGroupProps {
     disabled?: boolean;
     content?: any;
     keepItemsMounted?: boolean;
-    uniquePrivateKey?: string;
+    uniquePrivateKey?: string | number;
 }
 /** @hidden */
 interface PanelBarGroupState {

package/dist/npm/panelbar/PanelBarGroup.js

@@ -42,7 +42,7 @@ var PanelBarGroupVue2 = {
     expanded: Boolean,
     disabled: Boolean,
     keepItemsMounted: Boolean,
-    uniquePrivateKey: String,
+    uniquePrivateKey: [String, Number],
     content: Object
   },
   data: function data() {

package/dist/npm/panelbar/PanelBarItem.js

@@ -47,10 +47,10 @@ var PanelBarItemVue2 = {
         return 'Untitled';
       }
     },
-    id: String,
+    id: [String, Number],
     focused: Boolean,
     keepItemsMounted: Boolean,
-    uniquePrivateKey: String,
+    uniquePrivateKey: [String, Number],
     parentUniquePrivateKey: Array,
     parentExpanded: Boolean,
     headerClassName: String,
@@ -80,6 +80,7 @@ var PanelBarItemVue2 = {
     var _b = this.$props,
         id = _b.id,
         item = _b.item,
+        icon = _b.icon,
         items = _b.items,
         content = _b.content,
         title = _b.title,
@@ -101,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));
@@ -139,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;
@@ -191,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.
      */
@@ -69,7 +69,7 @@ export interface PanelBarItemProps {
     /**
      * Used to identify the PanelBarItems inside the PanelBar ([see example]({% slug controlling_state_panelbar %})). Does not depend on the state of the PanelBarItem.
      */
-    uniquePrivateKey?: string;
+    uniquePrivateKey?: string | number;
     /**
      * @hidden
      */

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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-layout",
   "description": "Kendo UI for Vue Layouts package",
-  "version": "3.1.5",
+  "version": "3.2.0-dev.202204130351",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -32,26 +32,26 @@
   ],
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-intl": "^3.0.0",
-    "@progress/kendo-vue-progressbars": "^3.0.0",
+    "@progress/kendo-vue-intl": "^3.2.0",
+    "@progress/kendo-vue-progressbars": "^3.2.0",
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-animation": "3.1.5",
-    "@progress/kendo-vue-common": "3.1.5",
-    "@progress/kendo-vue-popup": "3.1.5"
+    "@progress/kendo-vue-animation": "3.2.0-dev.202204130351",
+    "@progress/kendo-vue-common": "3.2.0-dev.202204130351",
+    "@progress/kendo-vue-popup": "3.2.0-dev.202204130351"
   },
   "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.5",
-    "@progress/kendo-vue-dateinputs": "3.1.5",
-    "@progress/kendo-vue-dropdowns": "3.1.5",
-    "@progress/kendo-vue-inputs": "3.1.5",
-    "@progress/kendo-vue-intl": "3.1.5",
-    "@progress/kendo-vue-progressbars": "3.1.5"
+    "@progress/kendo-vue-buttons": "3.2.0-dev.202204130351",
+    "@progress/kendo-vue-dateinputs": "3.2.0-dev.202204130351",
+    "@progress/kendo-vue-dropdowns": "3.2.0-dev.202204130351",
+    "@progress/kendo-vue-inputs": "3.2.0-dev.202204130351",
+    "@progress/kendo-vue-intl": "3.2.0-dev.202204130351",
+    "@progress/kendo-vue-progressbars": "3.2.0-dev.202204130351"
   },
   "@progress": {
     "friendlyName": "Layouts",