@progress/kendo-vue-layout 3.6.4 → 3.6.5-dev.202210181442

package/dist/esm/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.js';
 /**
  * @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/esm/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.js';
 /**
  * @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/esm/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];
   });

package/dist/esm/splitter/Splitter.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;
@@ -27,7 +23,6 @@ import { packageMetadata } from '../package-metadata.js';
 /**
  * @hidden
  */
-
 var PANE_DEFAULTS = {
   collapsible: false,
   collapsed: false,
@@ -37,12 +32,10 @@ var PANE_DEFAULTS = {
 /**
  * @hidden
  */
-
 var DOUBLE_CLICK_WAIT_TIME = 150;
 /**
  * @hidden
  */
-
 var SplitterVue2 = {
   name: 'KendoSplitter',
   props: {
@@ -70,8 +63,10 @@ var SplitterVue2 = {
     }
   },
   created: function created() {
-    validatePackage(packageMetadata); // this.panesDuringOnChange?: SplitterPaneProps[];
+    validatePackage(packageMetadata);
+    // this.panesDuringOnChange?: SplitterPaneProps[];
   },
+
   data: function data() {
     return {
       isDragging: false,
@@ -97,14 +92,12 @@ var SplitterVue2 = {
     var panesOptions = this.panesOptions();
     var className = classNames('k-widget', 'k-splitter', 'k-splitter-flex', "k-splitter-".concat(this.orientation));
     this.validatePanes(panesOptions);
-
     var mapSplitterPanes = function mapSplitterPanes(panes) {
       return panes.map(function (pane, index) {
         var content = templateRendering.call(this, pane.content, getListeners.call(this));
         var splitterBar;
         var paneKey = index * 2;
         var barKey = paneKey + 1;
-
         if (index + 1 < panes.length) {
           var next = panes[index + 1];
           splitterBar = h(SplitterBar, {
@@ -129,7 +122,6 @@ var SplitterVue2 = {
             onKeyboardresize: this.onBarKeyboardResize
           });
         }
-
         var splitterPane = h(SplitterPane, {
           key: paneKey,
           containsSplitter: pane.containsSplitter,
@@ -158,7 +150,6 @@ var SplitterVue2 = {
         return [splitterPane, splitterBar];
       }, this);
     };
-
     return h("div", {
       "class": className
     }, [mapSplitterPanes.call(this, panesOptions)]);
@@ -168,7 +159,6 @@ var SplitterVue2 = {
       var withoutSize = panesOptions.filter(function (pane) {
         return pane.size === undefined;
       });
-
       if (!withoutSize.length) {
         throw new Error('The Splitter should have at least one pane without a set size.');
       }
@@ -176,27 +166,22 @@ var SplitterVue2 = {
     mapPaneOptions: function mapPaneOptions(panes) {
       var orientation = this.orientation;
       var paneOptions = [];
-
       for (var index = 0; index < panes.length; index++) {
         var overlay = false;
-
         if (this.isDragging && this.dragIndex !== undefined) {
           overlay = this.dragIndex === index || this.dragIndex + 1 === index;
         }
-
         paneOptions.push(__assign(__assign(__assign({}, PANE_DEFAULTS), {
           orientation: orientation,
           overlay: overlay
         }), panes[index]));
       }
-
       return paneOptions;
     },
     onBarToggle: function onBarToggle(index, event) {
       var panesOptions = this.panesOptions();
       var updatedState = panesOptions.map(function (pane, idx) {
         var paneProps = pane;
-
         if (idx === index) {
           return __assign(__assign({}, paneProps), {
             collapsed: !pane.collapsed
@@ -214,16 +199,13 @@ var SplitterVue2 = {
     onBarDragResize: function onBarDragResize(event, barElement, index, isFirst, isLast) {
       var time = new Date().getTime();
       var pageX = event.pageX,
-          pageY = event.pageY;
-
+        pageY = event.pageY;
       var _a = this.surroudingPanes(barElement),
-          prevElement = _a.prevElement,
-          nextElement = _a.nextElement;
-
+        prevElement = _a.prevElement,
+        nextElement = _a.nextElement;
       if (!prevElement || !nextElement) {
         return;
       }
-
       if (isFirst) {
         this.isDragging = true;
         this.dragIndex = index;
@@ -234,24 +216,19 @@ var SplitterVue2 = {
         this.originalNextSize = this.elementSize(nextElement);
         return;
       }
-
       var _b = this.$data,
-          originalPrevSize = _b.originalPrevSize,
-          originalNextSize = _b.originalNextSize,
-          startTime = _b.startTime,
-          originalX = _b.originalX,
-          originalY = _b.originalY;
-
+        originalPrevSize = _b.originalPrevSize,
+        originalNextSize = _b.originalNextSize,
+        startTime = _b.startTime,
+        originalX = _b.originalX,
+        originalY = _b.originalY;
       if (!isFirst && time - startTime < DOUBLE_CLICK_WAIT_TIME) {
         if (isLast) {
           this.resetDragState();
         }
-
         return;
       }
-
       var delta;
-
       if (this.orientation === 'vertical') {
         delta = pageY - originalY;
       } else if (this.isRtl) {
@@ -259,18 +236,15 @@ var SplitterVue2 = {
       } else {
         delta = pageX - originalX;
       }
-
       this.resize(index, index + 1, originalPrevSize, originalNextSize, delta, isLast, event);
-
       if (isLast) {
         this.resetDragState();
       }
     },
     onBarKeyboardResize: function onBarKeyboardResize(barElement, index, delta, event) {
       var _a = this.surroudingPanes(barElement),
-          prevElement = _a.prevElement,
-          nextElement = _a.nextElement;
-
+        prevElement = _a.prevElement,
+        nextElement = _a.nextElement;
       var originalPrevSize = this.elementSize(prevElement);
       var originalNextSize = this.elementSize(nextElement);
       this.resize(index, index + 1, originalPrevSize, originalNextSize, delta, true, event);
@@ -285,7 +259,6 @@ var SplitterVue2 = {
       if (!this.$el) {
         return 0;
       }
-
       return this.elementSize(this.$el, true);
     },
     isPercent: function isPercent(size) {
@@ -293,11 +266,9 @@ var SplitterVue2 = {
     },
     toPixels: function toPixels(size, splitterSize) {
       var result = parseInt(size, 10);
-
       if (this.isPercent(size)) {
         result = splitterSize * result / 100;
       }
-
       return result;
     },
     panesOptions: function panesOptions() {
@@ -314,7 +285,6 @@ var SplitterVue2 = {
     },
     elementSize: function elementSize(el, isContainer) {
       var sizeType = isContainer ? 'client' : 'offset';
-
       if (this.orientation === 'vertical') {
         return el["".concat(sizeType, "Height")];
       } else {
@@ -329,17 +299,14 @@ var SplitterVue2 = {
     },
     resize: function resize(prevIndex, nextIndex, originalPrevSize, originalNextSize, delta, isLast, event) {
       var _this = this;
-
       var panesOptions = this.panesOptions();
       var prevOptions = panesOptions[prevIndex];
       var nextOptions = panesOptions[nextIndex];
       var total = originalPrevSize + originalNextSize;
       var splitterSize = this.containerSize();
-
       var px = function px(s) {
         return _this.toPixels(s, splitterSize);
       };
-
       var prevDragState = {
         index: prevIndex,
         initialSize: originalPrevSize,
@@ -352,22 +319,17 @@ var SplitterVue2 = {
         min: px(nextOptions.min) || total - px(prevOptions.max) || 0,
         max: px(nextOptions.max) || total - px(prevOptions.min) || total
       };
-
       var resize = function resize(paneState, change) {
         var pane = panesOptions[paneState.index];
-
         var newSize = _this.clamp(paneState.min, paneState.max, paneState.initialSize + change);
-
         if (_this.isPercent(pane.size || '')) {
           return 100 * newSize / splitterSize + '%';
         } else {
           return newSize + 'px';
         }
       };
-
       var prevSize;
       var nextSize;
-
       if (this.fixedSize(prevOptions.size) && this.fixedSize(nextOptions.size)) {
         prevSize = resize(prevDragState, delta);
         nextSize = resize(nextDragState, -delta);
@@ -376,10 +338,8 @@ var SplitterVue2 = {
       } else {
         prevSize = resize(prevDragState, delta);
       }
-
       var updatedState = panesOptions.map(function (pane, idx) {
         var paneProps = pane;
-
         if (idx === prevIndex) {
           return __assign(__assign({}, paneProps), {
             size: prevSize
@@ -393,11 +353,9 @@ var SplitterVue2 = {
         }
       });
       this.panesDuringOnChange = updatedState;
-
       if (!this.isControlledState) {
         this.currentPanes = updatedState;
       }
-
       this.$emit('change', {
         newState: updatedState,
         isLast: isLast,
@@ -461,6 +419,5 @@ var SplitterVue2 = {
  * ### props <span class='code'>Readonly&lt;[SplitterProps]({% slug api_layout_splitterprops %})</span>
  * The props of the Splitter component.
  */
-
 var Splitter = SplitterVue2;
 export { Splitter, SplitterVue2 };