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

package/dist/es/appbar/AppBar.js

@@ -8,7 +8,6 @@ import { packageMetadata } from '../package-metadata';
 /**
  * @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/es/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/es/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/es/bottomnavigation/BottomNavigation.js

@@ -10,7 +10,6 @@ import { BottomNavigationItem } from './BottomNavigationItem';
 /**
  * @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 };

package/dist/es/bottomnavigation/BottomNavigationItem.js

@@ -8,7 +8,6 @@ import { getTemplate, validatePackage } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var BottomNavigationItemVue2 = {
   name: 'KendoBottomNavigationItem',
   // @ts-ignore
@@ -21,6 +20,7 @@ var BottomNavigationItemVue2 = {
     disabled: Boolean,
     selected: Boolean,
     icon: String,
+    item: [String, Object, Function],
     text: String,
     dataItem: Object,
     index: Number,
@@ -35,8 +35,8 @@ var BottomNavigationItemVue2 = {
   computed: {
     itemClasses: function itemClasses() {
       var _a = this.$props,
-          selected = _a.selected,
-          disabled = _a.disabled;
+        selected = _a.selected,
+        disabled = _a.disabled;
       return {
         'k-bottom-nav-item': true,
         'k-selected': selected,
@@ -55,15 +55,15 @@ var BottomNavigationItemVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var _a = this.$props,
-        selected = _a.selected,
-        disabled = _a.disabled,
-        item = _a.item,
-        dataItem = _a.dataItem,
-        id = _a.id,
-        index = _a.index,
-        tabIndex = _a.tabIndex;
+      selected = _a.selected,
+      disabled = _a.disabled,
+      item = _a.item,
+      dataItem = _a.dataItem,
+      id = _a.id,
+      index = _a.index,
+      tabIndex = _a.tabIndex;
     var icon = dataItem.icon,
-        text = dataItem.text;
+      text = dataItem.text;
     var content = getTemplate.call(this, {
       h: h,
       template: item,
@@ -119,6 +119,5 @@ var BottomNavigationItemVue2 = {
 /**
  * @hidden
  */
-
 var BottomNavigationItem = BottomNavigationItemVue2;
 export { BottomNavigationItem, BottomNavigationItemVue2 };

package/dist/es/card/Avatar.js

@@ -9,7 +9,6 @@ import { getDefaultSlots, validatePackage, kendoThemeMaps } from '@progress/kend
 /**
  * @hidden
  */
