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

package/dist/es/stepper/Stepper.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;
@@ -28,7 +24,6 @@ import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
-
 var StepperVue2 = {
   name: 'KendoStepper',
   model: {
@@ -149,15 +144,16 @@ var StepperVue2 = {
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var _a = this.$props,
-        animationDuration = _a.animationDuration,
-        disabled = _a.disabled,
-        items = _a.items,
-        orientation = _a.orientation;
+      animationDuration = _a.animationDuration,
+      disabled = _a.disabled,
+      items = _a.items,
+      orientation = _a.orientation;
     var value = this.computedValue;
     var animation = typeof animationDuration === 'number' ? animationDuration : animationDuration !== false ? DEFAULT_ANIMATION_DURATION : NO_ANIMATION;
     var steps = items && items.map(function (element, index) {
       var step = this.$props.item ? templateRendering.call(this, this.$props.item, getListeners.call(this)) : undefined;
-      var stepDefaultRendering = // @ts-ignore
+      var stepDefaultRendering =
+      // @ts-ignore
       h(Step, {
         key: index,
         index: index,
@@ -246,7 +242,8 @@ var StepperVue2 = {
     }, [h("ol", {
       "class": this.listClasses,
       style: this.listStyles
-    }, [steps ? steps : defaultSlot]), // @ts-ignore
+    }, [steps ? steps : defaultSlot]),
+    // @ts-ignore
     h(ProgressBar, {
       style: this.progressbarStyles,
       animation: {
@@ -286,7 +283,6 @@ var StepperVue2 = {
       var currIdx = val === this.computedValue;
       var nextIdx = val === this.computedValue + 1;
       var allowClick = !this.linear || prevIdx || currIdx || nextIdx;
-
       if (this.computedValue !== val && !this.disabled && allowClick) {
         this.focusedIdx = val;
         this.$emit('changemodel', val);
@@ -325,80 +321,58 @@ var StepperVue2 = {
       var isCurrentRtl = this.currentDir === 'rtl';
       var currIndex = this.focusedIdx;
       var maxNavIndex = this.items.length - 1;
-
       switch (event.keyCode) {
         case Keys.left:
           event.preventDefault();
-
           if (!isCurrentRtl && currIndex > 0) {
             this.focusedIdx = currIndex - 1;
           }
-
           if (isCurrentRtl && currIndex < maxNavIndex) {
             this.focusedIdx = currIndex + 1;
           }
-
           break;
-
         case Keys.right:
           event.preventDefault();
-
           if (!isCurrentRtl && currIndex < maxNavIndex) {
             this.focusedIdx = currIndex + 1;
           }
-
           if (isCurrentRtl && currIndex > 0) {
             this.focusedIdx = currIndex - 1;
           }
-
           break;
-
         case Keys.up:
           event.preventDefault();
-
           if (!isCurrentRtl && currIndex > 0) {
             this.focusedIdx = currIndex - 1;
           }
-
           if (isCurrentRtl && currIndex > 0) {
             this.focusedIdx = currIndex - 1;
           }
-
           break;
-
         case Keys.down:
           event.preventDefault();
-
           if (!isCurrentRtl && currIndex < maxNavIndex) {
             this.focusedIdx = currIndex + 1;
           }
-
           if (isCurrentRtl && currIndex < maxNavIndex) {
             this.focusedIdx = currIndex + 1;
           }
-
           break;
-
         case Keys.home:
           event.preventDefault();
           this.focusedIdx = 0;
           break;
-
         case Keys.end:
           event.preventDefault();
           this.focusedIdx = maxNavIndex;
           break;
-
         case Keys.space:
         case Keys.enter:
           event.preventDefault();
-
           if (!this.items[currIndex].disabled) {
             this.handleEnter(event);
           }
-
           break;
-
         default:
       }
     }
@@ -458,6 +432,5 @@ var StepperVue2 = {
  * ```
  *
  */
-
 var Stepper = StepperVue2;
 export { Stepper, StepperVue2 };

package/dist/es/tabstrip/TabStrip.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;
@@ -28,7 +24,6 @@ import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
-
 var TabStripVue2 = {
   name: 'KendoTabStrip',
   // @ts-ignore
@@ -80,9 +75,7 @@ var TabStripVue2 = {
   },
   created: function created() {
     var _a;
-
     var _this = this;
-
     this.keyBinding = (_a = {}, _a[Keys.left] = function () {
       return _this.prevNavigatableTab();
     }, _a[Keys.right] = function () {
@@ -113,7 +106,6 @@ var TabStripVue2 = {
       var indexToUpdate = this.compTabs.findIndex(function (e) {
         return e.id === currentId;
       });
-
       if (this.v3) {
         this.compTabs[indexToUpdate].titleRender = titleTemplate;
       } else {
@@ -140,36 +132,28 @@ var TabStripVue2 = {
     },
     onKeyDown: function onKeyDown(event) {
       var handler;
-
       switch (event.keyCode) {
         case Keys.left:
           handler = this.keyBinding[this.invertKeys(Keys.left, Keys.right)];
           break;
-
         case Keys.right:
           handler = this.keyBinding[this.invertKeys(Keys.right, Keys.left)];
           break;
-
         case Keys.up:
           handler = this.keyBinding[Keys.up];
           break;
-
         case Keys.down:
           handler = this.keyBinding[Keys.down];
           break;
-
         case Keys.home:
           handler = this.keyBinding[Keys.home];
           break;
-
         case Keys.end:
           handler = this.keyBinding[Keys.end];
           break;
-
         default:
           break;
       }
-
       if (handler) {
         event.preventDefault();
         this.onSelect(handler());
@@ -181,7 +165,6 @@ var TabStripVue2 = {
     },
     firstNavigatableTab: function firstNavigatableTab() {
       var length = this.compTabs.length;
-
       if (length) {
         for (var i = 0; i < length; i++) {
           if (!this.compTabs[i].disabled) {
@@ -192,7 +175,6 @@ var TabStripVue2 = {
     },
     lastNavigatableTab: function lastNavigatableTab() {
       var length = this.compTabs.length;
-
       if (length) {
         for (var i = length - 1; i > 0; i--) {
           if (!this.compTabs[i].disabled) {
@@ -205,17 +187,14 @@ var TabStripVue2 = {
       var length = this.compTabs.length;
       var selected = this.$props.selected;
       var index = selected ? selected - 1 : -1;
-
       if (index < 0) {
         return this.lastNavigatableTab();
       }
-
       if (length) {
         for (var i = index; i > -1; i--) {
           if (!this.compTabs[i].disabled) {
             return i;
           }
-
           if (i === 0) {
             return this.lastNavigatableTab();
           }
@@ -226,17 +205,14 @@ var TabStripVue2 = {
       var length = this.compTabs.length;
       var selected = this.$props.selected;
       var index = selected ? selected + 1 : 1;
-
       if (index >= length) {
         return this.firstNavigatableTab();
       }
-
       if (length) {
         for (var i = index; i < length; i++) {
           if (!this.compTabs[i].disabled) {
             return i;
           }
-
           if (i + 1 === length) {
             return this.firstNavigatableTab();
           }
@@ -253,18 +229,16 @@ var TabStripVue2 = {
   },
   render: function render(createElement) {
     var _a;
-
     var h = gh || createElement;
     var _b = this.$props,
-        tabPosition = _b.tabPosition,
-        _c = _b.tabIndex,
-        tabIndex = _c === void 0 ? 0 : _c;
+      tabPosition = _b.tabPosition,
+      _c = _b.tabIndex,
+      tabIndex = _c === void 0 ? 0 : _c;
     var bottom = tabPosition === 'bottom';
     var componentClasses = classNames('k-widget', 'k-tabstrip', (_a = {}, _a['k-tabstrip-left'] = tabPosition === 'left', _a['k-tabstrip-right'] = tabPosition === 'right', _a['k-tabstrip-bottom'] = tabPosition === 'bottom', _a['k-tabstrip-top'] = tabPosition === 'top', _a));
-
     var renderContent = function renderContent(currentTabProps) {
       var selected = currentTabProps.selected,
-          tabContentStyle = currentTabProps.tabContentStyle;
+        tabContentStyle = currentTabProps.tabContentStyle;
       var defaultSlots = getDefaultSlots(this);
       var tabContentProps = {
         index: selected,
@@ -281,14 +255,14 @@ var TabStripVue2 = {
         return defaultSlots;
       } : [defaultSlots]);
     };
-
     return h("div", {
       dir: this.$props.dir,
       attrs: this.v3 ? undefined : {
         dir: this.$props.dir
       },
       "class": componentClasses
-    }, [!bottom && // @ts-ignore function children
+    }, [!bottom &&
+    // @ts-ignore function children
     h(TabStripNavigation, {
       tabs: this.compTabs,
       attrs: this.v3 ? undefined : {
@@ -306,7 +280,8 @@ var TabStripVue2 = {
       },
       onKeydown: this.onKeyDown,
       tabIndex: tabIndex
-    }), renderContent.call(this, this.$props), bottom && // @ts-ignore function children
+    }), renderContent.call(this, this.$props), bottom &&
+    // @ts-ignore function children
     h(TabStripNavigation, {
       tabs: this.compTabs,
       attrs: this.v3 ? undefined : {
@@ -330,6 +305,5 @@ var TabStripVue2 = {
 /**
  * @hidden
  */
-
 var TabStrip = TabStripVue2;
 export { TabStrip, TabStripVue2 };

package/dist/es/tabstrip/TabStripContent.js

@@ -11,7 +11,6 @@ import { getTabs } from './utils';
 /**
  * @hidden
  */
-
 var TabStripContentVue2 = {
   name: 'KendoTabStripContent',
   props: {
@@ -51,10 +50,10 @@ var TabStripContentVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        tabs = _a.tabs,
-        selected = _a.selected,
-        showAll = _a.showAll,
-        hasTabs = _a.hasTabs;
+      tabs = _a.tabs,
+      selected = _a.selected,
+      showAll = _a.showAll,
+      hasTabs = _a.hasTabs;
     var selectedTab = tabs && typeof selected === 'number' && tabs[selected];
     var defaultSlots = getDefaultSlots(this);
     var innerTabs = hasTabs ? tabs : getTabs.call(this, [], defaultSlots || []);
@@ -64,7 +63,6 @@ var TabStripContentVue2 = {
     }, {
       'k-active': tabStyles
     }, selectedTab && selectedTab.contentClassName);
-
     var renderChild = function renderChild(tab, idx) {
       var visible = idx === this.$props.selected;
       var animationStyle = {
@@ -88,7 +86,8 @@ var TabStripContentVue2 = {
         id: String(this.contentId + idx),
         key: idx
       }, [content]);
-      return (hasTabs ? this.animation : true) ? // @ts-ignore function children
+      return (hasTabs ? this.animation : true) ?
+      // @ts-ignore function children
       h(Fade, {
         appear: this.v3 ? true : visible,
         attrs: this.v3 ? undefined : {
@@ -107,13 +106,11 @@ var TabStripContentVue2 = {
         "class": visible ? undefined : 'k-hidden'
       }, [tabPanel]);
     };
-
     var renderContent = function renderContent() {
       return innerTabs.map(function (tab, idx) {
         return renderChild.call(this, tab, idx);
       }, this);
     };
-
     return h("div", {
       "class": contentClasses,
       style: this.$props.style
@@ -123,6 +120,5 @@ var TabStripContentVue2 = {
 /**
  * @hidden
  */
-
 var TabStripContent = TabStripContentVue2;
 export { TabStripContent, TabStripContentVue2 };

package/dist/es/tabstrip/TabStripNavigation.js

@@ -9,15 +9,12 @@ import { TabStripNavigationItem } from './TabStripNavigationItem';
 /**
  * @hidden
  */
-
 var times = function times(count) {
   return Array.apply(null, Array(count));
 };
 /**
  * @hidden
  */
-
-
 var TabStripNavigationVue2 = {
   name: 'KendoTabStripNavigation',
   // @ts-ignore
@@ -60,13 +57,13 @@ var TabStripNavigationVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        tabs = _a.tabs,
-        selected = _a.selected;
+      tabs = _a.tabs,
+      selected = _a.selected;
     var tabsCount = tabs.length;
-
     var renderTabs = function renderTabs() {
       return times(tabsCount).map(function (_, index, array) {
-        return (// @ts-ignore function children
+        return (
+          // @ts-ignore function children
           h(TabStripNavigationItem, {
             key: index,
             active: selected === index,
@@ -93,7 +90,6 @@ var TabStripNavigationVue2 = {
         );
       }, this);
     };
-
     return h("div", {
       "class": this.wrapperNavClasses
     }, [h("ul", {
@@ -122,6 +118,5 @@ var TabStripNavigationVue2 = {
 /**
  * @hidden
  */
-
 var TabStripNavigation = TabStripNavigationVue2;
 export { TabStripNavigation, TabStripNavigationVue2 };

package/dist/es/tabstrip/TabStripNavigationItem.js

@@ -7,7 +7,6 @@ var isV3 = allVue.version && allVue.version[0] === '3';
 /**
  * @hidden
  */
-
 var TabStripNavigationItemVue2 = {
   name: 'KendoTabStripNavigationItem',
   // @ts-ignore
@@ -36,12 +35,11 @@ var TabStripNavigationItemVue2 = {
     itemClasses: {
       get: function get() {
         var _a;
-
         var _b = this.$props,
-            active = _b.active,
-            disabled = _b.disabled,
-            first = _b.first,
-            last = _b.last;
+          active = _b.active,
+          disabled = _b.disabled,
+          first = _b.first,
+          last = _b.last;
         return _a = {}, _a['k-first'] = first, _a['k-last'] = last, _a['k-item'] = true, _a['k-disabled'] = disabled, _a['k-active'] = active, _a;
       }
     }
@@ -63,9 +61,9 @@ var TabStripNavigationItemVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        active = _a.active,
-        _b = _a.title,
-        title = _b === void 0 ? 'Untitled' : _b;
+      active = _a.active,
+      _b = _a.title,
+      title = _b === void 0 ? 'Untitled' : _b;
     var titleRender = this.$props.titleRender;
     var titleElement = getTemplate.call(this, {
       h: h,
@@ -96,6 +94,5 @@ var TabStripNavigationItemVue2 = {
 /**
  * @hidden
  */
-
 var TabStripNavigationItem = TabStripNavigationItemVue2;
 export { TabStripNavigationItem, TabStripNavigationItemVue2 };

package/dist/es/tabstrip/TabStripTab.js

@@ -9,7 +9,6 @@ import { guid, getDefaultSlots, templateRendering, getListeners } from '@progres
 /**
  * @hidden
  */
-
 var TabStripTabVue2 = {
   name: 'KendoTabStripTab',
   props: {
@@ -55,17 +54,14 @@ var TabStripTabVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var titleRender = this.$props.titleRender ? templateRendering.call(this, this.$props.titleRender, getListeners.call(this)) : null;
-
     if (titleRender) {
       this.addRenderTitle(this.tabId, titleRender);
     }
-
     return h("div", [getDefaultSlots(this)]);
   }
 };
 /**
  * @hidden
  */
-
 var TabStripTab = TabStripTabVue2;
 export { TabStripTab, TabStripTabVue2 };

package/dist/esm/appbar/AppBar.js

@@ -8,7 +8,6 @@ import { packageMetadata } from '../package-metadata.js';
 /**
  * @hidden
  */
-
 var AppBarVue2 = {
   name: 'KendoAppBar',
   props: {
@@ -39,9 +38,9 @@ var AppBarVue2 = {
   computed: {
     wrapperClass: function wrapperClass() {
       var _a = this.$props,
-          position = _a.position,
-          positionMode = _a.positionMode,
-          themeColor = _a.themeColor;
+        position = _a.position,
+        positionMode = _a.positionMode,
+        themeColor = _a.themeColor;
       return {
         'k-appbar': true,
         'k-appbar-top': position === 'top',
@@ -85,6 +84,5 @@ var AppBarVue2 = {
 /**
  * @hidden
  */
-
 var AppBar = AppBarVue2;
 export { AppBar, AppBarVue2 };

package/dist/esm/appbar/AppBarSection.js

@@ -7,7 +7,6 @@ import { focusFirstFocusableChild, getDefaultSlots } from '@progress/kendo-vue-c
 /**
  * @hidden
  */
-
 var AppBarSectionVue2 = {
   name: 'KendoAppBarSection',
   // @ts-ignore
@@ -35,6 +34,5 @@ var AppBarSectionVue2 = {
 /**
  * @hidden
  */
-
 var AppBarSection = AppBarSectionVue2;
 export { AppBarSection, AppBarSectionVue2 };

package/dist/esm/appbar/AppBarSpacer.js

@@ -7,7 +7,6 @@ import { focusFirstFocusableChild, getDefaultSlots } from '@progress/kendo-vue-c
 /**
  * @hidden
  */
-
 var AppBarSpacerVue2 = {
   name: 'KendoAppBarSpacer',
   props: {
@@ -52,6 +51,5 @@ var AppBarSpacerVue2 = {
 /**
  * @hidden
  */
-
 var AppBarSpacer = AppBarSpacerVue2;
 export { AppBarSpacer, AppBarSpacerVue2 };

package/dist/esm/bottomnavigation/BottomNavigation.js

@@ -10,7 +10,6 @@ import { BottomNavigationItem } from './BottomNavigationItem.js';
 /**
  * @hidden
  */
-
 var BottomNavigationVue2 = {
   name: 'KendoBottomNavigation',
   // @ts-ignore
@@ -34,6 +33,7 @@ var BottomNavigationVue2 = {
         return ['solid', 'flat'].includes(value);
       }
     },
+    item: [String, Object, Function],
     items: Array,
     itemFlow: {
       type: String,
@@ -63,14 +63,13 @@ var BottomNavigationVue2 = {
   computed: {
     navClasses: function navClasses() {
       var _a;
-
       var _b = this.$props,
-          themeColor = _b.themeColor,
-          fill = _b.fill,
-          positionMode = _b.positionMode,
-          itemFlow = _b.itemFlow,
-          border = _b.border,
-          disabled = _b.disabled;
+        themeColor = _b.themeColor,
+        fill = _b.fill,
+        positionMode = _b.positionMode,
+        itemFlow = _b.itemFlow,
+        border = _b.border,
+        disabled = _b.disabled;
       return _a = {
         'k-bottom-nav': true
       }, _a[POSITION_MODE_CLASSES[positionMode]] = true, _a[THEME_COLOR_CLASSES[themeColor]] = true, _a[FILL_CLASSES[fill]] = true, _a[ITEM_FLOW_CLASSES[itemFlow]] = true, _a['k-bottom-nav-border'] = border, _a['k-disabled'] = disabled, _a;
@@ -87,11 +86,11 @@ var BottomNavigationVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        id = _a.id,
-        items = _a.items,
-        item = _a.item,
-        disabled = _a.disabled; //    const dir = useDir(elementRef, props.dir);
-
+      id = _a.id,
+      items = _a.items,
+      item = _a.item,
+      disabled = _a.disabled;
+    //    const dir = useDir(elementRef, props.dir);
     return h("nav", {
       "class": this.navClasses,
       id: id || this.navId,
@@ -100,7 +99,8 @@ var BottomNavigationVue2 = {
       }
     }, [items && items.map(function (element, index) {
       var content = templateRendering.call(this, element.item || item, getListeners.call(this));
-      return (// @ts-ignore 
+      return (
+        // @ts-ignore 
         h(BottomNavigationItem, {
           key: index,
           index: index,
@@ -139,7 +139,6 @@ var BottomNavigationVue2 = {
       if (!this.items) {
         return;
       }
-
       if (!this.items[index].disabled) {
         this.$emit('select', {
           event: dispatchedEvent,
@@ -158,11 +157,9 @@ var BottomNavigationVue2 = {
           this.dispatchSelectEvent(event, clickedItemIndex);
           event.preventDefault();
           break;
-
         default:
           break;
       }
-
       this.$emit('keydown', {
         event: event,
         itemTarget: this.items[clickedItemIndex],
@@ -174,6 +171,5 @@ var BottomNavigationVue2 = {
 /**
  * @hidden
  */
-
 var BottomNavigation = BottomNavigationVue2;
 export { BottomNavigation, BottomNavigationVue2 };