@progress/kendo-vue-layout 3.7.4-dev.202301161618 → 3.8.0-dev.202301180727

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: 1673885012,
+    publishDate: 1674026021,
     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/tabstrip/TabStrip.js

@@ -104,7 +104,7 @@ var TabStripVue2 = {
   methods: {
     addRenderTitle: function addRenderTitle(currentId, titleTemplate) {
       var indexToUpdate = this.compTabs.findIndex(function (e) {
-        return e.id === currentId;
+        return e.tabId === currentId;
       });
       if (this.v3) {
         this.compTabs[indexToUpdate].titleRender = titleTemplate;
@@ -119,7 +119,7 @@ var TabStripVue2 = {
     },
     removeTab: function removeTab(currentId) {
       var indexToRemove = this.currentTabs.findIndex(function (e) {
-        return e.id === currentId;
+        return e.tabId === currentId;
       });
       this.currentTabs.splice(indexToRemove, 1);
     },

package/dist/es/tabstrip/TabStripNavigation.js

@@ -72,6 +72,7 @@ var TabStripNavigationVue2 = {
               disabled: tabs[index].disabled,
               index: index,
               title: tabs[index].title,
+              id: tabs[index].id,
               titleRender: tabs[index].titleRender,
               first: index === 0,
               last: index === array.length - 1
@@ -79,6 +80,7 @@ var TabStripNavigationVue2 = {
             disabled: tabs[index].disabled,
             index: index,
             title: tabs[index].title,
+            id: tabs[index].id,
             titleRender: tabs[index].titleRender,
             first: index === 0,
             last: index === array.length - 1,

package/dist/es/tabstrip/TabStripNavigationItem.d.ts

@@ -19,6 +19,10 @@ export interface TabStripNavigationItemProps {
      * Sets the index of the TabStripNavigationItem that is used to identify it.
      */
     index: number;
+    /**
+     * Sets the id of the TabStripNavigationItem.
+     */
+    id?: any;
     /**
      * Sets the title of the TabStripNavigationItem.
      */

package/dist/es/tabstrip/TabStripNavigationItem.js

@@ -21,6 +21,9 @@ var TabStripNavigationItemVue2 = {
       type: String,
       default: 'Untitled'
     },
+    id: {
+      type: String
+    },
     titleRender: [String, Function, Object],
     first: {
       type: Boolean,
@@ -63,7 +66,8 @@ var TabStripNavigationItemVue2 = {
     var _a = this.$props,
       active = _a.active,
       _b = _a.title,
-      title = _b === void 0 ? 'Untitled' : _b;
+      title = _b === void 0 ? 'Untitled' : _b,
+      id = _a.id;
     var titleRender = this.$props.titleRender;
     var titleElement = getTemplate.call(this, {
       h: h,
@@ -78,9 +82,11 @@ var TabStripNavigationItemVue2 = {
       "aria-selected": active,
       attrs: this.v3 ? undefined : {
         "aria-selected": active,
-        role: 'tab'
+        role: 'tab',
+        id: id
       },
       role: 'tab',
+      id: id,
       onClick: this.onClick,
       on: this.v3 ? undefined : {
         "click": this.onClick

package/dist/es/tabstrip/TabStripTab.d.ts

@@ -5,7 +5,8 @@ declare type DefaultMethods<V> = {
 };
 export interface TabStripTabProperties {
     disabled?: boolean;
-    id: string;
+    id?: string;
+    tabId?: string;
     title?: string;
     titleRender?: any;
     content?: any;
@@ -23,6 +24,10 @@ export interface TabStripTabProps {
      * Sets the title of the tab ([see example]({% slug tabs_tabstrip %}#toc-titles)).
      */
     title?: any;
+    /**
+     * Sets the id of the tab (li element).
+     */
+    id?: string;
     /**
      * Defines the custom rendering of the title. Accepts a Vue component, a `render` function, or a slot name.
      */

package/dist/es/tabstrip/TabStripTab.js

@@ -15,6 +15,7 @@ var TabStripTabVue2 = {
     disabled: Boolean,
     contentClassName: String,
     title: String,
+    id: String,
     titleRender: [String, Function, Object]
   },
   inject: {
@@ -32,7 +33,8 @@ var TabStripTabVue2 = {
     this.tabId = guid();
     this.addTab({
       title: this.$props.title,
-      id: this.tabId,
+      tabId: this.tabId,
+      id: this.id,
       disabled: this.$props.disabled,
       contentClassName: this.$props.contentClassName
     });

package/dist/es/tilelayout/Tile.js

@@ -206,13 +206,15 @@ var TileVue2 = {
         "aria-keyshortcuts": 'Enter',
         "aria-dropeffect": 'execute',
         "aria-grabbed": this.grabbed ? true : false,
-        "aria-ariaDescribedBy": this.$props.ariaDescribedBy
+        "aria-ariaDescribedBy": this.$props.ariaDescribedBy,
+        ontouchstart: 'return false'
       },
       tabIndex: this.$props.tabIndex,
       "aria-keyshortcuts": 'Enter',
       "aria-dropeffect": 'execute',
       "aria-grabbed": this.grabbed ? true : false,
-      "aria-ariaDescribedBy": this.$props.ariaDescribedBy
+      "aria-ariaDescribedBy": this.$props.ariaDescribedBy,
+      ontouchstart: 'return false'
     }, [defaultSlots, resizable && resizable !== 'vertical' && h(ResizeHandlers, {
       onPress: this.handlePress,
       on: this.v3 ? undefined : {

package/dist/es/tilelayout/TileLayout.js

@@ -115,12 +115,14 @@ var TileLayoutVue2 = {
       attrs: this.v3 ? undefined : {
         dir: this.$props.dir,
         id: this.$props.id,
-        role: 'list'
+        role: 'list',
+        ontouchstart: 'return false'
       },
       "class": this.wrapperClass,
       style: tileLayoutStyles,
       id: this.$props.id,
-      role: 'list'
+      role: 'list',
+      ontouchstart: 'return false'
     }, [items.map(function (tile, index) {
       var _this = this;
       var tileTitleId = tile && tile.id || guid();

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: 1673885012,
+    publishDate: 1674026021,
     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/tabstrip/TabStrip.js

@@ -104,7 +104,7 @@ var TabStripVue2 = {
   methods: {
     addRenderTitle: function addRenderTitle(currentId, titleTemplate) {
       var indexToUpdate = this.compTabs.findIndex(function (e) {
-        return e.id === currentId;
+        return e.tabId === currentId;
       });
       if (this.v3) {
         this.compTabs[indexToUpdate].titleRender = titleTemplate;
@@ -119,7 +119,7 @@ var TabStripVue2 = {
     },
     removeTab: function removeTab(currentId) {
       var indexToRemove = this.currentTabs.findIndex(function (e) {
-        return e.id === currentId;
+        return e.tabId === currentId;
       });
       this.currentTabs.splice(indexToRemove, 1);
     },

package/dist/esm/tabstrip/TabStripNavigation.js

@@ -72,6 +72,7 @@ var TabStripNavigationVue2 = {
               disabled: tabs[index].disabled,
               index: index,
               title: tabs[index].title,
+              id: tabs[index].id,
               titleRender: tabs[index].titleRender,
               first: index === 0,
               last: index === array.length - 1
@@ -79,6 +80,7 @@ var TabStripNavigationVue2 = {
             disabled: tabs[index].disabled,
             index: index,
             title: tabs[index].title,
+            id: tabs[index].id,
             titleRender: tabs[index].titleRender,
             first: index === 0,
             last: index === array.length - 1,

package/dist/esm/tabstrip/TabStripNavigationItem.d.ts

@@ -19,6 +19,10 @@ export interface TabStripNavigationItemProps {
      * Sets the index of the TabStripNavigationItem that is used to identify it.
      */
     index: number;
+    /**
+     * Sets the id of the TabStripNavigationItem.
+     */
+    id?: any;
     /**
      * Sets the title of the TabStripNavigationItem.
      */

package/dist/esm/tabstrip/TabStripNavigationItem.js

@@ -21,6 +21,9 @@ var TabStripNavigationItemVue2 = {
       type: String,
       default: 'Untitled'
     },
+    id: {
+      type: String
+    },
     titleRender: [String, Function, Object],
     first: {
       type: Boolean,
@@ -63,7 +66,8 @@ var TabStripNavigationItemVue2 = {
     var _a = this.$props,
       active = _a.active,
       _b = _a.title,
-      title = _b === void 0 ? 'Untitled' : _b;
+      title = _b === void 0 ? 'Untitled' : _b,
+      id = _a.id;
     var titleRender = this.$props.titleRender;
     var titleElement = getTemplate.call(this, {
       h: h,
@@ -78,9 +82,11 @@ var TabStripNavigationItemVue2 = {
       "aria-selected": active,
       attrs: this.v3 ? undefined : {
         "aria-selected": active,
-        role: 'tab'
+        role: 'tab',
+        id: id
       },
       role: 'tab',
+      id: id,
       onClick: this.onClick,
       on: this.v3 ? undefined : {
         "click": this.onClick

package/dist/esm/tabstrip/TabStripTab.d.ts

@@ -5,7 +5,8 @@ declare type DefaultMethods<V> = {
 };
 export interface TabStripTabProperties {
     disabled?: boolean;
-    id: string;
+    id?: string;
+    tabId?: string;
     title?: string;
     titleRender?: any;
     content?: any;
@@ -23,6 +24,10 @@ export interface TabStripTabProps {
      * Sets the title of the tab ([see example]({% slug tabs_tabstrip %}#toc-titles)).
      */
     title?: any;
+    /**
+     * Sets the id of the tab (li element).
+     */
+    id?: string;
     /**
      * Defines the custom rendering of the title. Accepts a Vue component, a `render` function, or a slot name.
      */

package/dist/esm/tabstrip/TabStripTab.js

@@ -15,6 +15,7 @@ var TabStripTabVue2 = {
     disabled: Boolean,
     contentClassName: String,
     title: String,
+    id: String,
     titleRender: [String, Function, Object]
   },
   inject: {
@@ -32,7 +33,8 @@ var TabStripTabVue2 = {
     this.tabId = guid();
     this.addTab({
       title: this.$props.title,
-      id: this.tabId,
+      tabId: this.tabId,
+      id: this.id,
       disabled: this.$props.disabled,
       contentClassName: this.$props.contentClassName
     });

package/dist/esm/tilelayout/Tile.js

@@ -206,13 +206,15 @@ var TileVue2 = {
         "aria-keyshortcuts": 'Enter',
         "aria-dropeffect": 'execute',
         "aria-grabbed": this.grabbed ? true : false,
-        "aria-ariaDescribedBy": this.$props.ariaDescribedBy
+        "aria-ariaDescribedBy": this.$props.ariaDescribedBy,
+        ontouchstart: 'return false'
       },
       tabIndex: this.$props.tabIndex,
       "aria-keyshortcuts": 'Enter',
       "aria-dropeffect": 'execute',
       "aria-grabbed": this.grabbed ? true : false,
-      "aria-ariaDescribedBy": this.$props.ariaDescribedBy
+      "aria-ariaDescribedBy": this.$props.ariaDescribedBy,
+      ontouchstart: 'return false'
     }, [defaultSlots, resizable && resizable !== 'vertical' && h(ResizeHandlers, {
       onPress: this.handlePress,
       on: this.v3 ? undefined : {

package/dist/esm/tilelayout/TileLayout.js

@@ -115,12 +115,14 @@ var TileLayoutVue2 = {
       attrs: this.v3 ? undefined : {
         dir: this.$props.dir,
         id: this.$props.id,
-        role: 'list'
+        role: 'list',
+        ontouchstart: 'return false'
       },
       "class": this.wrapperClass,
       style: tileLayoutStyles,
       id: this.$props.id,
-      role: 'list'
+      role: 'list',
+      ontouchstart: 'return false'
     }, [items.map(function (tile, index) {
       var _this = this;
       var tileTitleId = tile && tile.id || guid();

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: 1673885012,
+    publishDate: 1674026021,
     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/tabstrip/TabStrip.js

@@ -110,7 +110,7 @@ var TabStripVue2 = {
   methods: {
     addRenderTitle: function addRenderTitle(currentId, titleTemplate) {
       var indexToUpdate = this.compTabs.findIndex(function (e) {
-        return e.id === currentId;
+        return e.tabId === currentId;
       });
       if (this.v3) {
         this.compTabs[indexToUpdate].titleRender = titleTemplate;
@@ -125,7 +125,7 @@ var TabStripVue2 = {
     },
     removeTab: function removeTab(currentId) {
       var indexToRemove = this.currentTabs.findIndex(function (e) {
-        return e.id === currentId;
+        return e.tabId === currentId;
       });
       this.currentTabs.splice(indexToRemove, 1);
     },

package/dist/npm/tabstrip/TabStripNavigation.js

@@ -78,6 +78,7 @@ var TabStripNavigationVue2 = {
               disabled: tabs[index].disabled,
               index: index,
               title: tabs[index].title,
+              id: tabs[index].id,
               titleRender: tabs[index].titleRender,
               first: index === 0,
               last: index === array.length - 1
@@ -85,6 +86,7 @@ var TabStripNavigationVue2 = {
             disabled: tabs[index].disabled,
             index: index,
             title: tabs[index].title,
+            id: tabs[index].id,
             titleRender: tabs[index].titleRender,
             first: index === 0,
             last: index === array.length - 1,

package/dist/npm/tabstrip/TabStripNavigationItem.d.ts

@@ -19,6 +19,10 @@ export interface TabStripNavigationItemProps {
      * Sets the index of the TabStripNavigationItem that is used to identify it.
      */
     index: number;
+    /**
+     * Sets the id of the TabStripNavigationItem.
+     */
+    id?: any;
     /**
      * Sets the title of the TabStripNavigationItem.
      */

package/dist/npm/tabstrip/TabStripNavigationItem.js

@@ -27,6 +27,9 @@ var TabStripNavigationItemVue2 = {
       type: String,
       default: 'Untitled'
     },
+    id: {
+      type: String
+    },
     titleRender: [String, Function, Object],
     first: {
       type: Boolean,
@@ -69,7 +72,8 @@ var TabStripNavigationItemVue2 = {
     var _a = this.$props,
       active = _a.active,
       _b = _a.title,
-      title = _b === void 0 ? 'Untitled' : _b;
+      title = _b === void 0 ? 'Untitled' : _b,
+      id = _a.id;
     var titleRender = this.$props.titleRender;
     var titleElement = kendo_vue_common_1.getTemplate.call(this, {
       h: h,
@@ -84,9 +88,11 @@ var TabStripNavigationItemVue2 = {
       "aria-selected": active,
       attrs: this.v3 ? undefined : {
         "aria-selected": active,
-        role: 'tab'
+        role: 'tab',
+        id: id
       },
       role: 'tab',
+      id: id,
       onClick: this.onClick,
       on: this.v3 ? undefined : {
         "click": this.onClick

package/dist/npm/tabstrip/TabStripTab.d.ts

@@ -5,7 +5,8 @@ declare type DefaultMethods<V> = {
 };
 export interface TabStripTabProperties {
     disabled?: boolean;
-    id: string;
+    id?: string;
+    tabId?: string;
     title?: string;
     titleRender?: any;
     content?: any;
@@ -23,6 +24,10 @@ export interface TabStripTabProps {
      * Sets the title of the tab ([see example]({% slug tabs_tabstrip %}#toc-titles)).
      */
     title?: any;
+    /**
+     * Sets the id of the tab (li element).
+     */
+    id?: string;
     /**
      * Defines the custom rendering of the title. Accepts a Vue component, a `render` function, or a slot name.
      */

package/dist/npm/tabstrip/TabStripTab.js

@@ -21,6 +21,7 @@ var TabStripTabVue2 = {
     disabled: Boolean,
     contentClassName: String,
     title: String,
+    id: String,
     titleRender: [String, Function, Object]
   },
   inject: {
@@ -38,7 +39,8 @@ var TabStripTabVue2 = {
     this.tabId = (0, kendo_vue_common_1.guid)();
     this.addTab({
       title: this.$props.title,
-      id: this.tabId,
+      tabId: this.tabId,
+      id: this.id,
       disabled: this.$props.disabled,
       contentClassName: this.$props.contentClassName
     });

package/dist/npm/tilelayout/Tile.js

@@ -212,13 +212,15 @@ var TileVue2 = {
         "aria-keyshortcuts": 'Enter',
         "aria-dropeffect": 'execute',
         "aria-grabbed": this.grabbed ? true : false,
-        "aria-ariaDescribedBy": this.$props.ariaDescribedBy
+        "aria-ariaDescribedBy": this.$props.ariaDescribedBy,
+        ontouchstart: 'return false'
       },
       tabIndex: this.$props.tabIndex,
       "aria-keyshortcuts": 'Enter',
       "aria-dropeffect": 'execute',
       "aria-grabbed": this.grabbed ? true : false,
-      "aria-ariaDescribedBy": this.$props.ariaDescribedBy
+      "aria-ariaDescribedBy": this.$props.ariaDescribedBy,
+      ontouchstart: 'return false'
     }, [defaultSlots, resizable && resizable !== 'vertical' && h(ResizeHandlers_1.ResizeHandlers, {
       onPress: this.handlePress,
       on: this.v3 ? undefined : {

package/dist/npm/tilelayout/TileLayout.js

@@ -121,12 +121,14 @@ var TileLayoutVue2 = {
       attrs: this.v3 ? undefined : {
         dir: this.$props.dir,
         id: this.$props.id,
-        role: 'list'
+        role: 'list',
+        ontouchstart: 'return false'
       },
       "class": this.wrapperClass,
       style: tileLayoutStyles,
       id: this.$props.id,
-      role: 'list'
+      role: 'list',
+      ontouchstart: 'return false'
     }, [items.map(function (tile, index) {
       var _this = this;
       var tileTitleId = tile && tile.id || (0, kendo_vue_common_1.guid)();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-layout",
   "description": "Kendo UI for Vue Layouts package",
-  "version": "3.7.4-dev.202301161618",
+  "version": "3.8.0-dev.202301180727",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -44,9 +44,9 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-animation": "3.7.4-dev.202301161618",
-    "@progress/kendo-vue-common": "3.7.4-dev.202301161618",
-    "@progress/kendo-vue-popup": "3.7.4-dev.202301161618"
+    "@progress/kendo-vue-animation": "3.8.0-dev.202301180727",
+    "@progress/kendo-vue-common": "3.8.0-dev.202301180727",
+    "@progress/kendo-vue-popup": "3.8.0-dev.202301180727"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.0",
@@ -54,15 +54,15 @@
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-buttons": "3.7.4-dev.202301161618",
-    "@progress/kendo-vue-charts": "3.7.4-dev.202301161618",
-    "@progress/kendo-vue-dateinputs": "3.7.4-dev.202301161618",
-    "@progress/kendo-vue-dropdowns": "3.7.4-dev.202301161618",
-    "@progress/kendo-vue-grid": "3.7.4-dev.202301161618",
-    "@progress/kendo-vue-indicators": "3.7.4-dev.202301161618",
-    "@progress/kendo-vue-inputs": "3.7.4-dev.202301161618",
-    "@progress/kendo-vue-intl": "3.7.4-dev.202301161618",
-    "@progress/kendo-vue-progressbars": "3.7.4-dev.202301161618"
+    "@progress/kendo-vue-buttons": "3.8.0-dev.202301180727",
+    "@progress/kendo-vue-charts": "3.8.0-dev.202301180727",
+    "@progress/kendo-vue-dateinputs": "3.8.0-dev.202301180727",
+    "@progress/kendo-vue-dropdowns": "3.8.0-dev.202301180727",
+    "@progress/kendo-vue-grid": "3.8.0-dev.202301180727",
+    "@progress/kendo-vue-indicators": "3.8.0-dev.202301180727",
+    "@progress/kendo-vue-inputs": "3.8.0-dev.202301180727",
+    "@progress/kendo-vue-intl": "3.8.0-dev.202301180727",
+    "@progress/kendo-vue-progressbars": "3.8.0-dev.202301180727"
   },
   "@progress": {
     "friendlyName": "Layouts",