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

package/dist/esm/FloatingActionButton/FloatingActionButtonItem.js

@@ -8,7 +8,6 @@ import { classNames, getRef, getTabIndex, getTemplate, setRef } from '@progress/
 /**
  * @hidden
  */
-
 var FloatingActionButtonItemVue2 = {
   name: 'KendoVueFloatingActionButtonItem',
   props: {
@@ -65,13 +64,13 @@ var FloatingActionButtonItemVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        disabled = _a.disabled,
-        id = _a.id,
-        tabIndex = _a.tabIndex,
-        dataItem = _a.dataItem,
-        customProp = _a.customProp;
+      disabled = _a.disabled,
+      id = _a.id,
+      tabIndex = _a.tabIndex,
+      dataItem = _a.dataItem,
+      customProp = _a.customProp;
     var text = dataItem.text,
-        icon = dataItem.icon;
+      icon = dataItem.icon;
     var item;
     var itemDefaultRendering = h("li", {
       ref: setRef(this, 'element'),
@@ -116,6 +115,5 @@ var FloatingActionButtonItemVue2 = {
 /**
  * @hidden
  */
-
 var FloatingActionButtonItem = FloatingActionButtonItemVue2;
 export { FloatingActionButtonItem, FloatingActionButtonItemVue2 };

package/dist/esm/ListButton/ButtonItem.js

@@ -7,7 +7,6 @@ import { getTemplate } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var ButtonItemVue2 = {
   name: 'KendoButtonItem',
   // @ts-ignore
@@ -58,14 +57,13 @@ var ButtonItemVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        dataItem = _a.dataItem,
-        id = _a.id,
-        render = _a.render;
-
+      dataItem = _a.dataItem,
+      id = _a.id,
+      render = _a.render;
     var renderContent = function renderContent() {
       var _a = this.$props,
-          textField = _a.textField,
-          index = _a.index;
+        textField = _a.textField,
+        index = _a.index;
       var text = dataItem.text !== undefined ? dataItem.text : textField ? dataItem[textField] : dataItem;
       var iconClass = dataItem.icon ? "k-icon k-i-".concat(dataItem.icon) : dataItem.iconClass;
       var itemContent = h("span", {
@@ -107,7 +105,6 @@ var ButtonItemVue2 = {
         }
       });
     };
-
     var item = h("li", {
       id: id,
       attrs: this.v3 ? undefined : {
@@ -133,6 +130,5 @@ var ButtonItemVue2 = {
 /**
  * @hidden
  */
-
 var ButtonItem = ButtonItemVue2;
 export { ButtonItem, ButtonItemVue2 };

package/dist/esm/ListButton/DropDownButton.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,7 +27,6 @@ import { packageMetadata } from '../package-metadata.js';
 /**
  * @hidden
  */
-
 var DropDownButtonVue2 = {
   name: 'KendoDropDownButton',
   // @ts-ignore
@@ -114,8 +109,8 @@ var DropDownButtonVue2 = {
     validatePackage(packageMetadata);
   },
   mounted: function mounted() {
-    this.mainButton = this.$refs[this._anchor]; // If this.$props.opened is true during the initial render, the popup is not aligned.
-
+    this.mainButton = this.$refs[this._anchor];
+    // If this.$props.opened is true during the initial render, the popup is not aligned.
     if (this.$props.dir === undefined && this.isRtl() || this.computedOpened) {
       this.$forceUpdate();
     }
@@ -155,26 +150,25 @@ var DropDownButtonVue2 = {
   },
   render: function render(createElement) {
     var _this2 = this;
-
     var h = gh || createElement;
     var rtl = this.isRtl();
     var dir = rtl ? 'rtl' : undefined;
     var _a = this.$props,
-        tabIndex = _a.tabIndex,
-        disabled = _a.disabled;
+      tabIndex = _a.tabIndex,
+      disabled = _a.disabled;
     var defaultSlot = getDefaultSlots(this);
     this.buttonsData = this.$props.items;
-
     var renderChildItems = function renderChildItems() {
       var _a = this.$props,
-          item = _a.item,
-          itemRender = _a.itemRender,
-          textField = _a.textField;
+        item = _a.item,
+        itemRender = _a.itemRender,
+        textField = _a.textField;
       return this.buttonsData.length > 0 ? this.buttonsData.map(function (dataItem, index) {
         var currentDataItem = typeof dataItem !== 'string' ? __assign(__assign({}, dataItem), {
           render: templateRendering.call(this, dataItem.render, getListeners.call(this))
         }) : dataItem;
-        return (// @ts-ignore
+        return (
+          // @ts-ignore
           h(ButtonItem, {
             "class": "k-menu-item",
             dataItem: currentDataItem,
@@ -204,15 +198,14 @@ var DropDownButtonVue2 = {
         );
       }, this) : null;
     };
-
     var renderPopup = function renderPopup() {
       var _this = this;
-
       var _a = this.$props,
-          _b = _a.popupSettings,
-          popupSettings = _b === void 0 ? {} : _b,
-          size = _a.size;
-      return (// @ts-ignore function children
+        _b = _a.popupSettings,
+        popupSettings = _b === void 0 ? {} : _b,
+        size = _a.size;
+      return (
+        // @ts-ignore function children
         h(Popup, {
           anchor: this._anchor,
           attrs: this.v3 ? undefined : {
@@ -252,7 +245,6 @@ var DropDownButtonVue2 = {
         }, [renderChildItems.call(_this)])])
       );
     };
-
     return h("div", {
       "class": this.wrapperClass,
       onKeydown: this.onKeyDown,
@@ -267,7 +259,8 @@ var DropDownButtonVue2 = {
       attrs: this.v3 ? undefined : {
         dir: dir
       }
-    }, [// @ts-ignore function children
+    }, [
+    // @ts-ignore function children
     h(KendoButton, {
       size: this.$props.size,
       attrs: this.v3 ? undefined : {
@@ -340,17 +333,14 @@ var DropDownButtonVue2 = {
           this.focusedIndex = -1;
           this.currentOpened = false;
         }
-
         return;
       }
-
       if (event.keyCode === Keys.enter || event.keyCode === Keys.space) {
         if (this.focusedIndex !== undefined && this.focusedIndex >= 0) {
           this.dispatchClickEvent(event, this.focusedIndex);
-        } // Prevent default because otherwise when an item is selected
+        }
+        // Prevent default because otherwise when an item is selected
         // click on the default button gets emitted which opens the popup again.
-
-
         event.preventDefault();
         this.focusedIndex = this.computedOpened ? -1 : 0, this.currentOpened = !this.computedOpened;
         this.dispatchPopupEvent(event, this.currentOpened);
@@ -359,12 +349,10 @@ var DropDownButtonVue2 = {
         this.currentOpened = false;
         this.dispatchPopupEvent(event, this.currentOpened);
       }
-
       if (this.computedOpened) {
         var newFocused = navigation(this.focusedIndex, event.keyCode, event.altKey, this.buttonsData.length);
         this.focusedIndex = newFocused;
         var arrowKey = event.keyCode === Keys.up || event.keyCode === Keys.down || event.keyCode === Keys.left || event.keyCode === Keys.right;
-
         if (!event.altKey && arrowKey) {
           // Needed to notify the parent listeners that event is handled.
           event.preventDefault();
@@ -376,7 +364,6 @@ var DropDownButtonVue2 = {
         this.focused = true;
         this.$emit('focus', event, this, undefined);
       }
-
       this.focusedIndex = this.computedOpened ? 0 : -1;
       clearTimeout(this._blurTimeout);
     },
@@ -392,7 +379,6 @@ var DropDownButtonVue2 = {
           that.focusedIndex = -1;
           that.$emit('blur', event, that, undefined);
           var fireCloseEvent = that.computedOpened;
-
           if (fireCloseEvent) {
             that.currentOpened = false;
             that.dispatchPopupEvent(event, false);
@@ -427,7 +413,6 @@ var DropDownButtonVue2 = {
       if (!this.buttonsData.length) {
         return;
       }
-
       var toOpen = !this.computedOpened;
       this.currentOpened = toOpen;
       this.focused = true;
@@ -448,6 +433,5 @@ var DropDownButtonVue2 = {
 /**
  * @hidden
  */
-
 var DropDownButton = DropDownButtonVue2;
 export { DropDownButton, DropDownButtonVue2 };

package/dist/esm/ListButton/SplitButton.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,7 +27,6 @@ import { packageMetadata } from '../package-metadata.js';
 /**
  * @hidden
  */
-
 var SplitButtonVue2 = {
   name: 'KendoSplitButton',
   // @ts-ignore
@@ -109,8 +104,8 @@ var SplitButtonVue2 = {
     validatePackage(packageMetadata);
   },
   mounted: function mounted() {
-    this.mainButton = this.$refs[this._anchor]; // If this.$props.opened is true during the initial render, the popup is not aligned.
-
+    this.mainButton = this.$refs[this._anchor];
+    // If this.$props.opened is true during the initial render, the popup is not aligned.
     if (this.$props.dir === undefined && this.isRtl() || this.computedOpened) {
       this.$forceUpdate();
     }
@@ -144,28 +139,26 @@ var SplitButtonVue2 = {
   },
   render: function render(createElement) {
     var _this3 = this;
-
     var _this = this;
-
     var h = gh || createElement;
     this.buttonsData = this.$props.items;
     var rtl = this.isRtl();
     var dir = rtl ? 'rtl' : undefined;
     var _a = this.$props,
-        tabIndex = _a.tabIndex,
-        disabled = _a.disabled;
+      tabIndex = _a.tabIndex,
+      disabled = _a.disabled;
     var defaultSlot = getDefaultSlots(this);
-
     var renderChildItems = function renderChildItems() {
       var _a = this.$props,
-          item = _a.item,
-          itemRender = _a.itemRender,
-          textField = _a.textField;
+        item = _a.item,
+        itemRender = _a.itemRender,
+        textField = _a.textField;
       return this.buttonsData.length > 0 ? this.buttonsData.map(function (dataItem, index) {
         var currentDataItem = typeof dataItem !== 'string' ? __assign(__assign({}, dataItem), {
           render: templateRendering.call(this, dataItem.render, getListeners.call(this))
         }) : dataItem;
-        return (// @ts-ignore
+        return (
+          // @ts-ignore
           h(ButtonItem, {
             "class": "k-menu-item",
             dataItem: currentDataItem,
@@ -195,15 +188,14 @@ var SplitButtonVue2 = {
         );
       }, this) : null;
     };
-
     var renderPopup = function renderPopup() {
       var _this2 = this;
-
       var _a = this.$props,
-          _b = _a.popupSettings,
-          popupSettings = _b === void 0 ? {} : _b,
-          size = _a.size;
-      return (// @ts-ignore function children
+        _b = _a.popupSettings,
+        popupSettings = _b === void 0 ? {} : _b,
+        size = _a.size;
+      return (
+        // @ts-ignore function children
         h(Popup, {
           anchor: this._anchor,
           attrs: this.v3 ? undefined : {
@@ -243,7 +235,6 @@ var SplitButtonVue2 = {
         }, [renderChildItems.call(_this2)])])
       );
     };
-
     return h("div", {
       "class": this.wrapperClass,
       onKeydown: this.onKeyDown,
@@ -258,7 +249,8 @@ var SplitButtonVue2 = {
       attrs: this.v3 ? undefined : {
         dir: dir
       }
-    }, [// @ts-ignore function children
+    }, [
+    // @ts-ignore function children
     h(KendoButton, {
       size: this.$props.size,
       attrs: this.v3 ? undefined : {
@@ -312,7 +304,8 @@ var SplitButtonVue2 = {
       "aria-activedescendant": this.focusedIndex !== undefined && this.focusedIndex >= 0 ? "".concat(this.guid, "-").concat(this.focusedIndex) : undefined
     }, this.v3 ? function () {
       return [_this3.$props.text, defaultSlot];
-    } : [_this3.$props.text, defaultSlot]), // @ts-ignore
+    } : [_this3.$props.text, defaultSlot]),
+    // @ts-ignore
     h(KendoButton, {
       "class": 'k-split-button-arrow',
       size: this.$props.size,
@@ -362,18 +355,14 @@ var SplitButtonVue2 = {
           this.focusedIndex = -1;
           this.currentOpened = false;
         }
-
         return;
       }
-
       var newState = undefined;
-
       if (event.keyCode === Keys.enter || event.keyCode === Keys.space) {
         // Prevent default because otherwise when an item is selected
         // click on the default button gets emitted which opens the popup again.
         event.preventDefault();
         this.dispatchClickEvent(event, this.focusedIndex);
-
         if (this.focusedIndex !== undefined && this.focusedIndex >= 0) {
           newState = {
             focusedIndex: this.computedOpened ? -1 : 0,
@@ -388,28 +377,22 @@ var SplitButtonVue2 = {
         };
         this.dispatchPopupEvent(event, newState.currentOpened);
       }
-
       if (this.computedOpened) {
         var newFocused = navigation(this.focusedIndex, event.keyCode, event.altKey, this.buttonsData.length);
-
         if (newFocused !== this.focusedIndex) {
-          newState = newState || {}; // @ts-ignore
-
+          newState = newState || {};
+          // @ts-ignore
           newState.focusedIndex = newFocused;
         }
-
         var arrowKey = event.keyCode === Keys.up || event.keyCode === Keys.down || event.keyCode === Keys.left || event.keyCode === Keys.right;
-
         if (!event.altKey && arrowKey) {
           // Needed to notify the parent listeners that event is handled.
           event.preventDefault();
         }
       }
-
       if (newState) {
         this.focusedIndex = newState.focusedIndex;
         this.focused = newState.focused;
-
         if (newState.currentOpened !== undefined) {
           this.currentOpened = newState.currentOpened;
         }
@@ -420,20 +403,16 @@ var SplitButtonVue2 = {
         this.$emit('focus', event, this, undefined);
         this.focused = true;
       }
-
       this.focusedIndex = -1;
       clearTimeout(this._blurTimeout);
     },
     onItemClick: function onItemClick(event, clickedItemIndex) {
       var opened = this.computedOpened;
-
       if (opened) {
         this.focusedIndex = 0;
         this.currentOpened = false;
       }
-
       this.dispatchClickEvent(event, clickedItemIndex);
-
       if (opened) {
         this.dispatchPopupEvent(event, false);
       }
@@ -444,7 +423,6 @@ var SplitButtonVue2 = {
     },
     createBlurTimeout: function createBlurTimeout(event) {
       var _this = this;
-
       var that = this;
       this._blurTimeout = setTimeout(function () {
         if (canUseDOM && document.activeElement !== that.mainButton) {
@@ -452,7 +430,6 @@ var SplitButtonVue2 = {
           that.focusedIndex = -1;
           that.$emit('blur', event, _this, undefined);
           var fireCloseEvent = that.computedOpened;
-
           if (fireCloseEvent) {
             that.currentOpened = false;
             that.dispatchPopupEvent(event, false);
@@ -485,7 +462,6 @@ var SplitButtonVue2 = {
     },
     onDownSplitPart: function onDownSplitPart(event) {
       event.preventDefault();
-
       if (this.element() && document.activeElement !== this.element()) {
         // @ts-ignore
         this.element().focus();
@@ -510,6 +486,5 @@ var SplitButtonVue2 = {
 /**
  * @hidden
  */
-
 var SplitButton = SplitButtonVue2;
 export { SplitButton, SplitButtonVue2 };

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-buttons',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1665151146,
+    publishDate: 1666103333,
     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/toolbar/Toolbar.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 { packageMetadata } from '../package-metadata.js';
 /**
  * @hidden
  */
-
 var ToolbarVue2 = {
   name: 'KendoToolbar',
   props: {
@@ -62,11 +57,9 @@ var ToolbarVue2 = {
   mounted: function mounted() {
     window.addEventListener('resize', this.onWindowResize);
     var element = this.$el;
-
     if (element) {
       this.offsetWidth = element.offsetWidth;
       this.offsetHeight = element.offsetHeight;
-
       if (this.$props.keyboardNavigation !== false) {
         this.currentButtons = this.getCurrentButtons();
         this.setTabIndex(0);
@@ -75,11 +68,9 @@ var ToolbarVue2 = {
   },
   updated: function updated() {
     var element = this.$el;
-
     if (!element || this.$props.keyboardNavigation === false) {
       return;
     }
-
     this.currentButtons = this.getCurrentButtons();
     this.setTabIndex(this.focusedIndex());
   },
@@ -142,18 +133,14 @@ var ToolbarVue2 = {
       if (this.$props.keyboardNavigation === false) {
         return;
       }
-
       var target = event.target;
       var arrowKey = event.keyCode === Keys.left || event.keyCode === Keys.right;
-
       if (!arrowKey || event.defaultPrevented || this.currentButtons.findIndex(function (b) {
         return b === target;
       }) === -1) {
         return;
       }
-
       var focusedIndex = this.focusedIndex();
-
       if (event.keyCode === Keys.left) {
         this.focusButton(focusedIndex, focusedIndex - 1);
       } else {
@@ -163,12 +150,10 @@ var ToolbarVue2 = {
     focusButton: function focusButton(prevIndex, index) {
       var tabIndex = this.$props.tabIndex;
       var button = this.currentButtons[index];
-
       if (button) {
         button.tabIndex = tabIndex;
         button.focus();
         var prevButton = this.currentButtons[prevIndex];
-
         if (prevButton) {
           prevButton.tabIndex = -1;
         }
@@ -176,14 +161,11 @@ var ToolbarVue2 = {
     },
     onWindowResize: function onWindowResize(event) {
       var element = this.$el;
-
       if (!element) {
         return;
       }
-
       var offsetWidth = element.offsetWidth;
       var offsetHeight = element.offsetHeight;
-
       if (this.offsetWidth !== offsetWidth || this.offsetHeight !== offsetHeight) {
         this.offsetWidth = offsetWidth;
         this.offsetHeight = offsetHeight;
@@ -203,6 +185,5 @@ var ToolbarVue2 = {
 /**
  * @hidden
  */
-
 var Toolbar = ToolbarVue2;
 export { Toolbar, ToolbarVue2 };

package/dist/esm/toolbar/tools/ToolbarItem.js

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var ToolbarItemVue2 = {
   name: 'KendoToolbarItem',
   methods: {
@@ -53,6 +52,5 @@ var ToolbarItemVue2 = {
  *  </template>
  *  ```
  */
-
 var ToolbarItem = ToolbarItemVue2;
 export { ToolbarItem, ToolbarItemVue2 };

package/dist/esm/toolbar/tools/ToolbarSeparator.js

@@ -7,7 +7,6 @@ import { ToolbarItem } from './ToolbarItem.js';
 /**
  * @hidden
  */
-
 var ToolbarSeparatorVue2 = {
   name: 'KendoToolbarItem',
   // @ts-ignore
@@ -19,7 +18,8 @@ var ToolbarSeparatorVue2 = {
   },
   render: function render(createElement) {
     var h = gh || createElement;
-    return (// @ts-ignore
+    return (
+      // @ts-ignore
       h(ToolbarItem, {
         "class": "k-separator"
       })
@@ -51,6 +51,5 @@ var ToolbarSeparatorVue2 = {
  *  </template>
  *  ```
  */
-
 var ToolbarSeparator = ToolbarSeparatorVue2;
 export { ToolbarSeparator, ToolbarSeparatorVue2 };

package/dist/esm/toolbar/tools/ToolbarSpacer.js

@@ -6,7 +6,6 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 /**
  * @hidden
  */
-
 var ToolbarSpacerVue2 = {
   name: 'KendoToolbarItem',
   // @ts-ignore
@@ -48,6 +47,5 @@ var ToolbarSpacerVue2 = {
  *  </template>
  *  ```
  */
-
 var ToolbarSpacer = ToolbarSpacerVue2;
 export { ToolbarSpacer, ToolbarSpacerVue2 };