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

package/dist/es/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';
 /**
  * @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 };

package/dist/es/panelbar/PanelBarGroup.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;
@@ -25,7 +21,6 @@ import { PanelBarItem } from './PanelBarItem';
 /**
  * @hidden
  */
-
 var PanelBarGroupVue2 = {
   name: 'KendoPanelBarGroup',
   props: {
@@ -54,13 +49,13 @@ 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,
-        expanded = _a.expanded,
-        animation = _a.animation,
-        keepItemsMounted = _a.keepItemsMounted;
+      item = _a.item,
+      items = _a.items,
+      uniquePrivateKey = _a.uniquePrivateKey,
+      disabled = _a.disabled,
+      expanded = _a.expanded,
+      animation = _a.animation,
+      keepItemsMounted = _a.keepItemsMounted;
     var animationStyle = {
       display: 'block'
     };
@@ -93,7 +88,8 @@ var PanelBarGroupVue2 = {
     }, this)]) : this.$props.content ? h("div", {
       "class": "k-panelbar-content k-content"
     }, [content]) : null : null;
-    return (animation !== undefined ? animation : true) && !disabled ? // @ts-ignore  function children
+    return (animation !== undefined ? animation : true) && !disabled ?
+    // @ts-ignore  function children
     h(Reveal, {
       appear: opened,
       attrs: this.v3 ? undefined : {
@@ -134,6 +130,5 @@ var PanelBarGroupVue2 = {
 /**
  * @hidden
  */
-
 var PanelBarGroup = PanelBarGroupVue2;
 export { PanelBarGroup, PanelBarGroupVue2 };

package/dist/es/panelbar/PanelBarItem.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,7 +20,6 @@ import { PanelBarGroup } from './PanelBarGroup';
 /**
  * @hidden
  */
-
 var PanelBarItemVue2 = {
   name: 'KendoPanelBarItem',
   props: {
@@ -69,25 +64,24 @@ var PanelBarItemVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _a;
-
     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,
-        uniquePrivateKey = _b.uniquePrivateKey,
-        disabled = _b.disabled,
-        selected = _b.selected,
-        focused = _b.focused,
-        expanded = _b.expanded,
-        className = _b.className,
-        level = _b.level,
-        headerClassName = _b.headerClassName,
-        animation = _b.animation,
-        keepItemsMounted = _b.keepItemsMounted;
+      id = _b.id,
+      item = _b.item,
+      icon = _b.icon,
+      items = _b.items,
+      content = _b.content,
+      title = _b.title,
+      uniquePrivateKey = _b.uniquePrivateKey,
+      disabled = _b.disabled,
+      selected = _b.selected,
+      focused = _b.focused,
+      expanded = _b.expanded,
+      className = _b.className,
+      level = _b.level,
+      headerClassName = _b.headerClassName,
+      animation = _b.animation,
+      keepItemsMounted = _b.keepItemsMounted;
     var hasContent = !!items || content;
     var panelBarItemClassName = classNames('k-panelbar-item', {
       'k-panelbar-header': level === 0,
@@ -100,7 +94,6 @@ var PanelBarItemVue2 = {
       'k-focus': focused
     }, headerClassName);
     var panelBarItemArrowClassName = classNames('k-panelbar-toggle', 'k-icon', (_a = {}, _a['k-i-chevron-up'] = expanded && hasContent, _a['k-panelbar-collapse'] = expanded && hasContent, _a['k-i-chevron-down'] = !expanded && hasContent, _a['k-panelbar-expand'] = !expanded && hasContent, _a));
-
     var iconElement = function iconElement() {
       if (this.imageUrl) {
         return h("img", {
@@ -130,10 +123,8 @@ var PanelBarItemVue2 = {
           "class": 'k-panelbar-item-icon ' + this.iconClass
         });
       }
-
       return null;
     };
-
     var iconRender = iconElement.call(this);
     var arrow = !disabled && (items || content) ? h("span", {
       "class": panelBarItemArrowClassName
@@ -193,9 +184,8 @@ var PanelBarItemVue2 = {
   methods: {
     handleItemClick: function handleItemClick() {
       var _a = this.$props,
-          disabled = _a.disabled,
-          id = _a.id;
-
+        disabled = _a.disabled,
+        id = _a.id;
       if (!disabled) {
         this.dispatchItemSelect({
           uniquePrivateKey: this.$props.uniquePrivateKey,
@@ -212,6 +202,5 @@ var PanelBarItemVue2 = {
 /**
  * @hidden
  */
-
 var PanelBarItem = PanelBarItemVue2;
 export { PanelBarItem, PanelBarItemVue2 };

package/dist/es/panelbar/util.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)) {
@@ -23,32 +19,29 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-
 import { getListeners, templateRendering } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 export var renderChildren = function renderChildren(items, _a) {
   var _b = _a.animation,
-      animation = _b === void 0 ? true : _b,
-      _c = _a.keepItemsMounted,
-      keepItemsMounted = _c === void 0 ? false : _c,
-      state = _a.state,
-      expanded = _a.expanded,
-      handleSelect = _a.handleSelect,
-      _d = _a.parentExpanded,
-      parentExpanded = _d === void 0 ? true : _d,
-      _e = _a.level,
-      level = _e === void 0 ? 0 : _e,
-      _f = _a.parentPrivateKey,
-      parentPrivateKey = _f === void 0 ? [] : _f;
+    animation = _b === void 0 ? true : _b,
+    _c = _a.keepItemsMounted,
+    keepItemsMounted = _c === void 0 ? false : _c,
+    state = _a.state,
+    expanded = _a.expanded,
+    handleSelect = _a.handleSelect,
+    _d = _a.parentExpanded,
+    parentExpanded = _d === void 0 ? true : _d,
+    _e = _a.level,
+    level = _e === void 0 ? 0 : _e,
+    _f = _a.parentPrivateKey,
+    parentPrivateKey = _f === void 0 ? [] : _f;
   return items.map(function (child, idx) {
     var nestedChildren;
     var privateKey = getId(child, parentPrivateKey, idx);
     var content = templateRendering.call(this, child.content, getListeners.call(this));
     var header = templateRendering.call(this, child.header, getListeners.call(this));
-
     if (child.items) {
       var renderState = {
         animation: animation,
@@ -62,7 +55,6 @@ export var renderChildren = function renderChildren(items, _a) {
       };
       nestedChildren = renderChildren.call(this, child.items, renderState);
     }
-
     return __assign(__assign({}, child), {
       animation: child.animation !== undefined ? child.animation : animation,
       keepItemsMounted: keepItemsMounted,
@@ -83,20 +75,16 @@ export var renderChildren = function renderChildren(items, _a) {
 /**
  * @hidden
  */
-
 export var getFirstId = function getFirstId(props) {
   var firstItem = props.items[0];
-
   if (firstItem) {
     return getId(firstItem, [], 0);
   }
-
   return '';
 };
 /**
  * @hidden
  */
-
 export var getInitialState = function getInitialState(props, expandMode, result, parentExpanded, parentPrivateKey) {
   if (result === void 0) {
     result = {
@@ -106,27 +94,21 @@ export var getInitialState = function getInitialState(props, expandMode, result,
       wrapperFocused: false
     };
   }
-
   if (parentExpanded === void 0) {
     parentExpanded = true;
   }
-
   if (parentPrivateKey === void 0) {
     parentPrivateKey = [];
   }
-
   props.items.forEach(function (item, idx) {
     var privateKey = getId(item, parentPrivateKey, idx);
-
     if (!item.disabled && parentExpanded) {
       if (item.selected) {
         result.currentSelected = privateKey;
       }
-
       if (item.focused) {
         result.currentFocused = privateKey;
       }
-
       if (item.expanded) {
         if (expandMode === 'multiple') {
           result.currentExpanded.push(privateKey);
@@ -134,7 +116,6 @@ export var getInitialState = function getInitialState(props, expandMode, result,
           result.currentExpanded = [privateKey];
         }
       }
-
       if (item.items) {
         result = getInitialState(item, expandMode, result, !!item.expanded, __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false));
       }
@@ -145,24 +126,19 @@ export var getInitialState = function getInitialState(props, expandMode, result,
 /**
  * @hidden
  */
-
 var getId = function getId(child, parentPrivateKey, idx) {
   return child && child && child.id ? child.id : parentPrivateKey.length ? parentPrivateKey[parentPrivateKey.length - 1] + ".".concat(idx) : ".".concat(idx);
 };
 /**
  * @hidden
  */
-
-
 export function flatVisibleItems(data, flattedItems) {
   if (flattedItems === void 0) {
     flattedItems = [];
   }
-
   (data || []).forEach(function (item) {
     if (!item.disabled) {
       flattedItems.push(item);
-
       if (item.expanded && item.children) {
         flatVisibleItems(item.children, flattedItems);
       }
@@ -173,16 +149,13 @@ export function flatVisibleItems(data, flattedItems) {
 /**
  * @hidden
  */
-
 export function flatChildren(children, flattenChildren) {
   if (flattenChildren === void 0) {
     flattenChildren = [];
   }
-
   children.forEach(function (child) {
     if (child && child && !child.disabled) {
       flattenChildren.push(child);
-
       if (child.items) {
         flatChildren(child.items, flattenChildren);
       }
@@ -193,16 +166,13 @@ export function flatChildren(children, flattenChildren) {
 /**
  * @hidden
  */
-
 export function flatVisibleChildren(children, flattenVisibleChildren) {
   if (flattenVisibleChildren === void 0) {
     flattenVisibleChildren = [];
   }
-
   children.forEach(function (child) {
     if (child && (child.expanded || child.parentExpanded)) {
       flattenVisibleChildren.push(child);
-
       if (child.items) {
         flatVisibleChildren(child.items, flattenVisibleChildren);
       }
@@ -213,19 +183,16 @@ export function flatVisibleChildren(children, flattenVisibleChildren) {
 /**
  * @hidden
  */
-
 export var isPresent = function isPresent(value) {
   return value !== null && value !== undefined;
 };
 /**
  * @hidden
  */
-
 export var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
   if (firstArray.length !== secondArray.length) {
     return false;
   }
-
   return firstArray.every(function (ex, i) {
     return ex === secondArray[i];
   });