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

package/dist/esm/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/esm/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/esm/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/esm/card/CardActions.js

@@ -8,7 +8,6 @@ import { cardActionsLayout, cardOrientation } from './interfaces/Enums.js';
 /**
  * @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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/drawer/Drawer.js

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

package/dist/esm/drawer/DrawerNavigation.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;
@@ -24,17 +20,14 @@ import { getDefaultSlots, templateRendering, getListeners, getTemplate } from '@
 /**
  * @hidden
  */
-
 var DEFAULT_EXPANDED_WIDTH = 240;
 /**
  * @hidden
  */
-
 var DEFAULT_MINI_WIDTH = 50;
 /**
  * @hidden
  */
-
 var DEFAULT_ANIMATION = {
   type: 'slide',
   duration: 200
@@ -42,7 +35,6 @@ var DEFAULT_ANIMATION = {
 /**
  * @hidden
  */
-
 var NO_ANIMATION = {
   type: 'slide',
   duration: 0
@@ -50,7 +42,6 @@ var NO_ANIMATION = {
 /**
  * @hidden
  */
-
 var DrawerNavigationVue2 = {
   name: 'KendoDrawerNavigation',
   props: {
@@ -84,15 +75,15 @@ var DrawerNavigationVue2 = {
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
     var _a = this.kendoDrawer,
-        animation = _a.animation,
-        expanded = _a.expanded,
-        mode = _a.mode,
-        position = _a.position,
-        mini = _a.mini,
-        dir = _a.dir,
-        width = _a.width,
-        miniWidth = _a.miniWidth,
-        items = _a.items;
+      animation = _a.animation,
+      expanded = _a.expanded,
+      mode = _a.mode,
+      position = _a.position,
+      mini = _a.mini,
+      dir = _a.dir,
+      width = _a.width,
+      miniWidth = _a.miniWidth,
+      items = _a.items;
     var customSettings = typeof animation !== 'boolean' ? animation : animation === false ? NO_ANIMATION : DEFAULT_ANIMATION;
     var navWidth = width ? width : DEFAULT_EXPANDED_WIDTH;
     var navMiniWidth = miniWidth ? miniWidth : DEFAULT_MINI_WIDTH;
@@ -144,12 +135,11 @@ var DrawerNavigationVue2 = {
       "aria-expanded": expanded
     }, [items.map(function (element, index) {
       var item = this.$props.item;
-
       if (item && !item.type && !item.render) {
         item = templateRendering.call(this, this.$props.item, getListeners.call(this));
       }
-
-      var itemDefaultRendering = // @ts-ignore
+      var itemDefaultRendering =
+      // @ts-ignore
       h(DrawerItem, {
         key: index,
         index: index,
@@ -211,6 +201,5 @@ var DrawerNavigationVue2 = {
 /**
  * @hidden
  */
-
 var DrawerNavigation = DrawerNavigationVue2;
 export { DrawerNavigation, DrawerNavigationVue2 };

package/dist/esm/expansionpanel/ExpansionPanel.js

@@ -8,7 +8,6 @@ import { packageMetadata } from '../package-metadata.js';
 /**
  * @hidden
  */
-
 var ExpansionPanelVue2 = {
   name: 'KendoExpansionPanel',
   props: {
@@ -30,8 +29,8 @@ var ExpansionPanelVue2 = {
   computed: {
     wrapperClass: function wrapperClass() {
       var _a = this.$props,
-          expanded = _a.expanded,
-          disabled = _a.disabled;
+        expanded = _a.expanded,
+        disabled = _a.disabled;
       return {
         'k-expander': true,
         'k-expanded': expanded,
@@ -41,11 +40,10 @@ var ExpansionPanelVue2 = {
     },
     expandIconClass: function expandIconClass() {
       var _a;
-
       var _b = this.$props,
-          expanded = _b.expanded,
-          expandIcon = _b.expandIcon,
-          collapseIcon = _b.collapseIcon;
+        expanded = _b.expanded,
+        expandIcon = _b.expandIcon,
+        collapseIcon = _b.collapseIcon;
       return _a = {
         'k-icon': true,
         'k-i-chevron-down': !expanded && !expandIcon,
@@ -69,16 +67,16 @@ var ExpansionPanelVue2 = {
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
     var _a = this.$props,
-        _b = _a.expanded,
-        expanded = _b === void 0 ? false : _b,
-        disabled = _a.disabled,
-        title = _a.title,
-        titleRender = _a.titleRender,
-        subtitle = _a.subtitle,
-        subtitleRender = _a.subtitleRender,
-        ariaControls = _a.ariaControls,
-        tabIndex = _a.tabIndex,
-        id = _a.id;
+      _b = _a.expanded,
+      expanded = _b === void 0 ? false : _b,
+      disabled = _a.disabled,
+      title = _a.title,
+      titleRender = _a.titleRender,
+      subtitle = _a.subtitle,
+      subtitleRender = _a.subtitleRender,
+      ariaControls = _a.ariaControls,
+      tabIndex = _a.tabIndex,
+      id = _a.id;
     var titleTemplate = templateRendering.call(this, titleRender, getListeners.call(this));
     var titleToRender = getTemplate.call(this, {
       h: h,
@@ -104,7 +102,8 @@ var ExpansionPanelVue2 = {
         "keydown": this.onKeyDown
       },
       onFocusout: this.handleBlur,
-      id: id // dir={useRtl(elementRef, dir)}
+      id: id
+      // dir={useRtl(elementRef, dir)}
       ,
       attrs: this.v3 ? undefined : {
         id: id
@@ -142,7 +141,6 @@ var ExpansionPanelVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       this.$emit('action', {
         event: event,
         expanded: this.expanded
@@ -152,7 +150,6 @@ var ExpansionPanelVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       if ((event.keyCode === Keys.enter || event.keyCode === Keys.space) && event.target === this.$refs.header) {
         event.preventDefault();
         this.$emit('action', {
@@ -165,14 +162,12 @@ var ExpansionPanelVue2 = {
       if (this.$props.disabled) {
         return;
       }
-
       this.focused = true;
     },
     handleBlur: function handleBlur() {
       if (this.$props.disabled) {
         return;
       }
-
       this.focused = false;
     }
   }
@@ -180,6 +175,5 @@ var ExpansionPanelVue2 = {
 /**
  * @hidden
  */
-
 var ExpansionPanel = ExpansionPanelVue2;
 export { ExpansionPanel, ExpansionPanelVue2 };