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

package/dist/npm/panelbar/PanelBar.js

@@ -4,18 +4,14 @@ var __assign = undefined && undefined.__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 = undefined && undefined.__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)) {
@@ -25,34 +21,24 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PanelBarVue2 = exports.PanelBar = void 0; // @ts-ignore
-
+exports.PanelBarVue2 = exports.PanelBar = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var PanelBarItem_1 = require("./PanelBarItem");
-
 var util_1 = require("./util");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_vue_common_2 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("../package-metadata");
-
 var NavigationAction_1 = require("./interfaces/NavigationAction");
 /**
  * @hidden
  */
-
-
 var PanelBarVue2 = {
   name: 'KendoPanelBar',
   // @ts-ignore
@@ -89,17 +75,15 @@ var PanelBarVue2 = {
   },
   data: function data() {
     var initialState = (0, util_1.getInitialState)(this.$props, this.expandMode);
-
     if (!initialState.currentFocused) {
       initialState.currentFocused = (0, util_1.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() {
@@ -112,7 +96,6 @@ var PanelBarVue2 = {
       }, this.$data), {
         selected: this.selectedItem
       });
-
       var renderState = {
         animation: this.$props.animation,
         keepItemsMounted: this.$props.keepItemsMounted,
@@ -176,7 +159,6 @@ var PanelBarVue2 = {
     },
     onSelect: function onSelect(event) {
       var _this = this;
-
       var flattenChildren = (0, util_1.flatChildren)(this.computedItems);
       var selectedChild;
       var newExpanded;
@@ -185,12 +167,10 @@ var PanelBarVue2 = {
           selectedChild = child;
         }
       });
-
       if (selectedChild) {
         switch (this.expandMode) {
           case 'single':
             newExpanded = __spreadArray(__spreadArray([], selectedChild.parentUniquePrivateKey, true), [selectedChild.uniquePrivateKey], false);
-
             if ((0, util_1.isArrayEqual)(this.expandedItems, newExpanded)) {
               if (selectedChild.parentUniquePrivateKey) {
                 newExpanded = __spreadArray([], selectedChild.parentUniquePrivateKey, true);
@@ -198,20 +178,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', {
@@ -222,11 +198,9 @@ var PanelBarVue2 = {
     },
     onFocus: function onFocus(event, step) {
       var _this = this;
-
       if (step === void 0) {
         step = 0;
       }
-
       var flattenChildren = (0, util_1.flatVisibleChildren)(this.computedItems);
       var focusedChild;
       flattenChildren.forEach(function (child, ixd) {
@@ -235,7 +209,6 @@ var PanelBarVue2 = {
           focusedChild = flattenChildren[index];
         }
       });
-
       if (focusedChild) {
         this.activeDescendant = focusedChild.id;
         this.currentFocused = focusedChild.uniquePrivateKey;
@@ -243,22 +216,18 @@ var PanelBarVue2 = {
     },
     onNavigate: function onNavigate(event, action) {
       var step;
-
       switch (action) {
         case NavigationAction_1.NavigationAction.Previous:
           step = -1;
           this.onFocus(event, step);
           break;
-
         case NavigationAction_1.NavigationAction.Next:
           step = 1;
           this.onFocus(event, step);
           break;
-
         case NavigationAction_1.NavigationAction.Toggle:
           this.onSelect(event);
           break;
-
         default:
       }
     },
@@ -269,55 +238,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 kendo_vue_common_1.Keys.left:
             action = !rtl ? NavigationAction_1.NavigationAction.Previous : NavigationAction_1.NavigationAction.Next;
             break;
-
           case kendo_vue_common_1.Keys.up:
             action = NavigationAction_1.NavigationAction.Previous;
             break;
-
           case kendo_vue_common_1.Keys.right:
             action = !rtl ? NavigationAction_1.NavigationAction.Next : NavigationAction_1.NavigationAction.Previous;
             break;
-
           case kendo_vue_common_1.Keys.down:
             action = NavigationAction_1.NavigationAction.Next;
             break;
-
           case kendo_vue_common_1.Keys.space:
           case kendo_vue_common_1.Keys.enter:
             action = NavigationAction_1.NavigationAction.Toggle;
             break;
-
           default:
             action = null;
             break;
         }
-
         if (action !== null) {
           event.preventDefault();
           this.onNavigate(event, action);
         }
       }
-
       this.$emit('keydown', event);
     }
   }
@@ -328,6 +289,5 @@ exports.PanelBarVue2 = PanelBarVue2;
  * ### props <span class='code'>[PanelBarProps]({% slug api_layout_panelbarprops %})</span>
  * The props of the PanelBar component.
  */
-
 var PanelBar = PanelBarVue2;
 exports.PanelBar = PanelBar;

package/dist/npm/panelbar/PanelBarGroup.js

@@ -4,39 +4,29 @@ var __assign = undefined && undefined.__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);
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PanelBarGroupVue2 = exports.PanelBarGroup = void 0; // @ts-ignore
-
+exports.PanelBarGroupVue2 = exports.PanelBarGroup = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_animation_1 = require("@progress/kendo-vue-animation");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var PanelBarItem_1 = require("./PanelBarItem");
 /**
  * @hidden
  */
-
-
 var PanelBarGroupVue2 = {
   name: 'KendoPanelBarGroup',
   props: {
@@ -65,13 +55,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'
     };
@@ -104,7 +94,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(kendo_vue_animation_1.Reveal, {
       appear: opened,
       attrs: this.v3 ? undefined : {
@@ -146,6 +137,5 @@ exports.PanelBarGroupVue2 = PanelBarGroupVue2;
 /**
  * @hidden
  */
-
 var PanelBarGroup = PanelBarGroupVue2;
 exports.PanelBarGroup = PanelBarGroup;

package/dist/npm/panelbar/PanelBarItem.js

@@ -4,37 +4,28 @@ var __assign = undefined && undefined.__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);
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PanelBarItemVue2 = exports.PanelBarItem = void 0; // @ts-ignore
-
+exports.PanelBarItemVue2 = exports.PanelBarItem = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var PanelBarGroup_1 = require("./PanelBarGroup");
 /**
  * @hidden
  */
-
-
 var PanelBarItemVue2 = {
   name: 'KendoPanelBarItem',
   props: {
@@ -79,25 +70,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 = (0, kendo_vue_common_1.classNames)('k-panelbar-item', {
       'k-panelbar-header': level === 0,
@@ -110,7 +100,6 @@ var PanelBarItemVue2 = {
       'k-focus': focused
     }, headerClassName);
     var panelBarItemArrowClassName = (0, kendo_vue_common_1.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", {
@@ -140,10 +129,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
@@ -203,9 +190,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,
@@ -223,6 +209,5 @@ exports.PanelBarItemVue2 = PanelBarItemVue2;
 /**
  * @hidden
  */
-
 var PanelBarItem = PanelBarItemVue2;
 exports.PanelBarItem = PanelBarItem;

package/dist/npm/panelbar/util.js

@@ -4,18 +4,14 @@ var __assign = undefined && undefined.__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 = undefined && undefined.__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)) {
@@ -25,38 +21,33 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isArrayEqual = exports.isPresent = exports.flatVisibleChildren = exports.flatChildren = exports.flatVisibleItems = exports.getInitialState = exports.getFirstId = exports.renderChildren = void 0;
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 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 = kendo_vue_common_1.templateRendering.call(this, child.content, kendo_vue_common_1.getListeners.call(this));
     var header = kendo_vue_common_1.templateRendering.call(this, child.header, kendo_vue_common_1.getListeners.call(this));
-
     if (child.items) {
       var renderState = {
         animation: animation,
@@ -70,7 +61,6 @@ var renderChildren = function renderChildren(items, _a) {
       };
       nestedChildren = exports.renderChildren.call(this, child.items, renderState);
     }
-
     return __assign(__assign({}, child), {
       animation: child.animation !== undefined ? child.animation : animation,
       keepItemsMounted: keepItemsMounted,
@@ -88,27 +78,21 @@ var renderChildren = function renderChildren(items, _a) {
     });
   }, this);
 };
-
 exports.renderChildren = renderChildren;
 /**
  * @hidden
  */
-
 var getFirstId = function getFirstId(props) {
   var firstItem = props.items[0];
-
   if (firstItem) {
     return getId(firstItem, [], 0);
   }
-
   return '';
 };
-
 exports.getFirstId = getFirstId;
 /**
  * @hidden
  */
-
 var getInitialState = function getInitialState(props, expandMode, result, parentExpanded, parentPrivateKey) {
   if (result === void 0) {
     result = {
@@ -118,27 +102,21 @@ var getInitialState = function getInitialState(props, expandMode, result, parent
       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);
@@ -146,7 +124,6 @@ var getInitialState = function getInitialState(props, expandMode, result, parent
           result.currentExpanded = [privateKey];
         }
       }
-
       if (item.items) {
         result = (0, exports.getInitialState)(item, expandMode, result, !!item.expanded, __spreadArray(__spreadArray([], parentPrivateKey, true), [privateKey], false));
       }
@@ -154,29 +131,23 @@ var getInitialState = function getInitialState(props, expandMode, result, parent
   });
   return result;
 };
-
 exports.getInitialState = getInitialState;
 /**
  * @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
  */
-
-
 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);
       }
@@ -184,21 +155,17 @@ function flatVisibleItems(data, flattedItems) {
   });
   return flattedItems;
 }
-
 exports.flatVisibleItems = flatVisibleItems;
 /**
  * @hidden
  */
-
 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);
       }
@@ -206,21 +173,17 @@ function flatChildren(children, flattenChildren) {
   });
   return flattenChildren;
 }
-
 exports.flatChildren = flatChildren;
 /**
  * @hidden
  */
-
 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);
       }
@@ -228,29 +191,23 @@ function flatVisibleChildren(children, flattenVisibleChildren) {
   });
   return flattenVisibleChildren;
 }
-
 exports.flatVisibleChildren = flatVisibleChildren;
 /**
  * @hidden
  */
-
 var isPresent = function isPresent(value) {
   return value !== null && value !== undefined;
 };
-
 exports.isPresent = isPresent;
 /**
  * @hidden
  */
-
 var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
   if (firstArray.length !== secondArray.length) {
     return false;
   }
-
   return firstArray.every(function (ex, i) {
     return ex === secondArray[i];
   });
 };
-
 exports.isArrayEqual = isArrayEqual;