@progress/kendo-vue-buttons 3.5.0 → 3.5.1-dev.202208150613

package/dist/npm/Button.js

@@ -96,7 +96,7 @@ var ButtonVue2 = {
     }
   },
   created: function created() {
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
     this.currentActive = this.$props.togglable === true && this.$props.selected === true;
     this._activeTemp = undefined;
   },
@@ -124,9 +124,9 @@ var ButtonVue2 = {
           fillMode = _b.fillMode,
           themeColor = _b.themeColor;
       var hasIcon = icon !== undefined || iconClass !== undefined || imageUrl !== undefined;
-      var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+      var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
       var hasChildren = defaultSlot;
-      return _a = {}, _a[styles.button] = true, _a["k-button-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-button-" + shape] = shape && shape !== 'rectangle', _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-icon-button'] = !hasChildren && hasIcon, _a['k-disabled'] = disabled, _a['k-selected'] = this.computedSelected, _a['k-rtl'] = dir === 'rtl', _a["k-button-" + fillMode] = fillMode, _a["k-button-" + fillMode + "-" + themeColor] = fillMode && themeColor, _a;
+      return _a = {}, _a[styles.button] = true, _a["k-button-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-button-".concat(shape)] = shape && shape !== 'rectangle', _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-icon-button'] = !hasChildren && hasIcon, _a['k-disabled'] = disabled, _a['k-selected'] = this.computedSelected, _a['k-rtl'] = dir === 'rtl', _a["k-button-".concat(fillMode)] = fillMode, _a["k-button-".concat(fillMode, "-").concat(themeColor)] = fillMode && themeColor, _a;
     }
   },
   updated: function updated() {
@@ -210,7 +210,7 @@ var ButtonVue2 = {
         iconClass = _a.iconClass,
         imageUrl = _a.imageUrl,
         imageAlt = _a.imageAlt;
-    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
 
     var iconElement = function iconElement() {
       if (imageUrl) {
@@ -226,7 +226,7 @@ var ButtonVue2 = {
           src: imageUrl
         });
       } else if (icon) {
-        var iconClasses = kendo_vue_common_1.classNames('k-icon', 'k-button-icon', 'k-i-' + icon);
+        var iconClasses = (0, kendo_vue_common_1.classNames)('k-icon', 'k-button-icon', 'k-i-' + icon);
         return h("span", {
           role: "presentation",
           attrs: this.v3 ? undefined : {

package/dist/npm/ButtonGroup.js

@@ -40,7 +40,7 @@ var ButtonGroupVue2 = {
     }
   },
   created: function created() {
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
@@ -54,12 +54,12 @@ var ButtonGroupVue2 = {
     var _a;
 
     var h = gh || createElement;
-    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
 
     var renderButton = function renderButton(child, index, isLast, isRtl) {
       var _a;
 
-      var className = kendo_vue_common_1.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));
+      var className = (0, kendo_vue_common_1.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_1.ButtonWrap, {
         class: className,
         attrs: this.v3 ? undefined : {
@@ -85,7 +85,7 @@ var ButtonGroupVue2 = {
       });
     };
 
-    var groupClasses = kendo_vue_common_1.classNames([styles['button-group']], (_a = {}, _a['k-disabled'] = this.$props.disabled, _a[styles['button-group-stretched']] = !!this.$props.width, _a));
+    var groupClasses = (0, kendo_vue_common_1.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

package/dist/npm/ButtonWrap.js

@@ -30,7 +30,7 @@ var ButtonWrapVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
     return defaultSlot[0];
   }
 };

package/dist/npm/Chip/Chip.js

@@ -127,10 +127,10 @@ var ChipVue2 = {
   },
   created: function created() {
     this.currentDir = undefined;
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
   },
   mounted: function mounted() {
-    this.chip = kendo_vue_common_1.getRef(this, 'chip');
+    this.chip = (0, kendo_vue_common_1.getRef)(this, 'chip');
     this.currentDir = this.$props.dir !== undefined ? this.$props.dir === 'rtl' : this.$el && getComputedStyle(this.$el).direction === 'rtl' || false;
   },
   updated: function updated() {
@@ -290,21 +290,21 @@ var ChipVue2 = {
         role: this.$props.role,
         id: this.$props.value,
         dir: this.currentDir,
-        tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
+        tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled, undefined),
         "aria-checked": this.currentSelected,
         "aria-disabled": this.$props.disabled,
         "aria-describedby": this.$props.ariaDescribedBy
       },
       id: this.$props.value,
-      ref: kendo_vue_common_1.setRef(this, 'chip'),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'chip'),
       dir: this.currentDir,
-      tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
-      "class": kendo_vue_common_1.classNames('k-chip', (_a = {
+      tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled, undefined),
+      "class": (0, kendo_vue_common_1.classNames)('k-chip', (_a = {
         'k-rtl': this.currentDir === 'rtl',
         'k-disabled': this.$props.disabled,
         'k-selected': this.currentSelected,
         'k-focus': this.computedFocused()
-      }, _a["k-chip-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a["k-chip-" + fillMode] = fillMode, _a["k-chip-" + fillMode + "-" + themeColor] = Boolean(fillMode && themeColor), _a['k-chip-success'] = type === 'success', _a['k-chip-warning'] = type === 'warning', _a['k-chip-error'] = type === 'error', _a['k-chip-info'] = type === 'info', _a['k-chip-outline'] = look === 'outline' || look === 'outlined', _a['k-chip-solid'] = look === 'solid' || look === 'filled', _a)),
+      }, _a["k-chip-".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-chip-".concat(fillMode)] = fillMode, _a["k-chip-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor), _a['k-chip-success'] = type === 'success', _a['k-chip-warning'] = type === 'warning', _a['k-chip-error'] = type === 'error', _a['k-chip-info'] = type === 'info', _a['k-chip-outline'] = look === 'outline' || look === 'outlined', _a['k-chip-solid'] = look === 'solid' || look === 'filled', _a)),
       "aria-checked": this.currentSelected,
       "aria-disabled": this.$props.disabled,
       "aria-describedby": this.$props.ariaDescribedBy,
@@ -319,9 +319,9 @@ var ChipVue2 = {
       onClick: this.handleClick,
       onKeydown: this.handleKeyDown
     }, [this.currentSelected && this.$props.selectedIcon && h("span", {
-      "class": kendo_vue_common_1.classNames('k-chip-icon', 'k-icon', this.$props.selectedIcon)
+      "class": (0, kendo_vue_common_1.classNames)('k-chip-icon', 'k-icon', this.$props.selectedIcon)
     }), this.$props.icon && h("span", {
-      "class": kendo_vue_common_1.classNames('k-chip-icon', 'k-icon', this.$props.icon)
+      "class": (0, kendo_vue_common_1.classNames)('k-chip-icon', 'k-icon', this.$props.icon)
     }), h("span", {
       "class": 'k-chip-content'
     }, [this.$props.text && h("span", {
@@ -335,7 +335,7 @@ var ChipVue2 = {
     }, [h("span", {
       "class": "k-chip-action k-chip-remove-action"
     }, [h("span", {
-      "class": kendo_vue_common_1.classNames('k-chip-icon', 'k-icon', this.$props.removeIcon),
+      "class": (0, kendo_vue_common_1.classNames)('k-chip-icon', 'k-icon', this.$props.removeIcon),
       onClick: this.handleRemove,
       on: this.v3 ? undefined : {
         "click": this.handleRemove

package/dist/npm/Chip/ChipList.js

@@ -121,7 +121,7 @@ var ChipListVue2 = {
     };
   },
   created: function created() {
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
     this.currentDataItems = this.$props.dataItems || this.$props.defaultDataItems;
     this.currentValue.value = this.$props.value || this.$props.defaultValue;
   },
@@ -156,7 +156,7 @@ var ChipListVue2 = {
   },
   methods: {
     handleDispatchSelection: function handleDispatchSelection(action) {
-      var newState = selection_reducer_1.selectionReducer(this.computedValue, __assign(__assign({}, action), {
+      var newState = (0, selection_reducer_1.selectionReducer)(this.computedValue, __assign(__assign({}, action), {
         selection: this.$props.selection,
         state: this.computedValue
       }));
@@ -164,13 +164,13 @@ var ChipListVue2 = {
       this.currentValue.value = newState;
     },
     handleDispatchFocus: function handleDispatchFocus(action) {
-      var newState = focus_reducer_1.focusReducer(action.payload, __assign(__assign({}, action), {
+      var newState = (0, focus_reducer_1.focusReducer)(action.payload, __assign(__assign({}, action), {
         items: this.items
       }));
       this.currentFocused.value = newState;
     },
     handleDispatchDataItems: function handleDispatchDataItems(action) {
-      var newState = data_reducer_1.dataReducer(this.computedDataItems, __assign(__assign({}, action), {
+      var newState = (0, data_reducer_1.dataReducer)(this.computedDataItems, __assign(__assign({}, action), {
         state: this.computedDataItems,
         valueField: this.$props.valueField
       }));
@@ -215,21 +215,21 @@ var ChipListVue2 = {
     var h = gh || createElement;
     var size = this.$props.size;
     return h("div", {
-      ref: kendo_vue_common_1.setRef(this, 'chipList'),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'chipList'),
       role: 'listbox',
       attrs: this.v3 ? undefined : {
         role: 'listbox',
         id: this.$props.id,
         dir: this.currentDir,
-        tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
+        tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled, undefined),
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy
       },
       id: this.$props.id,
       dir: this.currentDir,
       style: this.$props.style,
-      tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
-      "class": kendo_vue_common_1.classNames('k-chip-list', (_a = {}, _a["k-chip-list-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-rtl'] = this.currentDir === 'rtl', _a['k-selection-single'] = this.$props.selection === 'single', _a['k-selection-multiple'] = this.$props.selection === 'multiple', _a['k-disabled'] = this.$props.disabled, _a)),
+      tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled, undefined),
+      "class": (0, kendo_vue_common_1.classNames)('k-chip-list', (_a = {}, _a["k-chip-list-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-rtl'] = this.currentDir === 'rtl', _a['k-selection-single'] = this.$props.selection === 'single', _a['k-selection-multiple'] = this.$props.selection === 'multiple', _a['k-disabled'] = this.$props.disabled, _a)),
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy
     }, [this.computedDataItems.map(function (item) {

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

@@ -20,7 +20,7 @@ var DATA_ACTION;
  */
 
 
-exports.dataReducer = function (state, action) {
+var dataReducer = function dataReducer(state, action) {
   switch (action.type) {
     case DATA_ACTION.add:
       // TODO v2
@@ -38,4 +38,6 @@ exports.dataReducer = function (state, action) {
     default:
       return state;
   }
-};
+};
+
+exports.dataReducer = dataReducer;

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

@@ -21,7 +21,7 @@ var FOCUS_ACTION;
  */
 
 
-exports.focusReducer = function (state, action) {
+var focusReducer = function focusReducer(state, action) {
   var currentIndex = action.items.findIndex(function (i) {
     return i === state;
   });
@@ -42,4 +42,6 @@ exports.focusReducer = function (state, action) {
     default:
       return state;
   }
-};
+};
+
+exports.focusReducer = focusReducer;

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

@@ -1,17 +1,13 @@
 "use strict";
 
-var __spreadArrays = undefined && undefined.__spreadArrays || function () {
-  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
-    s += arguments[i].length;
-  }
-
-  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
-    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
-      r[k] = a[j];
+var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
     }
   }
-
-  return r;
+  return to.concat(ar || Array.prototype.slice.call(from));
 };
 
 Object.defineProperty(exports, "__esModule", {
@@ -45,7 +41,7 @@ var SELECTION_ACTION;
  */
 
 
-exports.selectionReducer = function (state, action) {
+var selectionReducer = function selectionReducer(state, action) {
   switch (action.selection) {
     case SELECTION_TYPE.single:
       switch (action.type) {
@@ -76,7 +72,7 @@ exports.selectionReducer = function (state, action) {
                 return i === action.payload;
               }) ? state.filter(function (i) {
                 return i !== action.payload;
-              }) : __spreadArrays(state, [action.payload]);
+              }) : __spreadArray(__spreadArray([], state, true), [action.payload], false);
             }
 
             if (state === null) {
@@ -93,7 +89,7 @@ exports.selectionReducer = function (state, action) {
                 return i === action.payload;
               }) ? state.filter(function (i) {
                 return i !== action.payload;
-              }) : __spreadArrays(state, [action.payload]);
+              }) : __spreadArray(__spreadArray([], state, true), [action.payload], false);
             }
 
             return state;
@@ -109,4 +105,6 @@ exports.selectionReducer = function (state, action) {
     default:
       return state;
   }
-};
+};
+
+exports.selectionReducer = selectionReducer;

package/dist/npm/FloatingActionButton/FloatingActionButton.js

@@ -117,25 +117,25 @@ var FloatingActionButtonVue2 = {
     };
   },
   created: function created() {
-    kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
+    (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
     this.element = undefined;
-    this._anchor = kendo_vue_common_1.guid();
-    this.listId = kendo_vue_common_1.guid();
-    this.buttonId = kendo_vue_common_1.guid();
+    this._anchor = (0, kendo_vue_common_1.guid)();
+    this.listId = (0, kendo_vue_common_1.guid)();
+    this.buttonId = (0, kendo_vue_common_1.guid)();
   },
   mounted: function mounted() {
     this.element = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];
-    this.list = kendo_vue_common_1.getRef(this, 'list');
-    this.popup = kendo_vue_common_1.getRef(this, 'popup');
+    this.list = (0, kendo_vue_common_1.getRef)(this, 'list');
+    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) {
-      utils_1.position(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl);
+      (0, utils_1.position)(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl);
     }
   },
   updated: function updated() {
-    utils_1.position(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl);
+    (0, utils_1.position)(this.$el, this.$props.align, this.$props.alignOffset, this.isRtl);
 
     if (this.currentFocused && this.element) {
       this.element.focus();
@@ -154,13 +154,13 @@ var FloatingActionButtonVue2 = {
           rounded = _b.rounded;
       return _a = {
         'k-fab': true
-      }, _a["k-fab-" + (shape || 'rectangle')] = shape !== null, _a["k-fab-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-" + (kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a["k-fab-" + fillMode] = fillMode, _a["k-fab-" + fillMode + "-" + themeColor] = fillMode && themeColor, _a['k-disabled'] = this.$props.disabled, _a['k-focus'] = this.currentFocused, _a["k-" + this.$props.align.vertical + "-" + this.$props.align.horizontal] = true, _a;
+      }, _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;
     },
     computedOpened: function computedOpened() {
       return this.$props.opened === undefined ? this.currentOpened : this.$props.opened;
     },
     rootClassNames: function rootClassNames() {
-      return kendo_vue_common_1.classNames({
+      return (0, kendo_vue_common_1.classNames)({
         'k-pos-absolute': this.$props.positionMode === 'absolute',
         'k-pos-fixed': this.$props.positionMode === 'fixed'
       });
@@ -348,18 +348,18 @@ var FloatingActionButtonVue2 = {
             index: index,
             attrs: this.v3 ? undefined : {
               index: index,
-              id: this.listId + "-" + index,
+              id: "".concat(this.listId, "-").concat(index),
               disabled: disabled || element.disabled,
               focused: this.focusedIndex === index,
               dataItem: element,
               item: item
             },
-            id: this.listId + "-" + index,
+            id: "".concat(this.listId, "-").concat(index),
             disabled: disabled || element.disabled,
             focused: this.focusedIndex === index,
             dataItem: element,
             item: item,
-            "class": kendo_vue_common_1.classNames(element.className, utils_1.getTextDirectionClass(this.currentDir || 'ltr', align.horizontal)),
+            "class": (0, kendo_vue_common_1.classNames)(element.className, (0, utils_1.getTextDirectionClass)(this.currentDir || 'ltr', align.horizontal)),
             onClick: this.handleItemClick,
             on: this.v3 ? undefined : {
               "click": this.handleItemClick,
@@ -389,10 +389,10 @@ var FloatingActionButtonVue2 = {
         "aria-disabled": disabled,
         "aria-expanded": items ? this.computedOpened : undefined,
         "aria-haspopup": items ? true : false,
-        "aria-label": (text || '') + " floatingactionbutton",
+        "aria-label": "".concat(text || '', " floatingactionbutton"),
         "aria-owns": items ? this.listId : undefined,
-        "aria-activedescendant": this.focusedIndex >= 0 && items ? this.listId + "-" + this.focusedIndex : undefined,
-        tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+        "aria-activedescendant": this.focusedIndex >= 0 && items ? "".concat(this.listId, "-").concat(this.focusedIndex) : undefined,
+        tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
         accesskey: accessKey,
         dir: this.currentDir,
         disabled: disabled
@@ -402,10 +402,10 @@ var FloatingActionButtonVue2 = {
       "aria-disabled": disabled,
       "aria-expanded": items ? this.computedOpened : undefined,
       "aria-haspopup": items ? true : false,
-      "aria-label": (text || '') + " floatingactionbutton",
+      "aria-label": "".concat(text || '', " floatingactionbutton"),
       "aria-owns": items ? this.listId : undefined,
-      "aria-activedescendant": this.focusedIndex >= 0 && items ? this.listId + "-" + this.focusedIndex : undefined,
-      tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+      "aria-activedescendant": this.focusedIndex >= 0 && items ? "".concat(this.listId, "-").concat(this.focusedIndex) : undefined,
+      tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
       accesskey: accessKey,
       dir: this.currentDir,
       disabled: disabled,
@@ -429,7 +429,7 @@ var FloatingActionButtonVue2 = {
       attrs: this.v3 ? undefined : {
         role: "presentation"
       },
-      "class": kendo_vue_common_1.classNames("k-fab-icon k-icon k-i-" + icon)
+      "class": (0, kendo_vue_common_1.classNames)("k-fab-icon k-icon k-i-".concat(icon))
     }) : iconClass ? h("span", {
       role: "presentation",
       attrs: this.v3 ? undefined : {
@@ -440,27 +440,27 @@ var FloatingActionButtonVue2 = {
       "class": "k-fab-text"
     }, [text])]), // @ts-ignore function children
     h(kendo_vue_popup_1.Popup, {
-      ref: kendo_vue_common_1.setRef(this, 'popup'),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'popup'),
       show: this.computedOpened,
       attrs: this.v3 ? undefined : {
         show: this.computedOpened,
         anchor: this._anchor,
         animate: popupSettings.animate,
-        popupClass: kendo_vue_common_1.classNames('k-popup-transparent k-fab-popup', popupSettings.popupClass),
-        anchorAlign: popupSettings.anchorAlign || utils_1.getAnchorAlign(align, this.isRtl),
-        popupAlign: popupSettings.popupAlign || utils_1.getPopupAlign(align, this.isRtl)
+        popupClass: (0, kendo_vue_common_1.classNames)('k-popup-transparent k-fab-popup', popupSettings.popupClass),
+        anchorAlign: popupSettings.anchorAlign || (0, utils_1.getAnchorAlign)(align, this.isRtl),
+        popupAlign: popupSettings.popupAlign || (0, utils_1.getPopupAlign)(align, this.isRtl)
       },
       anchor: this._anchor,
       animate: popupSettings.animate,
-      popupClass: kendo_vue_common_1.classNames('k-popup-transparent k-fab-popup', popupSettings.popupClass),
-      anchorAlign: popupSettings.anchorAlign || utils_1.getAnchorAlign(align, this.isRtl),
-      popupAlign: popupSettings.popupAlign || utils_1.getPopupAlign(align, this.isRtl),
+      popupClass: (0, kendo_vue_common_1.classNames)('k-popup-transparent k-fab-popup', popupSettings.popupClass),
+      anchorAlign: popupSettings.anchorAlign || (0, utils_1.getAnchorAlign)(align, this.isRtl),
+      popupAlign: popupSettings.popupAlign || (0, utils_1.getPopupAlign)(align, this.isRtl),
       style: {
         boxShadow: 'none'
       }
     }, this.v3 ? function () {
       return [h("ul", {
-        ref: kendo_vue_common_1.setRef(_this2, 'list'),
+        ref: (0, kendo_vue_common_1.setRef)(_this2, 'list'),
         role: 'menu',
         attrs: _this2.v3 ? undefined : {
           role: 'menu',
@@ -469,7 +469,7 @@ var FloatingActionButtonVue2 = {
         },
         "aria-labelledby": id,
         id: _this2.listId,
-        "class": kendo_vue_common_1.classNames('k-fab-items', {
+        "class": (0, kendo_vue_common_1.classNames)('k-fab-items', {
           'k-fab-items-bottom': align.vertical !== 'bottom',
           'k-fab-items-top': align.vertical === 'bottom'
         }),
@@ -479,7 +479,7 @@ var FloatingActionButtonVue2 = {
         }
       }, [fabItems.call(_this2)])];
     } : [h("ul", {
-      ref: kendo_vue_common_1.setRef(_this2, 'list'),
+      ref: (0, kendo_vue_common_1.setRef)(_this2, 'list'),
       role: 'menu',
       attrs: _this2.v3 ? undefined : {
         role: 'menu',
@@ -488,7 +488,7 @@ var FloatingActionButtonVue2 = {
       },
       "aria-labelledby": id,
       id: _this2.listId,
-      "class": kendo_vue_common_1.classNames('k-fab-items', {
+      "class": (0, kendo_vue_common_1.classNames)('k-fab-items', {
         'k-fab-items-bottom': align.vertical !== 'bottom',
         'k-fab-items-top': align.vertical === 'bottom'
       }),

package/dist/npm/FloatingActionButton/FloatingActionButtonItem.js

@@ -37,11 +37,11 @@ var FloatingActionButtonItemVue2 = {
     'down': null
   },
   mounted: function mounted() {
-    this.element = kendo_vue_common_1.getRef(this, 'element');
+    this.element = (0, kendo_vue_common_1.getRef)(this, 'element');
   },
   computed: {
     itemClassNames: function itemClassNames() {
-      return kendo_vue_common_1.classNames('k-fab-item', {
+      return (0, kendo_vue_common_1.classNames)('k-fab-item', {
         'k-focus': this.focused,
         'k-disabled': this.disabled
       });
@@ -83,20 +83,20 @@ var FloatingActionButtonItemVue2 = {
         icon = dataItem.icon;
     var item;
     var itemDefaultRendering = h("li", {
-      ref: kendo_vue_common_1.setRef(this, 'element'),
+      ref: (0, kendo_vue_common_1.setRef)(this, 'element'),
       id: id,
       attrs: this.v3 ? undefined : {
         id: id,
         role: 'menuitem',
-        tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+        tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
         "aria-disabled": disabled,
-        "aria-label": (text || '') + " floatingactionbutton item"
+        "aria-label": "".concat(text || '', " floatingactionbutton item")
       },
       "class": this.itemClassNames,
       role: 'menuitem',
-      tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+      tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
       "aria-disabled": disabled,
-      "aria-label": (text || '') + " floatingactionbutton item",
+      "aria-label": "".concat(text || '', " floatingactionbutton item"),
       onClick: this.handleClick,
       on: this.v3 ? undefined : {
         "click": this.handleClick,
@@ -108,7 +108,7 @@ var FloatingActionButtonItemVue2 = {
     }, [text && h("span", {
       "class": "k-fab-item-text"
     }, [text]), icon && h("span", {
-      "class": kendo_vue_common_1.classNames("k-fab-item-icon k-icon k-i-" + icon)
+      "class": (0, kendo_vue_common_1.classNames)("k-fab-item-icon k-icon k-i-".concat(icon))
     })]);
     item = kendo_vue_common_1.getTemplate.call(this, {
       h: h,

package/dist/npm/FloatingActionButton/utils.js

@@ -8,36 +8,39 @@ exports.DEFAULT_OFFSET = '16px';
 /**
  * @hidden
  */
-exports.toStringValues = function (val) {
+var toStringValues = function (val) {
     if (typeof val === 'number') {
         return val + 'px';
     }
     return val;
 };
+exports.toStringValues = toStringValues;
 /**
  * @hidden
  */
-exports.getAnchorAlign = function (fabAlign, rtl) {
+var getAnchorAlign = function (fabAlign, rtl) {
     var align = { horizontal: (rtl ? 'right' : 'left'), vertical: 'bottom' };
     if (fabAlign.horizontal === 'end') {
         align.horizontal = rtl ? 'left' : 'right';
     }
     return align;
 };
+exports.getAnchorAlign = getAnchorAlign;
 /**
  * @hidden
  */
-exports.getPopupAlign = function (fabAlign, rtl) {
+var getPopupAlign = function (fabAlign, rtl) {
     var align = { horizontal: (rtl ? 'right' : 'left'), vertical: 'top' };
     if (fabAlign.horizontal === 'end') {
         align.horizontal = rtl ? 'left' : 'right';
     }
     return align;
 };
+exports.getPopupAlign = getPopupAlign;
 /**
  * @hidden
  */
-exports.getTextDirectionClass = function (rtl, hAlign) {
+var getTextDirectionClass = function (rtl, hAlign) {
     var al = hAlign === 'end' ? 'end' : 'start';
     var directions = {
         rtl: { end: 'k-text-left', start: 'k-text-right' },
@@ -45,24 +48,25 @@ exports.getTextDirectionClass = function (rtl, hAlign) {
     };
     return directions[rtl][al];
 };
+exports.getTextDirectionClass = getTextDirectionClass;
 /**
  * @hidden
  */
-exports.position = function (ref, align, alignOffset, isRtl) {
+var position = function (ref, align, alignOffset, isRtl) {
     var horizontal = align.horizontal;
     var vertical = align.vertical;
     if (ref) {
         var xFab = alignOffset && alignOffset.x !== undefined ?
-            exports.toStringValues(alignOffset.x) :
+            (0, exports.toStringValues)(alignOffset.x) :
             exports.DEFAULT_OFFSET;
         var xCenterFab = alignOffset && alignOffset.x !== undefined ?
-            "calc(50% + " + exports.toStringValues(alignOffset.x) + ")" :
+            "calc(50% + ".concat((0, exports.toStringValues)(alignOffset.x), ")") :
             '50%';
         var yFab = alignOffset && alignOffset.y !== undefined ?
-            exports.toStringValues(alignOffset.y) :
+            (0, exports.toStringValues)(alignOffset.y) :
             exports.DEFAULT_OFFSET;
         var yCenterFab = alignOffset && alignOffset.y !== undefined ?
-            "calc(50% + " + exports.toStringValues(alignOffset.y) + ")" :
+            "calc(50% + ".concat((0, exports.toStringValues)(alignOffset.y), ")") :
             '50%';
         ref.style.setProperty(horizontalPosition(align, isRtl), horizontal === 'center' ? xCenterFab : xFab);
         ref.style.setProperty(verticalPosition(align), vertical === 'middle' ? yCenterFab : yFab);
@@ -79,6 +83,7 @@ exports.position = function (ref, align, alignOffset, isRtl) {
         }
     }
 };
+exports.position = position;
 var horizontalPosition = function (align, isRtl) {
     var horizontal = align.horizontal;
     return {

package/dist/npm/ListButton/ButtonItem.js

@@ -76,7 +76,7 @@ var ButtonItemVue2 = {
           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-" + dataItem.icon : dataItem.iconClass;
+      var iconClass = dataItem.icon ? "k-icon k-i-".concat(dataItem.icon) : dataItem.iconClass;
       var itemContent = h("span", {
         tabindex: -1,
         attrs: this.v3 ? undefined : {