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

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

package/dist/es/splitter/SplitterBar.js

@@ -7,7 +7,6 @@ import { classNames, Draggable, Keys } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var SplitterBarVue2 = {
   name: 'KendoSplitterBar',
   // @ts-ignore
@@ -34,16 +33,16 @@ var SplitterBarVue2 = {
   computed: {
     isStatic: function isStatic() {
       var _a = this.$props,
-          prev = _a.prev,
-          next = _a.next;
+        prev = _a.prev,
+        next = _a.next;
       var betweenResizablePanes = prev.resizable && next.resizable;
       var nearCollapsiblePane = prev.collapsible || next.collapsible;
       return !betweenResizablePanes && !nearCollapsiblePane;
     },
     isDraggable: function isDraggable() {
       var _a = this.$props,
-          prev = _a.prev,
-          next = _a.next;
+        prev = _a.prev,
+        next = _a.next;
       var betweenResizablePanes = prev.resizable && next.resizable;
       var nearCollapsedPane = prev.collapsed || next.collapsed;
       return !!betweenResizablePanes && !nearCollapsedPane;
@@ -72,11 +71,8 @@ var SplitterBarVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _this2 = this;
-
     var _a;
-
     var _this = this;
-
     var h = gh || createElement;
     var isDraggable = this.isDraggable;
     var isStatic = this.isStatic;
@@ -84,7 +80,8 @@ var SplitterBarVue2 = {
     var barClasses = classNames('k-splitbar', (_a = {}, _a['k-focus'] = this.focused, _a['k-splitbar-horizontal'] = isHorizontal, _a['k-splitbar-vertical'] = !isHorizontal, _a['k-splitbar-draggable-horizontal'] = isHorizontal && isDraggable, _a['k-splitbar-draggable-vertical'] = !isHorizontal && isDraggable, _a['k-splitbar-static-horizontal'] = isHorizontal && isStatic, _a['k-splitbar-static-vertical'] = !isHorizontal && isStatic, _a));
     var previousArrowClass = this.previousArrowClass(isHorizontal);
     var nextArrowClass = this.nextArrowClass(isHorizontal);
-    return (// @ts-ignore  function children
+    return (
+      // @ts-ignore  function children
       h(Draggable, {
         onPress: function onPress(event) {
           return _this.onDrag(event, true, false);
@@ -195,11 +192,9 @@ var SplitterBarVue2 = {
       var event = data;
       var index = this.$props.index;
       var element = this.draggable && this.draggable.element;
-
       if (!isLast && event) {
         event.originalEvent.preventDefault();
       }
-
       if (element && !this.isStatic && this.isDraggable) {
         this.$emit('drag', event, element, index, isFirst, isLast);
       }
@@ -212,50 +207,42 @@ var SplitterBarVue2 = {
     },
     onToggle: function onToggle(event) {
       var _a = this.$props,
-          index = _a.index,
-          prev = _a.prev,
-          next = _a.next;
-
+        index = _a.index,
+        prev = _a.prev,
+        next = _a.next;
       if (prev.collapsible || next.collapsible) {
         this.$emit('toggle', prev.collapsible ? index : index + 1, event);
       }
     },
     onPrevToggle: function onPrevToggle(event) {
       var _a = this.$props,
-          index = _a.index,
-          prev = _a.prev;
-
+        index = _a.index,
+        prev = _a.prev;
       if (prev.collapsible) {
         this.$emit('toggle', index, event);
       }
     },
     onNextToggle: function onNextToggle(event) {
       var _a = this.$props,
-          index = _a.index,
-          next = _a.next;
-
+        index = _a.index,
+        next = _a.next;
       if (next.collapsible) {
         this.$emit('toggle', index + 1, event);
       }
     },
     onKeyDown: function onKeyDown(event) {
       var _this = this;
-
       var keyCode = event && event.keyCode;
       var isHorizontal = this.isHorizontal;
       var index = this.$props.index;
       var element = this.draggable && this.draggable.element;
-
       var onKeyboardResize = function onKeyboardResize(el, idx, offset) {
         event.preventDefault();
-
         _this.$emit('keyboardresize', el, idx, offset, event);
       };
-
       if (!element) {
         return;
       }
-
       if (keyCode === Keys.enter) {
         event.preventDefault();
         this.onToggle(event);
@@ -273,7 +260,6 @@ var SplitterBarVue2 = {
     },
     previousArrowClass: function previousArrowClass(isHorizontal) {
       var _a;
-
       var prev = this.$props.prev;
       var isCollapsible = prev.collapsible;
       var isCollapsed = prev.collapsed;
@@ -281,7 +267,6 @@ var SplitterBarVue2 = {
     },
     nextArrowClass: function nextArrowClass(isHorizontal) {
       var _a;
-
       var next = this.$props.next;
       var isCollapsible = next.collapsible;
       var isCollapsed = next.collapsed;
@@ -292,6 +277,5 @@ var SplitterBarVue2 = {
 /**
  * @hidden
  */
-
 var SplitterBar = SplitterBarVue2;
 export { SplitterBar, SplitterBarVue2 };

package/dist/es/splitter/SplitterPane.js

@@ -7,7 +7,6 @@ import { classNames, getTemplate } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var SplitterPaneVue2 = {
   name: 'KendoSplitterPane',
   props: {
@@ -42,17 +41,16 @@ var SplitterPaneVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     var _b = this.$props,
-        size = _b.size,
-        collapsed = _b.collapsed,
-        overlay = _b.overlay,
-        containsSplitter = _b.containsSplitter,
-        collapsible = _b.collapsible,
-        resizable = _b.resizable,
-        scrollable = _b.scrollable,
-        keepMounted = _b.keepMounted;
+      size = _b.size,
+      collapsed = _b.collapsed,
+      overlay = _b.overlay,
+      containsSplitter = _b.containsSplitter,
+      collapsible = _b.collapsible,
+      resizable = _b.resizable,
+      scrollable = _b.scrollable,
+      keepMounted = _b.keepMounted;
     var fixedSize = size && size.length > 0;
     var style = {
       flexBasis: size
@@ -74,6 +72,5 @@ var SplitterPaneVue2 = {
 /**
  * @hidden
  */
-
 var SplitterPane = SplitterPaneVue2;
 export { SplitterPane, SplitterPaneVue2 };

package/dist/es/stepper/Step.js

@@ -11,7 +11,6 @@ import { messages, optionalText } from './messages/main';
 /**
  * @hidden
  */
-
 var StepVue2 = {
   name: 'KendoStep',
   props: {
@@ -46,12 +45,12 @@ var StepVue2 = {
   computed: {
     itemClassNames: function itemClassNames() {
       var _a = this.$props,
-          current = _a.current,
-          disabled = _a.disabled,
-          focused = _a.focused,
-          index = _a.index,
-          isValid = _a.isValid,
-          optional = _a.optional;
+        current = _a.current,
+        disabled = _a.disabled,
+        focused = _a.focused,
+        index = _a.index,
+        isValid = _a.isValid,
+        optional = _a.optional;
       return {
         'k-step': true,
         'k-step-first': index === 0,
@@ -77,7 +76,6 @@ var StepVue2 = {
   watch: {
     focused: function focused(newValue) {
       this.aElement = this.$refs.aElement;
-
       if (this.aElement && newValue) {
         this.aElement.focus();
       }
@@ -97,31 +95,29 @@ var StepVue2 = {
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
     var _a = this.$props,
-        current = _a.current,
-        disabled = _a.disabled,
-        focused = _a.focused,
-        icon = _a.icon,
-        index = _a.index,
-        isValid = _a.isValid,
-        label = _a.label,
-        optional = _a.optional,
-        tabIndex = _a.tabIndex,
-        text = _a.text,
-        animationDuration = _a.animationDuration,
-        item = _a.item,
-        linear = _a.linear,
-        mode = _a.mode,
-        value = _a.value,
-        successIcon = _a.successIcon,
-        errorIcon = _a.errorIcon;
+      current = _a.current,
+      disabled = _a.disabled,
+      focused = _a.focused,
+      icon = _a.icon,
+      index = _a.index,
+      isValid = _a.isValid,
+      label = _a.label,
+      optional = _a.optional,
+      tabIndex = _a.tabIndex,
+      text = _a.text,
+      animationDuration = _a.animationDuration,
+      item = _a.item,
+      linear = _a.linear,
+      mode = _a.mode,
+      value = _a.value,
+      successIcon = _a.successIcon,
+      errorIcon = _a.errorIcon;
     var allowClick = !linear || index === value - 1 || index === value || index === value + 1;
     var isInLabel = mode === 'labels' || Boolean(icon) && Boolean(label);
     var localizationService = provideLocalizationService(this);
-
     var localizeMessage = function localizeMessage(message) {
       return localizationService.toLanguageString(message, messages[message]);
     };
-
     var optionalMessage = localizeMessage(optionalText);
     var progressAnimation = typeof animationDuration === 'number' ? animationDuration : animationDuration !== false ? DEFAULT_ANIMATION_DURATION : NO_ANIMATION;
     var validationIconClasses = isValid ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check-circle' : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-exclamation-circle';
@@ -132,7 +128,6 @@ var StepVue2 = {
         "aria-hidden": "true"
       }
     });
-
     var stepIndicator = function stepIndicator() {
       return mode !== 'labels' ? h("span", {
         "class": "k-step-indicator",
@@ -149,7 +144,6 @@ var StepVue2 = {
         "class": "k-step-indicator-text"
       }, [text ? text : index + 1])]) : null;
     };
-
     var stepLabel = function stepLabel() {
       return h("span", {
         "class": "k-step-label"
@@ -159,7 +153,6 @@ var StepVue2 = {
         "class": "k-step-label-optional"
       }, [optionalMessage])]);
     };
-
     return h("li", {
       "class": this.itemClassNames,
       style: this.itemStyles
@@ -222,6 +215,5 @@ var StepVue2 = {
  * </Step>
  * ```
  */
-
 var Step = StepVue2;
 export { Step, StepVue2 };