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

package/dist/npm/FloatingActionButton/FloatingActionButton.js

@@ -3,29 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FloatingActionButtonVue2 = exports.FloatingActionButton = void 0; // @ts-ignore
-
+exports.FloatingActionButtonVue2 = exports.FloatingActionButton = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var FloatingActionButtonItem_1 = require("./FloatingActionButtonItem");
-
 var package_metadata_1 = require("../package-metadata");
-
 var utils_1 = require("./utils");
-
 var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
 /**
  * @hidden
  */
-
-
 var FloatingActionButtonVue2 = {
   name: 'KendoVueFloatingActionButton',
   props: {
@@ -129,14 +121,12 @@ var FloatingActionButtonVue2 = {
     this.popup = (0, kendo_vue_common_1.getRef)(this, 'popup');
     this.currentDir = this.$props.dir !== undefined ? this.$props.dir : this.$el && getComputedStyle(this.$el).direction === 'rtl' || false;
     this.isRtl = this.currentDir === 'rtl';
-
     if (this.opened !== undefined) {
       (0, utils_1.position)(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl);
     }
   },
   updated: function updated() {
     (0, utils_1.position)(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl);
-
     if (this.currentFocused && this.element) {
       this.element.focus();
     }
@@ -144,14 +134,13 @@ var FloatingActionButtonVue2 = {
   computed: {
     buttonClassNames: function buttonClassNames() {
       var _a;
-
       var _b = this.$props,
-          size = _b.size,
-          icon = _b.icon,
-          shape = _b.shape,
-          themeColor = _b.themeColor,
-          fillMode = _b.fillMode,
-          rounded = _b.rounded;
+        size = _b.size,
+        icon = _b.icon,
+        shape = _b.shape,
+        themeColor = _b.themeColor,
+        fillMode = _b.fillMode,
+        rounded = _b.rounded;
       return _a = {
         'k-fab': true
       }, _a["k-fab-".concat(shape || 'rectangle')] = shape !== null, _a["k-fab-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a["k-fab-".concat(fillMode)] = fillMode, _a["k-fab-".concat(fillMode, "-").concat(themeColor)] = fillMode && themeColor, _a['k-disabled'] = this.$props.disabled, _a['k-focus'] = this.currentFocused, _a["k-".concat(this.$props.align.vertical, "-").concat(this.$props.align.horizontal)] = true, _a;
@@ -171,7 +160,6 @@ var FloatingActionButtonVue2 = {
       if (!this.$props.items) {
         return;
       }
-
       this.$emit(isOpen ? 'open' : 'close', {
         event: dispatchedEvent,
         isOpened: !isOpen
@@ -181,7 +169,6 @@ var FloatingActionButtonVue2 = {
       if (!event.target || this.$props.disabled) {
         return;
       }
-
       if (!this.$props.items) {
         this.$emit('click', event, undefined);
       } else {
@@ -203,7 +190,6 @@ var FloatingActionButtonVue2 = {
       this.focusedIndex = -1;
       this.$emit('blur', event, undefined);
       var fireCloseEvent = this.computedOpened;
-
       if (fireCloseEvent) {
         this.dispatchPopupEvent(event, false);
       }
@@ -219,7 +205,6 @@ var FloatingActionButtonVue2 = {
       if (!this.$props.items) {
         return;
       }
-
       if (!this.$props.items[index].disabled) {
         this.$emit('itemclick', dispatchedEvent, {
           itemProps: this.$props.items[index],
@@ -231,7 +216,6 @@ var FloatingActionButtonVue2 = {
       if (!event.target || !this.$props.items) {
         return;
       }
-
       this.focusedIndex = clickedItemIndex;
       this.currentOpened = false;
       this.dispatchItemClickEvent(event, clickedItemIndex);
@@ -246,67 +230,52 @@ var FloatingActionButtonVue2 = {
       var currIndex = this.focusedIndex;
       var maxNavIndex = this.$props.items ? this.$props.items.length - 1 : -1;
       var isAtBottom = this.$props.align.vertical === 'bottom';
-
       switch (event.keyCode) {
         case kendo_vue_common_1.Keys.enter:
         case kendo_vue_common_1.Keys.space:
           if (currIndex >= 0) {
             this.dispatchItemClickEvent(event, currIndex);
           }
-
           event.preventDefault();
           this.currentOpened = !this.currentOpened;
           this.focusedIndex = !this.currentOpened ? 0 : -1;
           break;
-
         case kendo_vue_common_1.Keys.esc:
           event.preventDefault();
           this.currentOpened = false;
           this.focusedIndex = -1;
           break;
-
         case kendo_vue_common_1.Keys.home:
           event.preventDefault();
           this.focusedIndex = 0;
           break;
-
         case kendo_vue_common_1.Keys.end:
           event.preventDefault();
           this.focusedIndex = maxNavIndex;
           break;
-
         case kendo_vue_common_1.Keys.down:
         case kendo_vue_common_1.Keys.right:
           event.preventDefault();
-
           if (currIndex < maxNavIndex && !isAtBottom) {
             this.focusedIndex = currIndex + 1;
           }
-
           if (currIndex > 0 && isAtBottom) {
             this.focusedIndex = currIndex - 1;
           }
-
           break;
-
         case kendo_vue_common_1.Keys.up:
         case kendo_vue_common_1.Keys.left:
           event.preventDefault();
-
           if (currIndex > 0 && !isAtBottom) {
             this.focusedIndex = currIndex - 1;
           }
-
           if (currIndex < maxNavIndex && isAtBottom) {
             this.focusedIndex = currIndex + 1;
           }
-
           break;
-
         default:
           break;
       }
-
       this.$emit('keydown', event, undefined);
     }
   },
@@ -323,26 +292,24 @@ var FloatingActionButtonVue2 = {
   },
   render: function render(createElement) {
     var _this2 = this;
-
     var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
-        align = _a.align,
-        disabled = _a.disabled,
-        icon = _a.icon,
-        iconClass = _a.iconClass,
-        id = _a.id,
-        items = _a.items,
-        text = _a.text,
-        tabIndex = _a.tabIndex,
-        accessKey = _a.accessKey,
-        popupSettings = _a.popupSettings;
+      align = _a.align,
+      disabled = _a.disabled,
+      icon = _a.icon,
+      iconClass = _a.iconClass,
+      id = _a.id,
+      items = _a.items,
+      text = _a.text,
+      tabIndex = _a.tabIndex,
+      accessKey = _a.accessKey,
+      popupSettings = _a.popupSettings;
     var item = kendo_vue_common_1.templateRendering.call(this, this.$props.item, kendo_vue_common_1.getListeners.call(this));
-
     var fabItems = function fabItems() {
       return items && items.map(function (element, index) {
-        return (// @ts-ignore  function children
+        return (
+          // @ts-ignore  function children
           h(FloatingActionButtonItem_1.FloatingActionButtonItem, {
             key: index,
             index: index,
@@ -370,7 +337,6 @@ var FloatingActionButtonVue2 = {
         );
       }, this);
     };
-
     var isIconFab = icon && !text;
     var fabWidth = this.element ? this.element.offsetWidth : 0;
     var iconWidth = 32;
@@ -438,7 +404,8 @@ var FloatingActionButtonVue2 = {
       "class": iconClass
     }) : null, text && h("span", {
       "class": "k-fab-text"
-    }, [text])]), // @ts-ignore function children
+    }, [text])]),
+    // @ts-ignore function children
     h(kendo_vue_popup_1.Popup, {
       ref: (0, kendo_vue_common_1.setRef)(this, 'popup'),
       show: this.computedOpened,
@@ -503,6 +470,5 @@ exports.FloatingActionButtonVue2 = FloatingActionButtonVue2;
 /**
  * @hidden
  */
-
 var FloatingActionButton = FloatingActionButtonVue2;
 exports.FloatingActionButton = FloatingActionButton;

package/dist/npm/FloatingActionButton/FloatingActionButtonItem.js

@@ -3,21 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FloatingActionButtonItemVue2 = exports.FloatingActionButtonItem = void 0; // @ts-ignore
-
+exports.FloatingActionButtonItemVue2 = exports.FloatingActionButtonItem = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var FloatingActionButtonItemVue2 = {
   name: 'KendoVueFloatingActionButtonItem',
   props: {
@@ -74,13 +70,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: (0, kendo_vue_common_1.setRef)(this, 'element'),
@@ -126,6 +122,5 @@ exports.FloatingActionButtonItemVue2 = FloatingActionButtonItemVue2;
 /**
  * @hidden
  */
-
 var FloatingActionButtonItem = FloatingActionButtonItemVue2;
 exports.FloatingActionButtonItem = FloatingActionButtonItem;

package/dist/npm/ListButton/ButtonItem.js

@@ -3,20 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ButtonItemVue2 = exports.ButtonItem = void 0; // @ts-ignore
-
+exports.ButtonItemVue2 = exports.ButtonItem = 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 ButtonItemVue2 = {
   name: 'KendoButtonItem',
   // @ts-ignore
@@ -67,14 +63,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", {
@@ -116,7 +111,6 @@ var ButtonItemVue2 = {
         }
       });
     };
-
     var item = h("li", {
       id: id,
       attrs: this.v3 ? undefined : {
@@ -143,6 +137,5 @@ exports.ButtonItemVue2 = ButtonItemVue2;
 /**
  * @hidden
  */
-
 var ButtonItem = ButtonItemVue2;
 exports.ButtonItem = ButtonItem;

package/dist/npm/ListButton/DropDownButton.js

@@ -4,50 +4,35 @@ 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.DropDownButtonVue2 = exports.DropDownButton = void 0; // @ts-ignore
-
+exports.DropDownButtonVue2 = exports.DropDownButton = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
-
 var Button_1 = require("../Button");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var navigation_1 = require("./utils/navigation");
-
 var ButtonItem_1 = require("./ButtonItem");
-
 var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
-
 var popup_1 = require("./utils/popup");
-
 var kendo_vue_common_2 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("../package-metadata");
 /**
  * @hidden
  */
-
-
 var DropDownButtonVue2 = {
   name: 'KendoDropDownButton',
   // @ts-ignore
@@ -130,8 +115,8 @@ var DropDownButtonVue2 = {
     (0, kendo_vue_common_2.validatePackage)(package_metadata_1.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();
     }
@@ -171,26 +156,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 = (0, kendo_vue_common_1.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: kendo_vue_common_2.templateRendering.call(this, dataItem.render, kendo_vue_common_2.getListeners.call(this))
         }) : dataItem;
-        return (// @ts-ignore
+        return (
+          // @ts-ignore
           h(ButtonItem_1.ButtonItem, {
             "class": "k-menu-item",
             dataItem: currentDataItem,
@@ -220,15 +204,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(kendo_vue_popup_1.Popup, {
           anchor: this._anchor,
           attrs: this.v3 ? undefined : {
@@ -268,7 +251,6 @@ var DropDownButtonVue2 = {
         }, [renderChildItems.call(_this)])])
       );
     };
-
     return h("div", {
       "class": this.wrapperClass,
       onKeydown: this.onKeyDown,
@@ -283,7 +265,8 @@ var DropDownButtonVue2 = {
       attrs: this.v3 ? undefined : {
         dir: dir
       }
-    }, [// @ts-ignore function children
+    }, [
+    // @ts-ignore function children
     h(Button_1.Button, {
       size: this.$props.size,
       attrs: this.v3 ? undefined : {
@@ -356,17 +339,14 @@ var DropDownButtonVue2 = {
           this.focusedIndex = -1;
           this.currentOpened = false;
         }
-
         return;
       }
-
       if (event.keyCode === kendo_vue_common_1.Keys.enter || event.keyCode === kendo_vue_common_1.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);
@@ -375,12 +355,10 @@ var DropDownButtonVue2 = {
         this.currentOpened = false;
         this.dispatchPopupEvent(event, this.currentOpened);
       }
-
       if (this.computedOpened) {
         var newFocused = (0, navigation_1.default)(this.focusedIndex, event.keyCode, event.altKey, this.buttonsData.length);
         this.focusedIndex = newFocused;
         var arrowKey = event.keyCode === kendo_vue_common_1.Keys.up || event.keyCode === kendo_vue_common_1.Keys.down || event.keyCode === kendo_vue_common_1.Keys.left || event.keyCode === kendo_vue_common_1.Keys.right;
-
         if (!event.altKey && arrowKey) {
           // Needed to notify the parent listeners that event is handled.
           event.preventDefault();
@@ -392,7 +370,6 @@ var DropDownButtonVue2 = {
         this.focused = true;
         this.$emit('focus', event, this, undefined);
       }
-
       this.focusedIndex = this.computedOpened ? 0 : -1;
       clearTimeout(this._blurTimeout);
     },
@@ -408,7 +385,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);
@@ -443,7 +419,6 @@ var DropDownButtonVue2 = {
       if (!this.buttonsData.length) {
         return;
       }
-
       var toOpen = !this.computedOpened;
       this.currentOpened = toOpen;
       this.focused = true;
@@ -465,6 +440,5 @@ exports.DropDownButtonVue2 = DropDownButtonVue2;
 /**
  * @hidden
  */
-
 var DropDownButton = DropDownButtonVue2;
 exports.DropDownButton = DropDownButton;