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

package/dist/npm/splitter/Splitter.js

@@ -4,43 +4,31 @@ 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.SplitterVue2 = exports.Splitter = void 0; // @ts-ignore
-
+exports.SplitterVue2 = exports.Splitter = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var SplitterPane_1 = require("./SplitterPane");
-
 var SplitterBar_1 = require("./SplitterBar");
-
 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");
 /**
  * @hidden
  */
-
-
 var PANE_DEFAULTS = {
   collapsible: false,
   collapsed: false,
@@ -50,12 +38,10 @@ var PANE_DEFAULTS = {
 /**
  * @hidden
  */
-
 var DOUBLE_CLICK_WAIT_TIME = 150;
 /**
  * @hidden
  */
-
 var SplitterVue2 = {
   name: 'KendoSplitter',
   props: {
@@ -83,8 +69,10 @@ var SplitterVue2 = {
     }
   },
   created: function created() {
-    (0, kendo_vue_common_2.validatePackage)(package_metadata_1.packageMetadata); // this.panesDuringOnChange?: SplitterPaneProps[];
+    (0, kendo_vue_common_2.validatePackage)(package_metadata_1.packageMetadata);
+    // this.panesDuringOnChange?: SplitterPaneProps[];
   },
+
   data: function data() {
     return {
       isDragging: false,
@@ -110,14 +98,12 @@ var SplitterVue2 = {
     var panesOptions = this.panesOptions();
     var className = (0, kendo_vue_common_1.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 = kendo_vue_common_1.templateRendering.call(this, pane.content, kendo_vue_common_1.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_1.SplitterBar, {
@@ -142,7 +128,6 @@ var SplitterVue2 = {
             onKeyboardresize: this.onBarKeyboardResize
           });
         }
-
         var splitterPane = h(SplitterPane_1.SplitterPane, {
           key: paneKey,
           containsSplitter: pane.containsSplitter,
@@ -171,7 +156,6 @@ var SplitterVue2 = {
         return [splitterPane, splitterBar];
       }, this);
     };
-
     return h("div", {
       "class": className
     }, [mapSplitterPanes.call(this, panesOptions)]);
@@ -181,7 +165,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.');
       }
@@ -189,27 +172,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
@@ -227,16 +205,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;
@@ -247,24 +222,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) {
@@ -272,18 +242,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);
@@ -298,7 +265,6 @@ var SplitterVue2 = {
       if (!this.$el) {
         return 0;
       }
-
       return this.elementSize(this.$el, true);
     },
     isPercent: function isPercent(size) {
@@ -306,11 +272,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() {
@@ -327,7 +291,6 @@ var SplitterVue2 = {
     },
     elementSize: function elementSize(el, isContainer) {
       var sizeType = isContainer ? 'client' : 'offset';
-
       if (this.orientation === 'vertical') {
         return el["".concat(sizeType, "Height")];
       } else {
@@ -342,17 +305,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,
@@ -365,22 +325,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);
@@ -389,10 +344,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
@@ -406,11 +359,9 @@ var SplitterVue2 = {
         }
       });
       this.panesDuringOnChange = updatedState;
-
       if (!this.isControlledState) {
         this.currentPanes = updatedState;
       }
-
       this.$emit('change', {
         newState: updatedState,
         isLast: isLast,
@@ -475,6 +426,5 @@ exports.SplitterVue2 = SplitterVue2;
  * ### props <span class='code'>Readonly&lt;[SplitterProps]({% slug api_layout_splitterprops %})</span>
  * The props of the Splitter component.
  */
-
 var Splitter = SplitterVue2;
 exports.Splitter = Splitter;

package/dist/npm/splitter/SplitterBar.js

@@ -3,20 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SplitterBarVue2 = exports.SplitterBar = void 0; // @ts-ignore
-
+exports.SplitterBarVue2 = exports.SplitterBar = 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");
 /**
  * @hidden
  */
-
-
 var SplitterBarVue2 = {
   name: 'KendoSplitterBar',
   // @ts-ignore
@@ -43,16 +39,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;
@@ -81,11 +77,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;
@@ -93,7 +86,8 @@ var SplitterBarVue2 = {
     var barClasses = (0, kendo_vue_common_1.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(kendo_vue_common_1.Draggable, {
         onPress: function onPress(event) {
           return _this.onDrag(event, true, false);
@@ -204,11 +198,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);
       }
@@ -221,50 +213,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 === kendo_vue_common_1.Keys.enter) {
         event.preventDefault();
         this.onToggle(event);
@@ -282,7 +266,6 @@ var SplitterBarVue2 = {
     },
     previousArrowClass: function previousArrowClass(isHorizontal) {
       var _a;
-
       var prev = this.$props.prev;
       var isCollapsible = prev.collapsible;
       var isCollapsed = prev.collapsed;
@@ -290,7 +273,6 @@ var SplitterBarVue2 = {
     },
     nextArrowClass: function nextArrowClass(isHorizontal) {
       var _a;
-
       var next = this.$props.next;
       var isCollapsible = next.collapsible;
       var isCollapsed = next.collapsed;
@@ -302,6 +284,5 @@ exports.SplitterBarVue2 = SplitterBarVue2;
 /**
  * @hidden
  */
-
 var SplitterBar = SplitterBarVue2;
 exports.SplitterBar = SplitterBar;

package/dist/npm/splitter/SplitterPane.js

@@ -3,20 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SplitterPaneVue2 = exports.SplitterPane = void 0; // @ts-ignore
-
+exports.SplitterPaneVue2 = exports.SplitterPane = 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");
 /**
  * @hidden
  */
-
-
 var SplitterPaneVue2 = {
   name: 'KendoSplitterPane',
   props: {
@@ -51,17 +47,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
@@ -84,6 +79,5 @@ exports.SplitterPaneVue2 = SplitterPaneVue2;
 /**
  * @hidden
  */
-
 var SplitterPane = SplitterPaneVue2;
 exports.SplitterPane = SplitterPane;

package/dist/npm/stepper/Step.js

@@ -3,27 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StepVue2 = exports.Step = void 0; // @ts-ignore
-
+exports.StepVue2 = exports.Step = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var inject = allVue.inject;
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var contants_1 = require("./contants");
-
 var main_1 = require("./messages/main");
 /**
  * @hidden
  */
-
-
 var StepVue2 = {
   name: 'KendoStep',
   props: {
@@ -58,12 +51,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,
@@ -89,7 +82,6 @@ var StepVue2 = {
   watch: {
     focused: function focused(newValue) {
       this.aElement = this.$refs.aElement;
-
       if (this.aElement && newValue) {
         this.aElement.focus();
       }
@@ -109,31 +101,29 @@ var StepVue2 = {
     var h = gh || createElement;
     var defaultSlots = (0, kendo_vue_common_1.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 = (0, kendo_vue_intl_1.provideLocalizationService)(this);
-
     var localizeMessage = function localizeMessage(message) {
       return localizationService.toLanguageString(message, main_1.messages[message]);
     };
-
     var optionalMessage = localizeMessage(main_1.optionalText);
     var progressAnimation = typeof animationDuration === 'number' ? animationDuration : animationDuration !== false ? contants_1.DEFAULT_ANIMATION_DURATION : contants_1.NO_ANIMATION;
     var validationIconClasses = isValid ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check-circle' : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-exclamation-circle';
@@ -144,7 +134,6 @@ var StepVue2 = {
         "aria-hidden": "true"
       }
     });
-
     var stepIndicator = function stepIndicator() {
       return mode !== 'labels' ? h("span", {
         "class": "k-step-indicator",
@@ -161,7 +150,6 @@ var StepVue2 = {
         "class": "k-step-indicator-text"
       }, [text ? text : index + 1])]) : null;
     };
-
     var stepLabel = function stepLabel() {
       return h("span", {
         "class": "k-step-label"
@@ -171,7 +159,6 @@ var StepVue2 = {
         "class": "k-step-label-optional"
       }, [optionalMessage])]);
     };
-
     return h("li", {
       "class": this.itemClassNames,
       style: this.itemStyles
@@ -235,6 +222,5 @@ exports.StepVue2 = StepVue2;
  * </Step>
  * ```
  */
-
 var Step = StepVue2;
 exports.Step = Step;