@progress/kendo-vue-layout 3.5.2-dev.202208171348 → 3.5.2-dev.202209020851

package/dist/es/menu/components/MenuItemInternal.js

@@ -105,10 +105,12 @@ var MenuItemInternalVue2 = {
       return focusedItemId === currentItemId;
     },
     popupClassName: function popupClassName() {
-      return classNames({
+      var _a;
+
+      return classNames((_a = {
         'k-menu-popup': true,
         'k-rtl': this.$props.isDirectionRightToLeft
-      });
+      }, _a[this.item.popupClass] = this.item.popupClass, _a));
     },
     menuItemClassName: function menuItemClassName() {
       var _a;

package/dist/es/menu/models/BaseMenuItem.d.ts

@@ -22,6 +22,10 @@ export interface BaseMenuItem {
      * The additional CSS classes that will be rendered on the item ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
      */
     cssClass?: string;
+    /**
+     * The additional CSS classes that will be rendered on the item's popup.
+     */
+    popupClass?: string;
     /**
      * The CSS styles that will be rendered on the item ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
      */

package/dist/es/menu/utils/prepareInputItemsForInternalWork.js

@@ -16,7 +16,7 @@ export function prepareInputItemsForInternalWork(models) {
 }
 function copyInputItemWithoutChildren(inputModel) {
     var result = {};
-    var text = inputModel.text, url = inputModel.url, icon = inputModel.icon, disabled = inputModel.disabled, cssClass = inputModel.cssClass, cssStyle = inputModel.cssStyle, render = inputModel.render, linkRender = inputModel.linkRender, contentRender = inputModel.contentRender, data = inputModel.data;
+    var text = inputModel.text, url = inputModel.url, icon = inputModel.icon, disabled = inputModel.disabled, cssClass = inputModel.cssClass, popupClass = inputModel.popupClass, cssStyle = inputModel.cssStyle, render = inputModel.render, linkRender = inputModel.linkRender, contentRender = inputModel.contentRender, data = inputModel.data;
     if (text !== undefined) {
         result.text = text;
     }
@@ -32,6 +32,9 @@ function copyInputItemWithoutChildren(inputModel) {
     if (cssClass !== undefined) {
         result.cssClass = cssClass;
     }
+    if (popupClass !== undefined) {
+        result.popupClass = popupClass;
+    }
     if (cssStyle !== undefined) {
         result.cssStyle = cssStyle;
     }

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1660743418,
+    publishDate: 1662108043,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/stepper/Step.js

@@ -7,7 +7,7 @@ var inject = allVue.inject;
 import { focusFirstFocusableChild, getDefaultSlots } from '@progress/kendo-vue-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { DEFAULT_ANIMATION_DURATION, NO_ANIMATION } from './contants';
-import { messages, optionalText } from './messages';
+import { messages, optionalText } from './messages/main';
 /**
  * @hidden
  */

package/dist/es/tabstrip/TabStripContent.js

@@ -66,8 +66,6 @@ var TabStripContentVue2 = {
     }, selectedTab && selectedTab.contentClassName);
 
     var renderChild = function renderChild(tab, idx) {
-      var _this = this;
-
       var visible = idx === this.$props.selected;
       var animationStyle = {
         position: 'initial',
@@ -79,46 +77,33 @@ var TabStripContentVue2 = {
         template: tab.content,
         defaultRendering: null
       }) : tab;
-      return (// @ts-ignore function children
-        h(Fade, {
-          appear: this.v3 ? true : visible,
-          attrs: this.v3 ? undefined : {
-            appear: this.v3 ? true : visible,
-            enter: this.$props.animation,
-            exit: this.$props.keepTabsMounted
-          },
-          key: idx,
-          "class": this.animationClass[idx],
-          enter: this.$props.animation,
-          exit: this.$props.keepTabsMounted,
-          style: animationStyle
-        }, this.v3 ? function () {
-          return [h("div", {
-            role: 'tabpanel',
-            attrs: _this.v3 ? undefined : {
-              role: 'tabpanel',
-              "aria-expanded": true,
-              id: String(_this.contentId + idx)
-            },
-            "aria-expanded": true,
-            id: String(_this.contentId + idx),
-            key: idx
-          }, [//  hasTabs ? 
-          //     visible ? content : null
-          //     : 
-          content])];
-        } : [h("div", {
+      var tabPanel = h("div", {
+        role: 'tabpanel',
+        attrs: this.v3 ? undefined : {
           role: 'tabpanel',
-          attrs: _this.v3 ? undefined : {
-            role: 'tabpanel',
-            "aria-expanded": true,
-            id: String(_this.contentId + idx)
-          },
           "aria-expanded": true,
-          id: String(_this.contentId + idx),
-          key: idx
-        }, [content])])
-      );
+          id: String(this.contentId + idx)
+        },
+        "aria-expanded": true,
+        id: String(this.contentId + idx),
+        key: idx
+      }, [content]);
+      return (hasTabs ? this.animation : true) ? // @ts-ignore function children
+      h(Fade, {
+        appear: this.v3 ? true : visible,
+        attrs: this.v3 ? undefined : {
+          appear: this.v3 ? true : visible,
+          enter: this.$props.animation,
+          exit: this.$props.keepTabsMounted
+        },
+        key: idx,
+        "class": this.animationClass[idx],
+        enter: this.$props.animation,
+        exit: this.$props.keepTabsMounted,
+        style: animationStyle
+      }, this.v3 ? function () {
+        return [tabPanel];
+      } : [tabPanel]) : visible ? tabPanel : null;
     };
 
     var renderContent = function renderContent() {

package/dist/esm/menu/components/MenuItemInternal.js

@@ -105,10 +105,12 @@ var MenuItemInternalVue2 = {
       return focusedItemId === currentItemId;
     },
     popupClassName: function popupClassName() {
-      return classNames({
+      var _a;
+
+      return classNames((_a = {
         'k-menu-popup': true,
         'k-rtl': this.$props.isDirectionRightToLeft
-      });
+      }, _a[this.item.popupClass] = this.item.popupClass, _a));
     },
     menuItemClassName: function menuItemClassName() {
       var _a;

package/dist/esm/menu/models/BaseMenuItem.d.ts

@@ -22,6 +22,10 @@ export interface BaseMenuItem {
      * The additional CSS classes that will be rendered on the item ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
      */
     cssClass?: string;
+    /**
+     * The additional CSS classes that will be rendered on the item's popup.
+     */
+    popupClass?: string;
     /**
      * The CSS styles that will be rendered on the item ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
      */

package/dist/esm/menu/utils/prepareInputItemsForInternalWork.js

@@ -16,7 +16,7 @@ export function prepareInputItemsForInternalWork(models) {
 }
 function copyInputItemWithoutChildren(inputModel) {
     var result = {};
-    var text = inputModel.text, url = inputModel.url, icon = inputModel.icon, disabled = inputModel.disabled, cssClass = inputModel.cssClass, cssStyle = inputModel.cssStyle, render = inputModel.render, linkRender = inputModel.linkRender, contentRender = inputModel.contentRender, data = inputModel.data;
+    var text = inputModel.text, url = inputModel.url, icon = inputModel.icon, disabled = inputModel.disabled, cssClass = inputModel.cssClass, popupClass = inputModel.popupClass, cssStyle = inputModel.cssStyle, render = inputModel.render, linkRender = inputModel.linkRender, contentRender = inputModel.contentRender, data = inputModel.data;
     if (text !== undefined) {
         result.text = text;
     }
@@ -32,6 +32,9 @@ function copyInputItemWithoutChildren(inputModel) {
     if (cssClass !== undefined) {
         result.cssClass = cssClass;
     }
+    if (popupClass !== undefined) {
+        result.popupClass = popupClass;
+    }
     if (cssStyle !== undefined) {
         result.cssStyle = cssStyle;
     }

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1660743418,
+    publishDate: 1662108043,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/esm/stepper/Step.js

@@ -7,7 +7,7 @@ var inject = allVue.inject;
 import { focusFirstFocusableChild, getDefaultSlots } from '@progress/kendo-vue-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
 import { DEFAULT_ANIMATION_DURATION, NO_ANIMATION } from './contants.js';
-import { messages, optionalText } from './messages.js';
+import { messages, optionalText } from './messages/main.js';
 /**
  * @hidden
  */

package/dist/esm/tabstrip/TabStripContent.js

@@ -66,8 +66,6 @@ var TabStripContentVue2 = {
     }, selectedTab && selectedTab.contentClassName);
 
     var renderChild = function renderChild(tab, idx) {
-      var _this = this;
-
       var visible = idx === this.$props.selected;
       var animationStyle = {
         position: 'initial',
@@ -79,46 +77,33 @@ var TabStripContentVue2 = {
         template: tab.content,
         defaultRendering: null
       }) : tab;
-      return (// @ts-ignore function children
-        h(Fade, {
-          appear: this.v3 ? true : visible,
-          attrs: this.v3 ? undefined : {
-            appear: this.v3 ? true : visible,
-            enter: this.$props.animation,
-            exit: this.$props.keepTabsMounted
-          },
-          key: idx,
-          "class": this.animationClass[idx],
-          enter: this.$props.animation,
-          exit: this.$props.keepTabsMounted,
-          style: animationStyle
-        }, this.v3 ? function () {
-          return [h("div", {
-            role: 'tabpanel',
-            attrs: _this.v3 ? undefined : {
-              role: 'tabpanel',
-              "aria-expanded": true,
-              id: String(_this.contentId + idx)
-            },
-            "aria-expanded": true,
-            id: String(_this.contentId + idx),
-            key: idx
-          }, [//  hasTabs ? 
-          //     visible ? content : null
-          //     : 
-          content])];
-        } : [h("div", {
+      var tabPanel = h("div", {
+        role: 'tabpanel',
+        attrs: this.v3 ? undefined : {
           role: 'tabpanel',
-          attrs: _this.v3 ? undefined : {
-            role: 'tabpanel',
-            "aria-expanded": true,
-            id: String(_this.contentId + idx)
-          },
           "aria-expanded": true,
-          id: String(_this.contentId + idx),
-          key: idx
-        }, [content])])
-      );
+          id: String(this.contentId + idx)
+        },
+        "aria-expanded": true,
+        id: String(this.contentId + idx),
+        key: idx
+      }, [content]);
+      return (hasTabs ? this.animation : true) ? // @ts-ignore function children
+      h(Fade, {
+        appear: this.v3 ? true : visible,
+        attrs: this.v3 ? undefined : {
+          appear: this.v3 ? true : visible,
+          enter: this.$props.animation,
+          exit: this.$props.keepTabsMounted
+        },
+        key: idx,
+        "class": this.animationClass[idx],
+        enter: this.$props.animation,
+        exit: this.$props.keepTabsMounted,
+        style: animationStyle
+      }, this.v3 ? function () {
+        return [tabPanel];
+      } : [tabPanel]) : visible ? tabPanel : null;
     };
 
     var renderContent = function renderContent() {

package/dist/npm/menu/components/MenuItemInternal.js

@@ -120,10 +120,12 @@ var MenuItemInternalVue2 = {
       return focusedItemId === currentItemId;
     },
     popupClassName: function popupClassName() {
-      return (0, kendo_vue_common_1.classNames)({
+      var _a;
+
+      return (0, kendo_vue_common_1.classNames)((_a = {
         'k-menu-popup': true,
         'k-rtl': this.$props.isDirectionRightToLeft
-      });
+      }, _a[this.item.popupClass] = this.item.popupClass, _a));
     },
     menuItemClassName: function menuItemClassName() {
       var _a;

package/dist/npm/menu/models/BaseMenuItem.d.ts

@@ -22,6 +22,10 @@ export interface BaseMenuItem {
      * The additional CSS classes that will be rendered on the item ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
      */
     cssClass?: string;
+    /**
+     * The additional CSS classes that will be rendered on the item's popup.
+     */
+    popupClass?: string;
     /**
      * The CSS styles that will be rendered on the item ([see example]({% slug itemproperties_menu %}#toc-styles-and-classes)).
      */

package/dist/npm/menu/utils/prepareInputItemsForInternalWork.js

@@ -20,7 +20,7 @@ function prepareInputItemsForInternalWork(models) {
 exports.prepareInputItemsForInternalWork = prepareInputItemsForInternalWork;
 function copyInputItemWithoutChildren(inputModel) {
     var result = {};
-    var text = inputModel.text, url = inputModel.url, icon = inputModel.icon, disabled = inputModel.disabled, cssClass = inputModel.cssClass, cssStyle = inputModel.cssStyle, render = inputModel.render, linkRender = inputModel.linkRender, contentRender = inputModel.contentRender, data = inputModel.data;
+    var text = inputModel.text, url = inputModel.url, icon = inputModel.icon, disabled = inputModel.disabled, cssClass = inputModel.cssClass, popupClass = inputModel.popupClass, cssStyle = inputModel.cssStyle, render = inputModel.render, linkRender = inputModel.linkRender, contentRender = inputModel.contentRender, data = inputModel.data;
     if (text !== undefined) {
         result.text = text;
     }
@@ -36,6 +36,9 @@ function copyInputItemWithoutChildren(inputModel) {
     if (cssClass !== undefined) {
         result.cssClass = cssClass;
     }
+    if (popupClass !== undefined) {
+        result.popupClass = popupClass;
+    }
     if (cssStyle !== undefined) {
         result.cssStyle = cssStyle;
     }

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1660743418,
+    publishDate: 1662108043,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/stepper/Step.js

@@ -18,7 +18,7 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var contants_1 = require("./contants");
 
-var messages_1 = require("./messages");
+var main_1 = require("./messages/main");
 /**
  * @hidden
  */
@@ -131,10 +131,10 @@ var StepVue2 = {
     var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
 
     var localizeMessage = function localizeMessage(message) {
-      return localizationService.toLanguageString(message, messages_1.messages[message]);
+      return localizationService.toLanguageString(message, main_1.messages[message]);
     };
 
-    var optionalMessage = localizeMessage(messages_1.optionalText);
+    var optionalMessage = localizeMessage(main_1.optionalText);
     var progressAnimation = typeof animationDuration === 'number' ? animationDuration : animationDuration !== false ? contants_1.DEFAULT_ANIMATION_DURATION : contants_1.NO_ANIMATION;
     var validationIconClasses = isValid ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check' : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-warning';
     var validationIcons = h("span", {

package/dist/npm/tabstrip/TabStripContent.js

@@ -77,8 +77,6 @@ var TabStripContentVue2 = {
     }, selectedTab && selectedTab.contentClassName);
 
     var renderChild = function renderChild(tab, idx) {
-      var _this = this;
-
       var visible = idx === this.$props.selected;
       var animationStyle = {
         position: 'initial',
@@ -90,46 +88,33 @@ var TabStripContentVue2 = {
         template: tab.content,
         defaultRendering: null
       }) : tab;
-      return (// @ts-ignore function children
-        h(kendo_vue_animation_1.Fade, {
-          appear: this.v3 ? true : visible,
-          attrs: this.v3 ? undefined : {
-            appear: this.v3 ? true : visible,
-            enter: this.$props.animation,
-            exit: this.$props.keepTabsMounted
-          },
-          key: idx,
-          "class": this.animationClass[idx],
-          enter: this.$props.animation,
-          exit: this.$props.keepTabsMounted,
-          style: animationStyle
-        }, this.v3 ? function () {
-          return [h("div", {
-            role: 'tabpanel',
-            attrs: _this.v3 ? undefined : {
-              role: 'tabpanel',
-              "aria-expanded": true,
-              id: String(_this.contentId + idx)
-            },
-            "aria-expanded": true,
-            id: String(_this.contentId + idx),
-            key: idx
-          }, [//  hasTabs ? 
-          //     visible ? content : null
-          //     : 
-          content])];
-        } : [h("div", {
+      var tabPanel = h("div", {
+        role: 'tabpanel',
+        attrs: this.v3 ? undefined : {
           role: 'tabpanel',
-          attrs: _this.v3 ? undefined : {
-            role: 'tabpanel',
-            "aria-expanded": true,
-            id: String(_this.contentId + idx)
-          },
           "aria-expanded": true,
-          id: String(_this.contentId + idx),
-          key: idx
-        }, [content])])
-      );
+          id: String(this.contentId + idx)
+        },
+        "aria-expanded": true,
+        id: String(this.contentId + idx),
+        key: idx
+      }, [content]);
+      return (hasTabs ? this.animation : true) ? // @ts-ignore function children
+      h(kendo_vue_animation_1.Fade, {
+        appear: this.v3 ? true : visible,
+        attrs: this.v3 ? undefined : {
+          appear: this.v3 ? true : visible,
+          enter: this.$props.animation,
+          exit: this.$props.keepTabsMounted
+        },
+        key: idx,
+        "class": this.animationClass[idx],
+        enter: this.$props.animation,
+        exit: this.$props.keepTabsMounted,
+        style: animationStyle
+      }, this.v3 ? function () {
+        return [tabPanel];
+      } : [tabPanel]) : visible ? tabPanel : null;
     };
 
     var renderContent = function renderContent() {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-layout",
   "description": "Kendo UI for Vue Layouts package",
-  "version": "3.5.2-dev.202208171348",
+  "version": "3.5.2-dev.202209020851",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -43,21 +43,21 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-animation": "3.5.2-dev.202208171348",
-    "@progress/kendo-vue-common": "3.5.2-dev.202208171348",
-    "@progress/kendo-vue-popup": "3.5.2-dev.202208171348"
+    "@progress/kendo-vue-animation": "3.5.2-dev.202209020851",
+    "@progress/kendo-vue-common": "3.5.2-dev.202209020851",
+    "@progress/kendo-vue-popup": "3.5.2-dev.202209020851"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.0",
     "@progress/kendo-date-math": "^1.5.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.5.2-dev.202208171348",
-    "@progress/kendo-vue-dateinputs": "3.5.2-dev.202208171348",
-    "@progress/kendo-vue-dropdowns": "3.5.2-dev.202208171348",
-    "@progress/kendo-vue-inputs": "3.5.2-dev.202208171348",
-    "@progress/kendo-vue-intl": "3.5.2-dev.202208171348",
-    "@progress/kendo-vue-progressbars": "3.5.2-dev.202208171348"
+    "@progress/kendo-vue-buttons": "3.5.2-dev.202209020851",
+    "@progress/kendo-vue-dateinputs": "3.5.2-dev.202209020851",
+    "@progress/kendo-vue-dropdowns": "3.5.2-dev.202209020851",
+    "@progress/kendo-vue-inputs": "3.5.2-dev.202209020851",
+    "@progress/kendo-vue-intl": "3.5.2-dev.202209020851",
+    "@progress/kendo-vue-progressbars": "3.5.2-dev.202209020851"
   },
   "@progress": {
     "friendlyName": "Layouts",