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

package/dist/es/Button.js

@@ -10,7 +10,6 @@ var styles = util.styles;
 /**
  * @hidden
  */
-
 var ButtonVue2 = {
   name: 'KendoButton',
   // @ts-ignore
@@ -96,18 +95,17 @@ var ButtonVue2 = {
     },
     buttonClasses: function buttonClasses() {
       var _a;
-
       var _b = this.$props,
-          disabled = _b.disabled,
-          icon = _b.icon,
-          iconClass = _b.iconClass,
-          imageUrl = _b.imageUrl,
-          dir = _b.dir,
-          size = _b.size,
-          shape = _b.shape,
-          rounded = _b.rounded,
-          fillMode = _b.fillMode,
-          themeColor = _b.themeColor;
+        disabled = _b.disabled,
+        icon = _b.icon,
+        iconClass = _b.iconClass,
+        imageUrl = _b.imageUrl,
+        dir = _b.dir,
+        size = _b.size,
+        shape = _b.shape,
+        rounded = _b.rounded,
+        fillMode = _b.fillMode,
+        themeColor = _b.themeColor;
       var hasIcon = icon !== undefined || iconClass !== undefined || imageUrl !== undefined;
       var defaultSlot = getDefaultSlots(this);
       var hasChildren = defaultSlot;
@@ -133,7 +131,6 @@ var ButtonVue2 = {
     },
     handleClick: function handleClick(event) {
       this.toggleIfApplicable();
-
       if (!this.disabled) {
         this.$emit('click', event);
       }
@@ -195,13 +192,12 @@ var ButtonVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        togglable = _a.togglable,
-        icon = _a.icon,
-        iconClass = _a.iconClass,
-        imageUrl = _a.imageUrl,
-        imageAlt = _a.imageAlt;
+      togglable = _a.togglable,
+      icon = _a.icon,
+      iconClass = _a.iconClass,
+      imageUrl = _a.imageUrl,
+      imageAlt = _a.imageAlt;
     var defaultSlot = getDefaultSlots(this);
-
     var iconElement = function iconElement() {
       if (imageUrl) {
         return h("img", {
@@ -233,10 +229,8 @@ var ButtonVue2 = {
           "class": iconClass
         });
       }
-
       return null;
     };
-
     return h("button", {
       "class": this.buttonClasses,
       onClick: this.handleClick,
@@ -277,6 +271,5 @@ var ButtonVue2 = {
 /**
  * @hidden
  */
-
 var Button = ButtonVue2;
 export { Button, ButtonVue2 };

package/dist/es/ButtonGroup.js

@@ -11,7 +11,6 @@ var styles = util.styles;
 /**
  * @hidden
  */
-
 var ButtonGroupVue2 = {
   name: 'KendoButtonGroup',
   props: {
@@ -40,13 +39,10 @@ var ButtonGroupVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
-
     var renderButton = function renderButton(child, index, isLast, isRtl) {
       var _a;
-
       var className = classNames((_a = {}, _a[styles['state-disabled']] = this.$props.disabled, _a[styles['group-start']] = isRtl ? isLast : index === 0, _a[styles['group-end']] = isRtl ? index === 0 : isLast, _a));
       return h(ButtonWrap, {
         class: className,
@@ -58,27 +54,24 @@ var ButtonGroupVue2 = {
         return [child];
       } : [child]);
     };
-
     var mapButtons = function mapButtons(children) {
       var _this = this;
-
       var count = children.length;
       var rtl = this.$props.dir !== undefined ? this.$props.dir === 'rtl' : this.$el && getComputedStyle(this.$el).direction === 'rtl' || false;
       return children.map(function (child, index) {
         if (_this.isValidButton(child)) {
           return renderButton.call(_this, child, index, index === count - 1, rtl);
         }
-
         return child;
       });
     };
-
     var groupClasses = classNames([styles['button-group']], (_a = {}, _a['k-disabled'] = this.$props.disabled, _a[styles['button-group-stretched']] = !!this.$props.width, _a));
     return h("div", {
       style: {
         width: this.width
       },
-      dir: this.$props.dir // Accessibility properties
+      dir: this.$props.dir
+      // Accessibility properties
       ,
       attrs: this.v3 ? undefined : {
         dir: this.$props.dir,
@@ -99,6 +92,5 @@ var ButtonGroupVue2 = {
 /**
  * @hidden
  */
-
 var ButtonGroup = ButtonGroupVue2;
 export { ButtonGroup, ButtonGroupVue2 };

package/dist/es/ButtonWrap.js

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var ButtonWrapVue2 = {
   name: 'KendoButtonWrap',
   props: {},
@@ -28,6 +27,5 @@ var ButtonWrapVue2 = {
 /**
  * @hidden
  */
-
 var ButtonWrap = ButtonWrapVue2;
 export { ButtonWrap, ButtonWrapVue2 };

package/dist/es/Chip/Chip.js

@@ -12,7 +12,6 @@ import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
-
 var ChipVue2 = {
   name: 'KendoVueChip',
   props: {
@@ -128,7 +127,6 @@ var ChipVue2 = {
   computed: {
     currentSelected: function currentSelected() {
       var _this = this;
-
       return this.$props.selected || (Array.isArray(this.kendoSelection.value) ? this.kendoSelection.value.some(function (i) {
         return i === _this.$props.value;
       }) : this.kendoSelection.value === this.$props.value);
@@ -146,7 +144,6 @@ var ChipVue2 = {
           event: event
         });
       }
-
       this.$emit('click', {
         target: this.target,
         event: event
@@ -154,11 +151,9 @@ var ChipVue2 = {
     },
     handleRemove: function handleRemove(event) {
       event.stopPropagation();
-
       if (!this.$props.removable) {
         return;
       }
-
       if (this.handleDispatchFocus) {
         this.handleDispatchDataItems({
           type: DATA_ACTION.remove,
@@ -176,7 +171,6 @@ var ChipVue2 = {
           event: event
         });
       }
-
       this.$emit('remove', {
         target: this.target,
         event: event
@@ -192,9 +186,7 @@ var ChipVue2 = {
               event: event
             });
           }
-
           break;
-
         case Keys.right:
           if (this.handleDispatchFocus) {
             this.handleDispatchFocus({
@@ -203,9 +195,7 @@ var ChipVue2 = {
               event: event
             });
           }
-
           break;
-
         case Keys.enter:
           if (this.handleDispatchFocus) {
             this.handleDispatchSelection({
@@ -214,17 +204,13 @@ var ChipVue2 = {
               event: event
             });
           }
-
           break;
-
         case Keys.delete:
           this.handleRemove(event);
           break;
-
         default:
           break;
       }
-
       this.$emit('keydown', {
         target: this.target,
         event: event
@@ -238,7 +224,6 @@ var ChipVue2 = {
           event: event
         });
       }
-
       this.$emit('focus', {
         target: this.target,
         event: event
@@ -262,15 +247,14 @@ var ChipVue2 = {
   },
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     var _b = this.$props,
-        size = _b.size,
-        rounded = _b.rounded,
-        themeColor = _b.themeColor,
-        fillMode = _b.fillMode,
-        look = _b.look,
-        type = _b.type;
+      size = _b.size,
+      rounded = _b.rounded,
+      themeColor = _b.themeColor,
+      fillMode = _b.fillMode,
+      look = _b.look,
+      type = _b.type;
     return h("div", {
       role: this.$props.role,
       attrs: this.v3 ? undefined : {
@@ -333,6 +317,5 @@ var ChipVue2 = {
 /**
  * @hidden
  */
-
 var Chip = ChipVue2;
 export { Chip, ChipVue2 };

package/dist/es/Chip/ChipList.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;
@@ -29,7 +25,6 @@ import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
-
 var ChipListVue2 = {
   name: 'KendoVueChipList',
   props: {
@@ -197,7 +192,6 @@ var ChipListVue2 = {
   },
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     var size = this.$props.size;
     return h("div", {
@@ -220,7 +214,8 @@ var ChipListVue2 = {
       "aria-describedby": this.$props.ariaDescribedBy
     }, [this.computedDataItems.map(function (item) {
       var chipTemplate = templateRendering.call(this, this.$props.chip, getListeners.call(this));
-      var chipDefaultRendering = // @ts-ignore  function children
+      var chipDefaultRendering =
+      // @ts-ignore  function children
       h(Chip, {
         role: 'option',
         attrs: this.v3 ? undefined : {
@@ -258,6 +253,5 @@ var ChipListVue2 = {
 /**
  * @hidden
  */
-
 var ChipList = ChipListVue2;
 export { ChipList, ChipListVue2 };

package/dist/es/Chip/data-reducer.js

@@ -2,7 +2,6 @@
  * @hidden
  */
 export var DATA_ACTION;
-
 (function (DATA_ACTION) {
   DATA_ACTION["remove"] = "remove";
   DATA_ACTION["add"] = "add";
@@ -11,23 +10,18 @@ export var DATA_ACTION;
 /**
  * @hidden
  */
-
-
 export var dataReducer = function dataReducer(state, action) {
   switch (action.type) {
     case DATA_ACTION.add:
       // TODO v2
       break;
-
     case DATA_ACTION.remove:
       return state.filter(function (i) {
         return i[action.valueField] !== action.payload;
       });
-
     case DATA_ACTION.reorder:
       // TODO v2
       break;
-
     default:
       return state;
   }

package/dist/es/Chip/focus-reducer.js

@@ -2,7 +2,6 @@
  * @hidden
  */
 export var FOCUS_ACTION;
-
 (function (FOCUS_ACTION) {
   FOCUS_ACTION["next"] = "next";
   FOCUS_ACTION["prev"] = "prev";
@@ -12,26 +11,19 @@ export var FOCUS_ACTION;
 /**
  * @hidden
  */
-
-
 export var focusReducer = function focusReducer(state, action) {
   var currentIndex = action.items.findIndex(function (i) {
     return i === state;
   });
-
   switch (action.type) {
     case FOCUS_ACTION.next:
       return currentIndex === action.items.length - 1 ? state : action.items[currentIndex + 1];
-
     case FOCUS_ACTION.prev:
       return currentIndex === 0 ? state : action.items[currentIndex - 1];
-
     case FOCUS_ACTION.current:
       return action.payload;
-
     case FOCUS_ACTION.reset:
       return null;
-
     default:
       return state;
   }

package/dist/es/Chip/selection-reducer.js

@@ -10,10 +10,7 @@ var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
 /**
  * @hidden
  */
-
-
 export var SELECTION_TYPE;
-
 (function (SELECTION_TYPE) {
   SELECTION_TYPE["single"] = "single";
   SELECTION_TYPE["multiple"] = "multiple";
@@ -22,10 +19,7 @@ export var SELECTION_TYPE;
 /**
  * @hidden
  */
-
-
 export var SELECTION_ACTION;
-
 (function (SELECTION_ACTION) {
   SELECTION_ACTION["toggle"] = "toggle";
   SELECTION_ACTION["remove"] = "remove";
@@ -33,8 +27,6 @@ export var SELECTION_ACTION;
 /**
  * @hidden
  */
-
-
 export var selectionReducer = function selectionReducer(state, action) {
   switch (action.selection) {
     case SELECTION_TYPE.single:
@@ -44,19 +36,15 @@ export var selectionReducer = function selectionReducer(state, action) {
             if (!Array.isArray(state) || state === null) {
               return action.payload === state ? null : action.payload;
             }
-
             throw new Error('State cannot be an array in single selection');
           }
-
         case SELECTION_ACTION.remove:
           {
             return action.payload === state ? null : state;
           }
-
         default:
           return state;
       }
-
     case SELECTION_TYPE.multiple:
       switch (action.type) {
         case SELECTION_ACTION.toggle:
@@ -68,14 +56,11 @@ export var selectionReducer = function selectionReducer(state, action) {
                 return i !== action.payload;
               }) : __spreadArray(__spreadArray([], state, true), [action.payload], false);
             }
-
             if (state === null) {
               return [action.payload];
             }
-
             throw new Error('State cannot be non-array in multiple selection');
           }
-
         case SELECTION_ACTION.remove:
           {
             if (Array.isArray(state)) {
@@ -85,17 +70,13 @@ export var selectionReducer = function selectionReducer(state, action) {
                 return i !== action.payload;
               }) : __spreadArray(__spreadArray([], state, true), [action.payload], false);
             }
-
             return state;
           }
-
         default:
           return state;
       }
-
     case SELECTION_TYPE.none:
       return null;
-
     default:
       return state;
   }

package/dist/es/FloatingActionButton/FloatingActionButton.js

@@ -12,7 +12,6 @@ import { Popup } from '@progress/kendo-vue-popup';
 /**
  * @hidden
  */
-
 var FloatingActionButtonVue2 = {
   name: 'KendoVueFloatingActionButton',
   props: {
@@ -116,14 +115,12 @@ var FloatingActionButtonVue2 = {
     this.popup = 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) {
       position(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl);
     }
   },
   updated: function updated() {
     position(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl);
-
     if (this.currentFocused && this.element) {
       this.element.focus();
     }
@@ -131,14 +128,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(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(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;
@@ -158,7 +154,6 @@ var FloatingActionButtonVue2 = {
       if (!this.$props.items) {
         return;
       }
-
       this.$emit(isOpen ? 'open' : 'close', {
         event: dispatchedEvent,
         isOpened: !isOpen
@@ -168,7 +163,6 @@ var FloatingActionButtonVue2 = {
       if (!event.target || this.$props.disabled) {
         return;
       }
-
       if (!this.$props.items) {
         this.$emit('click', event, undefined);
       } else {
@@ -190,7 +184,6 @@ var FloatingActionButtonVue2 = {
       this.focusedIndex = -1;
       this.$emit('blur', event, undefined);
       var fireCloseEvent = this.computedOpened;
-
       if (fireCloseEvent) {
         this.dispatchPopupEvent(event, false);
       }
@@ -206,7 +199,6 @@ var FloatingActionButtonVue2 = {
       if (!this.$props.items) {
         return;
       }
-
       if (!this.$props.items[index].disabled) {
         this.$emit('itemclick', dispatchedEvent, {
           itemProps: this.$props.items[index],
@@ -218,7 +210,6 @@ var FloatingActionButtonVue2 = {
       if (!event.target || !this.$props.items) {
         return;
       }
-
       this.focusedIndex = clickedItemIndex;
       this.currentOpened = false;
       this.dispatchItemClickEvent(event, clickedItemIndex);
@@ -233,67 +224,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 Keys.enter:
         case Keys.space:
           if (currIndex >= 0) {
             this.dispatchItemClickEvent(event, currIndex);
           }
-
           event.preventDefault();
           this.currentOpened = !this.currentOpened;
           this.focusedIndex = !this.currentOpened ? 0 : -1;
           break;
-
         case Keys.esc:
           event.preventDefault();
           this.currentOpened = false;
           this.focusedIndex = -1;
           break;
-
         case Keys.home:
           event.preventDefault();
           this.focusedIndex = 0;
           break;
-
         case Keys.end:
           event.preventDefault();
           this.focusedIndex = maxNavIndex;
           break;
-
         case Keys.down:
         case Keys.right:
           event.preventDefault();
-
           if (currIndex < maxNavIndex && !isAtBottom) {
             this.focusedIndex = currIndex + 1;
           }
-
           if (currIndex > 0 && isAtBottom) {
             this.focusedIndex = currIndex - 1;
           }
-
           break;
-
         case Keys.up:
         case 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);
     }
   },
@@ -310,26 +286,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 = templateRendering.call(this, this.$props.item, 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, {
             key: index,
             index: index,
@@ -357,7 +331,6 @@ var FloatingActionButtonVue2 = {
         );
       }, this);
     };
-
     var isIconFab = icon && !text;
     var fabWidth = this.element ? this.element.offsetWidth : 0;
     var iconWidth = 32;
@@ -425,7 +398,8 @@ var FloatingActionButtonVue2 = {
       "class": iconClass
     }) : null, text && h("span", {
       "class": "k-fab-text"
-    }, [text])]), // @ts-ignore function children
+    }, [text])]),
+    // @ts-ignore function children
     h(Popup, {
       ref: setRef(this, 'popup'),
       show: this.computedOpened,
@@ -489,6 +463,5 @@ var FloatingActionButtonVue2 = {
 /**
  * @hidden
  */
-
 var FloatingActionButton = FloatingActionButtonVue2;
 export { FloatingActionButton, FloatingActionButtonVue2 };