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

package/dist/esm/tabstrip/TabStripNavigation.js

@@ -9,15 +9,12 @@ import { TabStripNavigationItem } from './TabStripNavigationItem.js';
 /**
  * @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/esm/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/esm/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/npm/appbar/AppBar.js

@@ -3,22 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AppBarVue2 = exports.AppBar = void 0; // @ts-ignore
-
+exports.AppBarVue2 = exports.AppBar = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("../package-metadata");
 /**
  * @hidden
  */
-
-
 var AppBarVue2 = {
   name: 'KendoAppBar',
   props: {
@@ -49,9 +44,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',
@@ -96,6 +91,5 @@ exports.AppBarVue2 = AppBarVue2;
 /**
  * @hidden
  */
-
 var AppBar = AppBarVue2;
 exports.AppBar = AppBar;

package/dist/npm/appbar/AppBarSection.js

@@ -3,20 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AppBarSectionVue2 = exports.AppBarSection = void 0; // @ts-ignore
-
+exports.AppBarSectionVue2 = exports.AppBarSection = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var AppBarSectionVue2 = {
   name: 'KendoAppBarSection',
   // @ts-ignore
@@ -45,6 +41,5 @@ exports.AppBarSectionVue2 = AppBarSectionVue2;
 /**
  * @hidden
  */
-
 var AppBarSection = AppBarSectionVue2;
 exports.AppBarSection = AppBarSection;

package/dist/npm/appbar/AppBarSpacer.js

@@ -3,20 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AppBarSpacerVue2 = exports.AppBarSpacer = void 0; // @ts-ignore
-
+exports.AppBarSpacerVue2 = exports.AppBarSpacer = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var AppBarSpacerVue2 = {
   name: 'KendoAppBarSpacer',
   props: {
@@ -62,6 +58,5 @@ exports.AppBarSpacerVue2 = AppBarSpacerVue2;
 /**
  * @hidden
  */
-
 var AppBarSpacer = AppBarSpacerVue2;
 exports.AppBarSpacer = AppBarSpacer;

package/dist/npm/bottomnavigation/BottomNavigation.js

@@ -3,26 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BottomNavigationVue2 = exports.BottomNavigation = void 0; // @ts-ignore
-
+exports.BottomNavigationVue2 = exports.BottomNavigation = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var package_metadata_1 = require("../package-metadata");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var utils_1 = require("./models/utils");
-
 var BottomNavigationItem_1 = require("./BottomNavigationItem");
 /**
  * @hidden
  */
-
-
 var BottomNavigationVue2 = {
   name: 'KendoBottomNavigation',
   // @ts-ignore
@@ -46,6 +39,7 @@ var BottomNavigationVue2 = {
         return ['solid', 'flat'].includes(value);
       }
     },
+    item: [String, Object, Function],
     items: Array,
     itemFlow: {
       type: String,
@@ -75,14 +69,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[utils_1.POSITION_MODE_CLASSES[positionMode]] = true, _a[utils_1.THEME_COLOR_CLASSES[themeColor]] = true, _a[utils_1.FILL_CLASSES[fill]] = true, _a[utils_1.ITEM_FLOW_CLASSES[itemFlow]] = true, _a['k-bottom-nav-border'] = border, _a['k-disabled'] = disabled, _a;
@@ -99,11 +92,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,
@@ -112,7 +105,8 @@ var BottomNavigationVue2 = {
       }
     }, [items && items.map(function (element, index) {
       var content = kendo_vue_common_1.templateRendering.call(this, element.item || item, kendo_vue_common_1.getListeners.call(this));
-      return (// @ts-ignore 
+      return (
+        // @ts-ignore 
         h(BottomNavigationItem_1.BottomNavigationItem, {
           key: index,
           index: index,
@@ -151,7 +145,6 @@ var BottomNavigationVue2 = {
       if (!this.items) {
         return;
       }
-
       if (!this.items[index].disabled) {
         this.$emit('select', {
           event: dispatchedEvent,
@@ -170,11 +163,9 @@ var BottomNavigationVue2 = {
           this.dispatchSelectEvent(event, clickedItemIndex);
           event.preventDefault();
           break;
-
         default:
           break;
       }
-
       this.$emit('keydown', {
         event: event,
         itemTarget: this.items[clickedItemIndex],
@@ -187,6 +178,5 @@ exports.BottomNavigationVue2 = BottomNavigationVue2;
 /**
  * @hidden
  */
-
 var BottomNavigation = BottomNavigationVue2;
 exports.BottomNavigation = BottomNavigation;

package/dist/npm/bottomnavigation/BottomNavigationItem.js

@@ -3,22 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BottomNavigationItemVue2 = exports.BottomNavigationItem = void 0; // @ts-ignore
-
+exports.BottomNavigationItemVue2 = exports.BottomNavigationItem = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var package_metadata_1 = require("../package-metadata");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var BottomNavigationItemVue2 = {
   name: 'KendoBottomNavigationItem',
   // @ts-ignore
@@ -31,6 +26,7 @@ var BottomNavigationItemVue2 = {
     disabled: Boolean,
     selected: Boolean,
     icon: String,
+    item: [String, Object, Function],
     text: String,
     dataItem: Object,
     index: Number,
@@ -45,8 +41,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,
@@ -65,15 +61,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 = kendo_vue_common_1.getTemplate.call(this, {
       h: h,
       template: item,
@@ -130,6 +126,5 @@ exports.BottomNavigationItemVue2 = BottomNavigationItemVue2;
 /**
  * @hidden
  */
-
 var BottomNavigationItem = BottomNavigationItemVue2;
 exports.BottomNavigationItem = BottomNavigationItem;

package/dist/npm/card/Avatar.js

@@ -3,24 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AvatarVue2 = exports.Avatar = void 0; // @ts-ignore
-
+exports.AvatarVue2 = exports.Avatar = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var Enums_1 = require("./interfaces/Enums");
-
 var package_metadata_1 = require("../package-metadata");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var AvatarVue2 = {
   name: 'KendoAvatar',
   props: {
@@ -74,14 +68,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
@@ -89,7 +82,6 @@ var AvatarVue2 = {
     },
     innerClass: function innerClass() {
       var _a;
-
       return _a = {}, _a["k-avatar-".concat(this.$props.type)] = this.$props.type, _a;
     }
   },
@@ -107,6 +99,5 @@ exports.AvatarVue2 = AvatarVue2;
 /**
  * @hidden
  */
-
 var Avatar = AvatarVue2;
 exports.Avatar = Avatar;

package/dist/npm/card/Card.js

@@ -3,26 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CardVue2 = exports.Card = void 0; // @ts-ignore
-
+exports.CardVue2 = exports.Card = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var Enums_1 = require("./interfaces/Enums");
-
 var Enums_2 = require("./interfaces/Enums");
-
 var package_metadata_1 = require("../package-metadata");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var CardVue2 = {
   name: 'KendoCard',
   props: {
@@ -55,7 +48,6 @@ var CardVue2 = {
   computed: {
     wrapperClass: function wrapperClass() {
       var _a;
-
       var orientationClass = this.$props.orientation !== Enums_2.cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal';
       return _a = {
         'k-card': true
@@ -78,6 +70,5 @@ exports.CardVue2 = CardVue2;
 /**
  * @hidden
  */
-
 var Card = CardVue2;
 exports.Card = Card;

package/dist/npm/card/CardActions.js

@@ -3,22 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CardActionsVue2 = exports.CardActions = void 0; // @ts-ignore
-
+exports.CardActionsVue2 = exports.CardActions = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var Enums_1 = require("./interfaces/Enums");
 /**
  * @hidden
  */
-
-
 var CardActionsVue2 = {
   name: 'KendoCardActions',
   props: {
@@ -47,7 +42,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 !== Enums_1.cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal')] = true, _a;
@@ -65,6 +59,5 @@ exports.CardActionsVue2 = CardActionsVue2;
 /**
  * @hidden
  */
-
 var CardActions = CardActionsVue2;
 exports.CardActions = CardActions;

package/dist/npm/card/CardBody.js

@@ -3,20 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CardBodyVue2 = exports.CardBody = void 0; // @ts-ignore
-
+exports.CardBodyVue2 = exports.CardBody = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var CardBodyVue2 = {
   name: 'KendoCardBody',
   // @ts-ignore
@@ -38,6 +34,5 @@ exports.CardBodyVue2 = CardBodyVue2;
 /**
  * @hidden
  */
-
 var CardBody = CardBodyVue2;
 exports.CardBody = CardBody;

package/dist/npm/card/CardFooter.js

@@ -3,20 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CardFooterVue2 = exports.CardFooter = void 0; // @ts-ignore
-
+exports.CardFooterVue2 = exports.CardFooter = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var CardFooterVue2 = {
   name: 'KendoCardFooter',
   // @ts-ignore
@@ -38,6 +34,5 @@ exports.CardFooterVue2 = CardFooterVue2;
 /**
  * @hidden
  */
-
 var CardFooter = CardFooterVue2;
 exports.CardFooter = CardFooter;

package/dist/npm/card/CardHeader.js

@@ -3,20 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CardHeaderVue2 = exports.CardHeader = void 0; // @ts-ignore
-
+exports.CardHeaderVue2 = exports.CardHeader = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var CardHeaderVue2 = {
   name: 'KendoCardHeader',
   // @ts-ignore
@@ -38,6 +34,5 @@ exports.CardHeaderVue2 = CardHeaderVue2;
 /**
  * @hidden
  */
-
 var CardHeader = CardHeaderVue2;
 exports.CardHeader = CardHeader;

package/dist/npm/card/CardImage.js

@@ -3,20 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CardImageVue2 = exports.CardImage = void 0; // @ts-ignore
-
+exports.CardImageVue2 = exports.CardImage = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var CardImageVue2 = {
   name: 'KendoCardImage',
   props: {
@@ -45,6 +41,5 @@ exports.CardImageVue2 = CardImageVue2;
 /**
  * @hidden
  */
-
 var CardImage = CardImageVue2;
 exports.CardImage = CardImage;