-
 var AvatarVue2 = {
   name: 'KendoAvatar',
   props: {
@@ -63,14 +62,13 @@ var AvatarVue2 = {
   computed: {
     wrapperClass: function wrapperClass() {
       var _a;
-
       var _b = this.$props,
-          border = _b.border,
-          type = _b.type,
-          size = _b.size,
-          rounded = _b.rounded,
-          fillMode = _b.fillMode,
-          themeColor = _b.themeColor;
+        border = _b.border,
+        type = _b.type,
+        size = _b.size,
+        rounded = _b.rounded,
+        fillMode = _b.fillMode,
+        themeColor = _b.themeColor;
       return _a = {
         'k-avatar-bordered': border,
         'k-avatar': true
@@ -78,7 +76,6 @@ var AvatarVue2 = {
     },
     innerClass: function innerClass() {
       var _a;
-
       return _a = {}, _a["k-avatar-".concat(this.$props.type)] = this.$props.type, _a;
     }
   },
@@ -95,6 +92,5 @@ var AvatarVue2 = {
 /**
  * @hidden
  */
-
 var Avatar = AvatarVue2;
 export { Avatar, AvatarVue2 };

package/dist/es/card/Card.js

@@ -10,7 +10,6 @@ import { getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var CardVue2 = {
   name: 'KendoCard',
   props: {
@@ -43,7 +42,6 @@ var CardVue2 = {
   computed: {
     wrapperClass: function wrapperClass() {
       var _a;
-
       var orientationClass = this.$props.orientation !== cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal';
       return _a = {
         'k-card': true
@@ -65,6 +63,5 @@ var CardVue2 = {
 /**
  * @hidden
  */
-
 var Card = CardVue2;
 export { Card, CardVue2 };

package/dist/es/card/CardActions.js

@@ -8,7 +8,6 @@ import { cardActionsLayout, cardOrientation } from './interfaces/Enums';
 /**
  * @hidden
  */
-
 var CardActionsVue2 = {
   name: 'KendoCardActions',
   props: {
@@ -37,7 +36,6 @@ var CardActionsVue2 = {
   computed: {
     wrapperClass: function wrapperClass() {
       var _a;
-
       return _a = {
         'k-card-actions': true
       }, _a["k-card-actions-".concat(this.$props.layout)] = true, _a["k-card-actions-".concat(this.$props.orientation !== cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal')] = true, _a;
@@ -54,6 +52,5 @@ var CardActionsVue2 = {
 /**
  * @hidden
  */
-
 var CardActions = CardActionsVue2;
 export { CardActions, CardActionsVue2 };

package/dist/es/card/CardBody.js

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var CardBodyVue2 = {
   name: 'KendoCardBody',
   // @ts-ignore
@@ -28,6 +27,5 @@ var CardBodyVue2 = {
 /**
  * @hidden
  */
-
 var CardBody = CardBodyVue2;
 export { CardBody, CardBodyVue2 };

package/dist/es/card/CardFooter.js

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var CardFooterVue2 = {
   name: 'KendoCardFooter',
   // @ts-ignore
@@ -28,6 +27,5 @@ var CardFooterVue2 = {
 /**
  * @hidden
  */
-
 var CardFooter = CardFooterVue2;
 export { CardFooter, CardFooterVue2 };

package/dist/es/card/CardHeader.js

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var CardHeaderVue2 = {
   name: 'KendoCardHeader',
   // @ts-ignore
@@ -28,6 +27,5 @@ var CardHeaderVue2 = {
 /**
  * @hidden
  */
-
 var CardHeader = CardHeaderVue2;
 export { CardHeader, CardHeaderVue2 };

package/dist/es/card/CardImage.js

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var CardImageVue2 = {
   name: 'KendoCardImage',
   props: {
@@ -35,6 +34,5 @@ var CardImageVue2 = {
 /**
  * @hidden
  */
-
 var CardImage = CardImageVue2;
 export { CardImage, CardImageVue2 };

package/dist/es/card/CardSubtitle.js

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var CardSubtitleVue2 = {
   name: 'KendoCardSubtitle',
   // @ts-ignore
@@ -28,6 +27,5 @@ var CardSubtitleVue2 = {
 /**
  * @hidden
  */
-
 var CardSubtitle = CardSubtitleVue2;
 export { CardSubtitle, CardSubtitleVue2 };

package/dist/es/card/CardTitle.js

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var CardTitleVue2 = {
   name: 'KendoCardTitle',
   // @ts-ignore
@@ -28,6 +27,5 @@ var CardTitleVue2 = {
 /**
  * @hidden
  */
-
 var CardTitle = CardTitleVue2;
 export { CardTitle, CardTitleVue2 };

package/dist/es/card/interfaces/Enums.js

@@ -2,31 +2,24 @@
  * @hidden
  */
 export var avatarShape;
-
 (function (avatarShape) {
   avatarShape["CIRCLE"] = "circle";
   avatarShape["SQUARE"] = "square";
   avatarShape["ROUNDED"] = "rounded";
   avatarShape["RECTANGLE"] = "rectangle";
 })(avatarShape || (avatarShape = {}));
-
 export var avatarType;
-
 (function (avatarType) {
   avatarType["TEXT"] = "text";
   avatarType["IMAGE"] = "image";
   avatarType["ICON"] = "icon";
 })(avatarType || (avatarType = {}));
-
 export var cardOrientation;
-
 (function (cardOrientation) {
   cardOrientation["HORIZONTAL"] = "horizontal";
   cardOrientation["VERTICAL"] = "vertical";
 })(cardOrientation || (cardOrientation = {}));
-
 export var cardType;
-
 (function (cardType) {
   cardType["DEFAULT"] = "default";
   cardType["primary"] = "primary";
@@ -35,9 +28,7 @@ export var cardType;
   cardType["WARNING"] = "warning";
   cardType["ERROR"] = "error";
 })(cardType || (cardType = {}));
-
 export var cardActionsLayout;
-
 (function (cardActionsLayout) {
   cardActionsLayout["START"] = "start";
   cardActionsLayout["CENTER"] = "center";

package/dist/es/drawer/Drawer.js

@@ -9,7 +9,6 @@ import { packageMetadata } from '../package-metadata';
 /**
  * @hidden
  */
-
 var DrawerVue2 = {
   name: 'KendoDrawer',
   props: {
@@ -60,15 +59,15 @@ var DrawerVue2 = {
   },
   data: function data() {
     var _a = this.$props,
-        expanded = _a.expanded,
-        mode = _a.mode,
-        position = _a.position,
-        animation = _a.animation,
-        mini = _a.mini,
-        width = _a.width,
-        miniWidth = _a.miniWidth,
-        items = _a.items,
-        item = _a.item;
+      expanded = _a.expanded,
+      mode = _a.mode,
+      position = _a.position,
+      animation = _a.animation,
+      mini = _a.mini,
+      width = _a.width,
+      miniWidth = _a.miniWidth,
+      items = _a.items,
+      item = _a.item;
     var itemRender = item ? templateRendering.call(this, item, getListeners.call(this)) : undefined;
     return {
       currentDir: 'ltr',
@@ -91,15 +90,15 @@ var DrawerVue2 = {
   },
   updated: function updated() {
     var _a = this.$props,
-        expanded = _a.expanded,
-        mode = _a.mode,
-        position = _a.position,
-        animation = _a.animation,
-        mini = _a.mini,
-        width = _a.width,
-        miniWidth = _a.miniWidth,
-        items = _a.items,
-        item = _a.item;
+      expanded = _a.expanded,
+      mode = _a.mode,
+      position = _a.position,
+      animation = _a.animation,
+      mini = _a.mini,
+      width = _a.width,
+      miniWidth = _a.miniWidth,
+      items = _a.items,
+      item = _a.item;
     var itemRender = item ? templateRendering.call(this, item, getListeners.call(this)) : undefined;
     this.drawer.expanded = expanded;
     this.drawer.mode = mode;
@@ -120,9 +119,9 @@ var DrawerVue2 = {
   computed: {
     drawerClassNames: function drawerClassNames() {
       var _a = this.$props,
-          expanded = _a.expanded,
-          mode = _a.mode,
-          mini = _a.mini;
+        expanded = _a.expanded,
+        mode = _a.mode,
+        mini = _a.mini;
       return {
         'k-drawer-container': true,
         'k-drawer-expanded': expanded,
@@ -144,11 +143,11 @@ var DrawerVue2 = {
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var _a = this.$props,
-        items = _a.items,
-        tabIndex = _a.tabIndex,
-        mode = _a.mode,
-        expanded = _a.expanded,
-        item = _a.item;
+      items = _a.items,
+      tabIndex = _a.tabIndex,
+      mode = _a.mode,
+      expanded = _a.expanded,
+      item = _a.item;
     var itemRender = item ? templateRendering.call(this, item, getListeners.call(this)) : undefined;
     return h("div", {
       "class": this.drawerClassNames,
@@ -164,7 +163,8 @@ var DrawerVue2 = {
       on: this.v3 ? undefined : {
         "click": this.onOverlayClick
       }
-    }), items && // @ts-ignore
+    }), items &&
+    // @ts-ignore
     h(DrawerNavigation, {
       onSelect: this.handleSelect,
       on: this.v3 ? undefined : {
@@ -199,6 +199,5 @@ var DrawerVue2 = {
 /**
  * @hidden
  */
-
 var Drawer = DrawerVue2;
 export { Drawer, DrawerVue2 };

package/dist/es/drawer/DrawerContent.js

@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var DrawerContentVue2 = {
   name: 'KendoDrawerContent',
   // @ts-ignore
@@ -98,6 +97,5 @@ var DrawerContentVue2 = {
  * </script>
  * ```
  */
-
 var DrawerContent = DrawerContentVue2;
 export { DrawerContent, DrawerContentVue2 };

package/dist/es/drawer/DrawerItem.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;
@@ -23,7 +19,6 @@ import { getTabIndex, getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var DrawerItemVue2 = {
   name: 'KendoDrawerItem',
   // @ts-ignore
@@ -47,8 +42,8 @@ var DrawerItemVue2 = {
   computed: {
     itemClassNames: function itemClassNames() {
       var _a = this.$props,
-          disabled = _a.disabled,
-          selected = _a.selected;
+        disabled = _a.disabled,
+        selected = _a.selected;
       return {
         'k-drawer-item': true,
         'k-selected': selected,
@@ -68,16 +63,16 @@ var DrawerItemVue2 = {
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var _a = this.$props,
-        text = _a.text,
-        icon = _a.icon,
-        separator = _a.separator,
-        disabled = _a.disabled,
-        selected = _a.selected,
-        tabIndex = _a.tabIndex;
+      text = _a.text,
+      icon = _a.icon,
+      separator = _a.separator,
+      disabled = _a.disabled,
+      selected = _a.selected,
+      tabIndex = _a.tabIndex;
     var _b = this.kendoDrawer,
-        expanded = _b.expanded,
-        mini = _b.mini,
-        item = _b.item;
+      expanded = _b.expanded,
+      mini = _b.mini,
+      item = _b.item;
     return separator ? h("li", {
       "class": 'k-drawer-item k-drawer-separator',
       role: "presentation",
@@ -159,6 +154,5 @@ var DrawerItemVue2 = {
  * ```
  *
  */
-
 var DrawerItem = DrawerItemVue2;
 export { DrawerItem, DrawerItemVue2 };