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

package/dist/esm/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/esm/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/esm/stepper/Step.js

@@ -11,7 +11,6 @@ import { messages, optionalText } from './messages/main.js';
 /**
  * @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 };

package/dist/esm/stepper/Stepper.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;
@@ -28,7 +24,6 @@ import { packageMetadata } from '../package-metadata.js';
 /**
  * @hidden
  */
-
 var StepperVue2 = {
   name: 'KendoStepper',
   model: {
@@ -149,15 +144,16 @@ var StepperVue2 = {
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var _a = this.$props,
-        animationDuration = _a.animationDuration,
-        disabled = _a.disabled,
-        items = _a.items,
-        orientation = _a.orientation;
+      animationDuration = _a.animationDuration,
+      disabled = _a.disabled,
+      items = _a.items,
+      orientation = _a.orientation;
     var value = this.computedValue;
     var animation = typeof animationDuration === 'number' ? animationDuration : animationDuration !== false ? DEFAULT_ANIMATION_DURATION : NO_ANIMATION;
     var steps = items && items.map(function (element, index) {
       var step = this.$props.item ? templateRendering.call(this, this.$props.item, getListeners.call(this)) : undefined;
-      var stepDefaultRendering = // @ts-ignore
+      var stepDefaultRendering =
+      // @ts-ignore
       h(Step, {
         key: index,
         index: index,
@@ -246,7 +242,8 @@ var StepperVue2 = {
     }, [h("ol", {
       "class": this.listClasses,
       style: this.listStyles
-    }, [steps ? steps : defaultSlot]), // @ts-ignore
+    }, [steps ? steps : defaultSlot]),
+    // @ts-ignore
     h(ProgressBar, {
       style: this.progressbarStyles,
       animation: {
@@ -286,7 +283,6 @@ var StepperVue2 = {
       var currIdx = val === this.computedValue;
       var nextIdx = val === this.computedValue + 1;
       var allowClick = !this.linear || prevIdx || currIdx || nextIdx;
-
       if (this.computedValue !== val && !this.disabled && allowClick) {
         this.focusedIdx = val;
         this.$emit('changemodel', val);
@@ -325,80 +321,58 @@ var StepperVue2 = {
       var isCurrentRtl = this.currentDir === 'rtl';
       var currIndex = this.focusedIdx;
       var maxNavIndex = this.items.length - 1;
-
       switch (event.keyCode) {
         case Keys.left:
           event.preventDefault();
-
           if (!isCurrentRtl && currIndex > 0) {
             this.focusedIdx = currIndex - 1;
           }
-
           if (isCurrentRtl && currIndex < maxNavIndex) {
             this.focusedIdx = currIndex + 1;
           }
-
           break;
-
         case Keys.right:
           event.preventDefault();
-
           if (!isCurrentRtl && currIndex < maxNavIndex) {
             this.focusedIdx = currIndex + 1;
           }
-
           if (isCurrentRtl && currIndex > 0) {
             this.focusedIdx = currIndex - 1;
           }
-
           break;
-
         case Keys.up:
           event.preventDefault();
-
           if (!isCurrentRtl && currIndex > 0) {
             this.focusedIdx = currIndex - 1;
           }
-
           if (isCurrentRtl && currIndex > 0) {
             this.focusedIdx = currIndex - 1;
           }
-
           break;
-
         case Keys.down:
           event.preventDefault();
-
           if (!isCurrentRtl && currIndex < maxNavIndex) {
             this.focusedIdx = currIndex + 1;
           }
-
           if (isCurrentRtl && currIndex < maxNavIndex) {
             this.focusedIdx = currIndex + 1;
           }
-
           break;
-
         case Keys.home:
           event.preventDefault();
           this.focusedIdx = 0;
           break;
-
         case Keys.end:
           event.preventDefault();
           this.focusedIdx = maxNavIndex;
           break;
-
         case Keys.space:
         case Keys.enter:
           event.preventDefault();
-
           if (!this.items[currIndex].disabled) {
             this.handleEnter(event);
           }
-
           break;
-
         default:
       }
     }
@@ -458,6 +432,5 @@ var StepperVue2 = {
  * ```
  *
  */
-
 var Stepper = StepperVue2;
 export { Stepper, StepperVue2 };

package/dist/esm/tabstrip/TabStrip.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;
@@ -28,7 +24,6 @@ import { packageMetadata } from '../package-metadata.js';
 /**
  * @hidden
  */
-
 var TabStripVue2 = {
   name: 'KendoTabStrip',
   // @ts-ignore
@@ -80,9 +75,7 @@ var TabStripVue2 = {
   },
   created: function created() {
     var _a;
-
     var _this = this;
-
     this.keyBinding = (_a = {}, _a[Keys.left] = function () {
       return _this.prevNavigatableTab();
     }, _a[Keys.right] = function () {
@@ -113,7 +106,6 @@ var TabStripVue2 = {
       var indexToUpdate = this.compTabs.findIndex(function (e) {
         return e.id === currentId;
       });
-
       if (this.v3) {
         this.compTabs[indexToUpdate].titleRender = titleTemplate;
       } else {
@@ -140,36 +132,28 @@ var TabStripVue2 = {
     },
     onKeyDown: function onKeyDown(event) {
       var handler;
-
       switch (event.keyCode) {
         case Keys.left:
           handler = this.keyBinding[this.invertKeys(Keys.left, Keys.right)];
           break;
-
         case Keys.right:
           handler = this.keyBinding[this.invertKeys(Keys.right, Keys.left)];
           break;
-
         case Keys.up:
           handler = this.keyBinding[Keys.up];
           break;
-
         case Keys.down:
           handler = this.keyBinding[Keys.down];
           break;
-
         case Keys.home:
           handler = this.keyBinding[Keys.home];
           break;
-
         case Keys.end:
           handler = this.keyBinding[Keys.end];
           break;
-
         default:
           break;
       }
-
       if (handler) {
         event.preventDefault();
         this.onSelect(handler());
@@ -181,7 +165,6 @@ var TabStripVue2 = {
     },
     firstNavigatableTab: function firstNavigatableTab() {
       var length = this.compTabs.length;
-
       if (length) {
         for (var i = 0; i < length; i++) {
           if (!this.compTabs[i].disabled) {
@@ -192,7 +175,6 @@ var TabStripVue2 = {
     },
     lastNavigatableTab: function lastNavigatableTab() {
       var length = this.compTabs.length;
-
       if (length) {
         for (var i = length - 1; i > 0; i--) {
           if (!this.compTabs[i].disabled) {
@@ -205,17 +187,14 @@ var TabStripVue2 = {
       var length = this.compTabs.length;
       var selected = this.$props.selected;
       var index = selected ? selected - 1 : -1;
-
       if (index < 0) {
         return this.lastNavigatableTab();
       }
-
       if (length) {
         for (var i = index; i > -1; i--) {
           if (!this.compTabs[i].disabled) {
             return i;
           }
-
           if (i === 0) {
             return this.lastNavigatableTab();
           }
@@ -226,17 +205,14 @@ var TabStripVue2 = {
       var length = this.compTabs.length;
       var selected = this.$props.selected;
       var index = selected ? selected + 1 : 1;
-
       if (index >= length) {
         return this.firstNavigatableTab();
       }
-
       if (length) {
         for (var i = index; i < length; i++) {
           if (!this.compTabs[i].disabled) {
             return i;
           }
-
           if (i + 1 === length) {
             return this.firstNavigatableTab();
           }
@@ -253,18 +229,16 @@ var TabStripVue2 = {
   },
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     var _b = this.$props,
-        tabPosition = _b.tabPosition,
-        _c = _b.tabIndex,
-        tabIndex = _c === void 0 ? 0 : _c;
+      tabPosition = _b.tabPosition,
+      _c = _b.tabIndex,
+      tabIndex = _c === void 0 ? 0 : _c;
     var bottom = tabPosition === 'bottom';
     var componentClasses = classNames('k-widget', 'k-tabstrip', (_a = {}, _a['k-tabstrip-left'] = tabPosition === 'left', _a['k-tabstrip-right'] = tabPosition === 'right', _a['k-tabstrip-bottom'] = tabPosition === 'bottom', _a['k-tabstrip-top'] = tabPosition === 'top', _a));
-
     var renderContent = function renderContent(currentTabProps) {
       var selected = currentTabProps.selected,
-          tabContentStyle = currentTabProps.tabContentStyle;
+        tabContentStyle = currentTabProps.tabContentStyle;
       var defaultSlots = getDefaultSlots(this);
       var tabContentProps = {
         index: selected,
@@ -281,14 +255,14 @@ var TabStripVue2 = {
         return defaultSlots;
       } : [defaultSlots]);
     };
-
     return h("div", {
       dir: this.$props.dir,
       attrs: this.v3 ? undefined : {
         dir: this.$props.dir
       },
       "class": componentClasses
-    }, [!bottom && // @ts-ignore function children
+    }, [!bottom &&
+    // @ts-ignore function children
     h(TabStripNavigation, {
       tabs: this.compTabs,
       attrs: this.v3 ? undefined : {
@@ -306,7 +280,8 @@ var TabStripVue2 = {
       },
       onKeydown: this.onKeyDown,
       tabIndex: tabIndex
-    }), renderContent.call(this, this.$props), bottom && // @ts-ignore function children
+    }), renderContent.call(this, this.$props), bottom &&
+    // @ts-ignore function children
     h(TabStripNavigation, {
       tabs: this.compTabs,
       attrs: this.v3 ? undefined : {
@@ -330,6 +305,5 @@ var TabStripVue2 = {
 /**
  * @hidden
  */
-
 var TabStrip = TabStripVue2;
 export { TabStrip, TabStripVue2 };

package/dist/esm/tabstrip/TabStripContent.js

@@ -11,7 +11,6 @@ import { getTabs } from './utils.js';
 /**
  * @hidden
  */
-
 var TabStripContentVue2 = {
   name: 'KendoTabStripContent',
   props: {
@@ -51,10 +50,10 @@ var TabStripContentVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        tabs = _a.tabs,
-        selected = _a.selected,
-        showAll = _a.showAll,
-        hasTabs = _a.hasTabs;
+      tabs = _a.tabs,
+      selected = _a.selected,
+      showAll = _a.showAll,
+      hasTabs = _a.hasTabs;
     var selectedTab = tabs && typeof selected === 'number' && tabs[selected];
     var defaultSlots = getDefaultSlots(this);
     var innerTabs = hasTabs ? tabs : getTabs.call(this, [], defaultSlots || []);
@@ -64,7 +63,6 @@ var TabStripContentVue2 = {
     }, {
       'k-active': tabStyles
     }, selectedTab && selectedTab.contentClassName);
-
     var renderChild = function renderChild(tab, idx) {
       var visible = idx === this.$props.selected;
       var animationStyle = {
@@ -88,7 +86,8 @@ var TabStripContentVue2 = {
         id: String(this.contentId + idx),
         key: idx
       }, [content]);
-      return (hasTabs ? this.animation : true) ? // @ts-ignore function children
+      return (hasTabs ? this.animation : true) ?
+      // @ts-ignore function children
       h(Fade, {
         appear: this.v3 ? true : visible,
         attrs: this.v3 ? undefined : {
@@ -107,13 +106,11 @@ var TabStripContentVue2 = {
         "class": visible ? undefined : 'k-hidden'
       }, [tabPanel]);
     };
-
     var renderContent = function renderContent() {
       return innerTabs.map(function (tab, idx) {
         return renderChild.call(this, tab, idx);
       }, this);
     };
-
     return h("div", {
       "class": contentClasses,
       style: this.$props.style
@@ -123,6 +120,5 @@ var TabStripContentVue2 = {
 /**
  * @hidden
  */
-
 var TabStripContent = TabStripContentVue2;
 export { TabStripContent, TabStripContentVue2 };