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

package/dist/esm/navigation/TableKeyboardNavigation.js

@@ -6,9 +6,8 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
     }
   }
   return to.concat(ar || Array.prototype.slice.call(from));
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -21,7 +20,6 @@ import { findId, findNextIdByCellIndex, findNextIdByRowIndex, getBodyElement, ge
 /**
  * @hidden
  */
-
 var TableKeyboardNavigationProviderVue2 = {
   name: 'KendoTableKeyboardNavigationProvider',
   props: {
@@ -45,9 +43,9 @@ var TableKeyboardNavigationProviderVue2 = {
   // },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3; //     const localizationService = ref(new LocalizationService(props.language));
+    var v3 = !!isV3;
+    //     const localizationService = ref(new LocalizationService(props.language));
     //   provide('kendoLocalizationService', localizationService);
-
     return {
       v3: v3
     };
@@ -67,9 +65,9 @@ var TableKeyboardNavigationProviderVue2 = {
   },
   created: function created() {
     var _a = this.$props,
-        navigatable = _a.navigatable,
-        id = _a.id; // v.2: check if nested navigation
-
+      navigatable = _a.navigatable,
+      id = _a.id;
+    // v.2: check if nested navigation
     if (navigatable) {
       this.kbContext = {
         activeId: '',
@@ -87,25 +85,21 @@ var TableKeyboardNavigationProviderVue2 = {
   methods: {
     getKeyboardNavigationAttributes: function getKeyboardNavigationAttributes(elementId) {
       var _a;
-
       if (!elementId || this.$props.navigatable === false) {
         return {};
       }
-
       return _a = {
         tabIndex: this.kbContext.activeId && this.kbContext.activeId === elementId ? 0 : -1
       }, _a[KEYBOARD_NAV_DATA_LEVEL] = this.kbContext.level, _a[KEYBOARD_NAV_DATA_ID] = elementId, _a;
     },
     onComponentDidMount: function onComponentDidMount(options) {
       var _a = options.scope,
-          scope = _a === void 0 ? this.scope : _a;
-
+        scope = _a === void 0 ? this.scope : _a;
       if (this.kbContext && this.navigation && scope) {
         this.scope = scope;
         this.generateMatrix(options);
         var firstId = this.navigation.navigationMatrix[0][0];
         var firstIdElement = navigationTools.getActiveElement(scope, firstId);
-
         if (firstId && firstIdElement) {
           this.kbContext.activeId = firstId;
           firstIdElement.setAttribute('tabIndex', '0');
@@ -114,15 +108,13 @@ var TableKeyboardNavigationProviderVue2 = {
     },
     onGetSnapshotBeforeUpdate: function onGetSnapshotBeforeUpdate(options) {
       var _a = options.kbContext,
-          kbContext = _a === void 0 ? this.kbContext : _a,
-          _b = options.navigation,
-          navigation = _b === void 0 ? this.navigation : _b,
-          document = options.document;
-
+        kbContext = _a === void 0 ? this.kbContext : _a,
+        _b = options.navigation,
+        navigation = _b === void 0 ? this.navigation : _b,
+        document = options.document;
       if (kbContext && navigation && document) {
         var activeElement = document.activeElement;
         var activeId = navigationTools.getNavigatableId(activeElement);
-
         if (activeId && activeId === kbContext.activeId) {
           navigation.activeElementIsFocused = true;
         }
@@ -130,74 +122,59 @@ var TableKeyboardNavigationProviderVue2 = {
     },
     onComponentDidUpdate: function onComponentDidUpdate(options) {
       var scope = options.scope;
-      this.generateMatrix(options); // check if nested navigation
-
+      this.generateMatrix(options);
+      // check if nested navigation
       if (this.kbContext && this.navigation && scope) {
         var activeElement = navigationTools.getActiveElement(scope, this.kbContext.activeId);
-
         if (!activeElement) {
           var firstId = this.navigation.navigationMatrix[0][0];
           var firstIdElement = navigationTools.getActiveElement(scope, firstId);
-
           if (firstId && firstIdElement) {
             this.kbContext.activeId = firstId;
             firstIdElement.setAttribute('tabIndex', '0');
-
             if (this.navigation.activeElementIsFocused) {
               firstIdElement.focus();
             }
           }
         }
-
         this.navigation.activeElementIsFocused = false;
       }
     },
     onFocus: function onFocus(event) {
       var kbContext = this.kbContext;
-
       if (event.defaultPrevented) {
         return;
       }
-
       if (!kbContext) {
         return;
       }
-
       var focusedElement = event.target;
       var activeId = navigationTools.getNavigatableId(focusedElement);
-
       if (activeId && activeId !== kbContext.activeId) {
         var scope = navigationTools.getClosestScope(focusedElement);
-
         if (!scope) {
           return;
         }
-
         var prevElement = navigationTools.getActiveElement(scope, kbContext.activeId);
-
         if (prevElement) {
           prevElement.setAttribute('tabIndex', '-1');
         }
-
         focusedElement.setAttribute('tabIndex', '0');
         kbContext.activeId = activeId;
       }
     },
     onKeyDown: function onKeyDown(event, options) {
       var _a = options.kbContext,
-          kbContext = _a === void 0 ? this.kbContext : _a,
-          _b = options.navigation,
-          navigation = _b === void 0 ? this.navigation : _b,
-          onNavigationAction = options.onNavigationAction;
-
+        kbContext = _a === void 0 ? this.kbContext : _a,
+        _b = options.navigation,
+        navigation = _b === void 0 ? this.navigation : _b,
+        onNavigationAction = options.onNavigationAction;
       if (event.defaultPrevented) {
         return;
       }
-
       if (!kbContext || !navigation) {
         return;
       }
-
       if (event.keyCode === Keys.esc) {
         // activate navigation
         var elementForFocus = navigationTools.getClosestNavigatableElement(event.target);
@@ -208,20 +185,17 @@ var TableKeyboardNavigationProviderVue2 = {
         });
         return;
       }
-
       var element = event.target;
       var elementId = navigationTools.getNavigatableId(element);
       var dataLevel = navigationTools.getNavigatableLevel(element);
       var scope = navigationTools.getClosestScope(element);
       var matrix = navigation.navigationMatrix;
-
       if (dataLevel !== undefined && scope) {
         if (event.keyCode === Keys.enter) {
           // activate nested navigation or focus focusable element
           var navigatableElement = navigationTools.getNavigatableElement(element, {
             level: dataLevel + 1
           });
-
           if (navigatableElement) {
             navigationTools.focusElement({
               elementForFocus: navigatableElement,
@@ -241,17 +215,14 @@ var TableKeyboardNavigationProviderVue2 = {
             return;
           }
         }
-
         if (event.keyCode === Keys.up || event.keyCode === Keys.down || event.keyCode === Keys.left || event.keyCode === Keys.right) {
           var isReverse = event.keyCode === Keys.up || event.keyCode === Keys.left;
           var isVertical = event.keyCode === Keys.up || event.keyCode === Keys.down;
           var currentIdIndexes = void 0;
-
           if (navigation && navigation.prevNavigationIndexes) {
             var _c = navigation.prevNavigationIndexes,
-                rowIndex = _c[0],
-                cellIndex = _c[1];
-
+              rowIndex = _c[0],
+              cellIndex = _c[1];
             if (matrix[rowIndex][cellIndex] === elementId) {
               currentIdIndexes = navigation.prevNavigationIndexes;
             } else {
@@ -260,18 +231,15 @@ var TableKeyboardNavigationProviderVue2 = {
           } else {
             currentIdIndexes = findId(matrix, elementId);
           }
-
           if (currentIdIndexes) {
             var rowIndex = currentIdIndexes[0],
-                cellIndex = currentIdIndexes[1];
-
+              cellIndex = currentIdIndexes[1];
             var _d = isVertical ? findNextIdByRowIndex(rowIndex, cellIndex, elementId, matrix, isReverse) : findNextIdByCellIndex(rowIndex, cellIndex, elementId, matrix, isReverse),
-                idForFocus = _d[0],
-                currentIndexes = _d[1];
-
+              idForFocus = _d[0],
+              currentIndexes = _d[1];
             if (idForFocus) {
-              var elementForFocus = navigationTools.getActiveElement(scope, idForFocus); // emit event
-
+              var elementForFocus = navigationTools.getActiveElement(scope, idForFocus);
+              // emit event
               navigationTools.focusElement({
                 elementForFocus: elementForFocus,
                 event: event,
@@ -279,7 +247,6 @@ var TableKeyboardNavigationProviderVue2 = {
                 prevElement: element
               });
               navigation.prevNavigationIndexes = currentIndexes;
-
               if (onNavigationAction) {
                 onNavigationAction({
                   focusElement: elementForFocus,
@@ -293,65 +260,51 @@ var TableKeyboardNavigationProviderVue2 = {
     },
     generateMatrix: function generateMatrix(options) {
       var _a = options.navigation,
-          navigation = _a === void 0 ? this.navigation : _a,
-          scope = options.scope;
-
+        navigation = _a === void 0 ? this.navigation : _a,
+        scope = options.scope;
       if (!navigation || !scope) {
         return;
       }
-
       var matrix = [];
       var thead = getHeaderElement(scope);
       var tbody = getBodyElement(scope);
-
       if (!thead || !tbody) {
         return;
       }
-
       var headerRows = Array.from(thead.children);
       var bodyRows = Array.from(tbody.children);
-
       __spreadArray(__spreadArray([], headerRows, true), bodyRows, true).forEach(function (row, rowIndex) {
         Array.from(row.children).forEach(function (cell) {
           var cellId = getNavigatableId(cell);
-
           if (!cellId) {
             return;
           } // cell is not navigatable
-
-
           var rowSpan = cell.rowSpan || 1;
           var cellSpan = cell.colSpan || 1;
           var cellIndex;
-
           for (var depth = rowIndex, maxDepth = rowIndex + rowSpan; depth < maxDepth; depth++) {
             if (!matrix[depth]) {
               matrix[depth] = [];
             }
-
             if (cellIndex === undefined) {
               var freeSlotIndex = matrix[depth].findIndex(function (mi) {
                 return !mi;
               });
               cellIndex = freeSlotIndex > -1 ? freeSlotIndex : matrix[depth].length;
             }
-
             matrix[depth][cellIndex] = cellId || '';
           }
-
           for (var depth = cellIndex + 1, maxDepth = cellIndex + cellSpan; depth < maxDepth; depth++) {
             matrix[rowIndex][depth] = cellId || '';
           }
         });
       });
-
       navigation.navigationMatrix = matrix.filter(function (row) {
         return !!row;
       });
       navigation.lastHeaderIndex = headerRows.length - 1;
     }
   },
-
   /**
    * @hidden
    */
@@ -366,6 +319,5 @@ var TableKeyboardNavigationProviderVue2 = {
 /**
  * @hidden
  */
-
 var TableKeyboardNavigationProvider = TableKeyboardNavigationProviderVue2;
 export { TableKeyboardNavigationProvider, TableKeyboardNavigationProviderVue2 };

package/dist/esm/navigation/constants.js

@@ -7,69 +7,55 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
   }
   return to.concat(ar || Array.prototype.slice.call(from));
 };
-
 var _a, _b, _c;
 /**
  * @hidden
  */
-
-
 export var KEYBOARD_NAV_DATA_LEVEL = 'data-keyboardnavlevel';
 /**
  * @hidden
  */
-
 export var KEYBOARD_NAV_DATA_SCOPE = 'data-keyboardnavscope';
 /**
  * @hidden
  */
-
 export var KEYBOARD_NAV_DATA_HEADER = 'data-keyboardnavheader';
 /**
  * @hidden
  */
-
 export var KEYBOARD_NAV_DATA_BODY = 'data-keyboardnavbody';
 /**
  * @hidden
  */
-
 export var KEYBOARD_NAV_DATA_ID = 'data-keyboardnavid';
 /**
  * @hidden
  */
-
 export var KEYBOARD_NAV_DATA_ZONE = 'data-keyboardnavzone';
 /**
  * @hidden
  */
-
 export var KEYBOARD_NAV_FILTER_COL_SUFFIX = '_filter';
 var FOCUSABLE_ELEMENTS_BASE = ['input:not([disabled]):not([type=hidden])', 'select:not([disabled])', 'textarea:not([disabled])', 'button:not([disabled])', 'a[href]', 'area[href]', 'summary', 'iframe', 'object', 'embed', 'audio[controls]', 'video[controls]', '[contenteditable]'];
 /**
  * @hidden
  */
-
 export var FOCUSABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false);
 /**
  * @hidden
  */
-
 export var TABBABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false).map(function (selector) {
   return selector + ':not([tabindex="-1"])';
 });
 /**
  * @hidden
  */
-
 export var tableKeyboardNavigationScopeAttributes = (_a = {}, _a[KEYBOARD_NAV_DATA_SCOPE] = true, _a);
 /**
  * @hidden
  */
-
 export var tableKeyboardNavigationHeaderAttributes = (_b = {}, _b[KEYBOARD_NAV_DATA_HEADER] = true, _b);
 /**
  * @hidden
  */
-
 export var tableKeyboardNavigationBodyAttributes = (_c = {}, _c[KEYBOARD_NAV_DATA_BODY] = true, _c);

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-data-tools',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1665151475,
+    publishDate: 1666103717,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/esm/pager/Pager.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;
@@ -31,17 +27,14 @@ import { getListeners, getTemplate, hasListener, templateRendering } from '@prog
 /**
  * @hidden
  */
-
 var RESPONSIVE_BREAKPOINT_MEDIUM = 600;
 /**
  * @hidden
  */
-
 var RESPONSIVE_BREAKPOINT_LARGE = 768;
 /**
  * @hidden
  */
-
 var PagerVue2 = {
   name: 'KendoPager',
   props: {
@@ -143,7 +136,6 @@ var PagerVue2 = {
     },
     triggerPageChange: function triggerPageChange(state, event) {
       var pagesizechange = hasListener.call(this, 'pagesizechange');
-
       if (pagesizechange) {
         this.$emit('pagesizechange', state, event);
       } else {
@@ -152,13 +144,10 @@ var PagerVue2 = {
     },
     onWindowResize: function onWindowResize() {
       var element = this.$el;
-
       if (!element || !this.$props.responsive || this.$props.settings.responsive === false) {
         return;
       }
-
       var width = element.offsetWidth;
-
       if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {
         this.size = 'small';
       } else if (width >= RESPONSIVE_BREAKPOINT_MEDIUM && width < RESPONSIVE_BREAKPOINT_LARGE) {
@@ -186,17 +175,16 @@ var PagerVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        skip = _a.skip,
-        take = _a.take,
-        total = _a.total,
-        pageSizes = _a.pageSizes,
-        buttonCount = _a.buttonCount,
-        messagesMap = _a.messagesMap,
-        info = _a.info,
-        type = _a.type,
-        previousNext = _a.previousNext,
-        pageSizeValue = _a.pageSizeValue;
-
+      skip = _a.skip,
+      take = _a.take,
+      total = _a.total,
+      pageSizes = _a.pageSizes,
+      buttonCount = _a.buttonCount,
+      messagesMap = _a.messagesMap,
+      info = _a.info,
+      type = _a.type,
+      previousNext = _a.previousNext,
+      pageSizeValue = _a.pageSizeValue;
     var settings = __assign({
       pageSizes: pageSizes,
       buttonCount: buttonCount,
@@ -209,7 +197,6 @@ var PagerVue2 = {
       messagesMap: messagesMap,
       pageSizeValue: pageSizeValue
     }, this.$props.settings);
-
     var pagerRender = this.$props.pagerRender || this.$props.settings.pagerRender;
     var pagerRenderTemplate = pagerRender ? templateRendering.call(this, pagerRender, getListeners.call(this)) : null;
     var localizationService = provideLocalizationService(this);
@@ -229,7 +216,8 @@ var PagerVue2 = {
       messageKey: pagerLastPage,
       defaultMessage: messages[pagerLastPage]
     };
-    var changer = settings.type === 'numeric' ? // @ts-ignore
+    var changer = settings.type === 'numeric' ?
+    // @ts-ignore
     h(PagerNumericButtons, {
       size: this.size,
       attrs: this.v3 ? undefined : {
@@ -245,7 +233,8 @@ var PagerVue2 = {
       on: this.v3 ? undefined : {
         "pagechange": this.changePage
       }
-    }) : // @ts-ignore
+    }) :
+    // @ts-ignore
     h(PagerInput, {
       currentPage: this.currentPage,
       attrs: this.v3 ? undefined : {
@@ -261,9 +250,9 @@ var PagerVue2 = {
       messagesMap: messagesMap
     });
     var first, prev, next, last;
-
     if (settings.previousNext) {
-      first = // @ts-ignore function children
+      first =
+      // @ts-ignore function children
       h(PagerNavigationButton, {
         "class": 'k-pager-first' + (this.currentPage === 1 ? ' k-disabled' : ''),
         page: 1,
@@ -279,7 +268,8 @@ var PagerVue2 = {
           "pagechange": this.changePage
         }
       });
-      prev = // @ts-ignore function children
+      prev =
+      // @ts-ignore function children
       h(PagerNavigationButton, {
         "class": this.currentPage === 1 ? ' k-disabled' : '',
         page: this.currentPage - 1,
@@ -295,7 +285,8 @@ var PagerVue2 = {
           "pagechange": this.changePage
         }
       });
-      next = // @ts-ignore function children
+      next =
+      // @ts-ignore function children
       h(PagerNavigationButton, {
         "class": this.currentPage === this.totalPages ? ' k-disabled' : '',
         page: this.currentPage + 1,
@@ -311,7 +302,8 @@ var PagerVue2 = {
           "pagechange": this.changePage
         }
       });
-      last = // @ts-ignore function children
+      last =
+      // @ts-ignore function children
       h(PagerNavigationButton, {
         "class": 'k-pager-last' + (this.currentPage === this.totalPages ? ' k-disabled' : ''),
         page: this.totalPages,
@@ -328,8 +320,8 @@ var PagerVue2 = {
         }
       });
     }
-
-    var renderPageSizes = settings.pageSizes && // @ts-ignore function children
+    var renderPageSizes = settings.pageSizes &&
+    // @ts-ignore function children
     h(PagerPageSizes, {
       onPagechange: this.triggerPageChange,
       on: this.v3 ? undefined : {
@@ -346,7 +338,8 @@ var PagerVue2 = {
       value: settings.pageSizeValue,
       messagesMap: messagesMap
     });
-    var infoElement = !settings.info ? '' : // @ts-ignore function children
+    var infoElement = !settings.info ? '' :
+    // @ts-ignore function children
     h(PagerInfo, {
       totalPages: this.$props.total,
       attrs: this.v3 ? undefined : {
@@ -394,6 +387,5 @@ var PagerVue2 = {
 /**
  * @hidden
  */
-
 var Pager = PagerVue2;
 export { Pager, PagerVue2 };

package/dist/esm/pager/PagerInfo.js

@@ -9,7 +9,6 @@ import { messages, pagerInfo } from '../messages/main.js';
 /**
  * @hidden
  */
-
 var PagerInfoVue2 = {
   name: 'KendoPagerInfo',
   props: {
@@ -54,6 +53,5 @@ var PagerInfoVue2 = {
 /**
  * @hidden
  */
-
 var PagerInfo = PagerInfoVue2;
 export { PagerInfo, PagerInfoVue2 };

package/dist/esm/pager/PagerInput.js

@@ -9,7 +9,6 @@ import { provideIntlService, provideLocalizationService } from '@progress/kendo-
 /**
  * @hidden
  */
-
 var PagerInputVue2 = {
   name: 'KendoPagerInput',
   props: {
@@ -32,7 +31,6 @@ var PagerInputVue2 = {
     changeHangler: function changeHangler(e) {
       var text = this._text = e.target.value.replace(/\D/g, '');
       this.$forceUpdate();
-
       if (text) {
         this.$emit('pagechange', parseInt(text, 10), e);
       }
@@ -96,6 +94,5 @@ var PagerInputVue2 = {
 /**
  * @hidden
  */
-
 var PagerInput = PagerInputVue2;
 export { PagerInput, PagerInputVue2 };

package/dist/esm/pager/PagerNavigationButton.js

@@ -6,7 +6,6 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 /**
  * @hidden
  */
-
 var PagerNavigationButtonVue2 = {
   name: 'KendoPagerNavigationButton',
   props: {
@@ -67,6 +66,5 @@ var PagerNavigationButtonVue2 = {
 /**
  * @hidden
  */
-
 var PagerNavigationButton = PagerNavigationButtonVue2;
 export { PagerNavigationButton, PagerNavigationButtonVue2 };