@progress/kendo-vue-layout 3.8.0 → 3.8.1-dev.202301190855

package/dist/es/drawer/DrawerItem.js

@@ -79,6 +79,7 @@ var DrawerItemVue2 = {
       mini = _b.mini,
       item = _b.item;
     var ariaLabelSeparator = provideLocalizationService(this).toLanguageString(separatorAriaMessage, messages[separatorAriaMessage]);
+    var iconName = icon && icon.indexOf('k-i-') !== -1 ? icon.split('k-i-')[1] : icon;
     return separator ? h("li", {
       "class": 'k-drawer-item k-drawer-separator',
       role: "separator",
@@ -106,9 +107,9 @@ var DrawerItemVue2 = {
       },
       tabindex: getTabIndex(tabIndex, disabled)
     }, [!item ? [icon && h(Icon, {
-      name: icon,
+      name: iconName,
       attrs: this.v3 ? undefined : {
-        name: icon
+        name: iconName
       }
     }), !expanded && mini ? null : h("span", {
       "class": 'k-item-text'

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

@@ -3,6 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
+import { Icon } from '@progress/kendo-vue-common';
 import { getChildrenPosition } from '../utils/misc';
 /**
  * @hidden
@@ -41,12 +42,13 @@ var MenuItemArrowVue2 = {
       attrs: this.v3 ? undefined : {
         "aria-hidden": "true"
       }
-    }, [h("span", {
-      "class": this.getArrowName(),
-      role: "presentation",
+    }, [h(Icon, {
+      name: this.getArrowName(),
       attrs: this.v3 ? undefined : {
+        name: this.getArrowName(),
         role: "presentation"
-      }
+      },
+      role: "presentation"
     })]);
   },
   methods: {

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: 1674028091,
+    publishDate: 1674117726,
     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/tilelayout/Tile.js

@@ -10,6 +10,15 @@ var __assign = this && this.__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
 // @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
@@ -17,6 +26,7 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 import { canUseDOM, Draggable, getDefaultSlots } from '@progress/kendo-vue-common';
 import { ResizeHandlers } from './ResizeHandlers';
+var tileDragClasses = ['k-card-title', 'k-card-body', 'k-tilelayout-item-body', 'k-tilelayout-item', 'k-tilelayout-item-header', 'k-resize-handle'];
 /**
  * @hidden
  */
@@ -31,6 +41,7 @@ var TileVue2 = {
       required: true
     },
     index: Number,
+    tile: Object,
     hintStyle: Object,
     hintClass: String,
     header: [String, Function, Object],
@@ -206,15 +217,17 @@ var TileVue2 = {
         "aria-keyshortcuts": 'Enter',
         "aria-dropeffect": 'execute',
         "aria-grabbed": this.grabbed ? true : false,
-        "aria-ariaDescribedBy": this.$props.ariaDescribedBy,
-        ontouchstart: 'return false'
+        "aria-ariaDescribedBy": this.$props.ariaDescribedBy
       },
       tabIndex: this.$props.tabIndex,
       "aria-keyshortcuts": 'Enter',
       "aria-dropeffect": 'execute',
       "aria-grabbed": this.grabbed ? true : false,
       "aria-ariaDescribedBy": this.$props.ariaDescribedBy,
-      ontouchstart: 'return false'
+      onTouchstart: this.touchStart,
+      on: this.v3 ? undefined : {
+        "touchstart": this.touchStart
+      }
     }, [defaultSlots, resizable && resizable !== 'vertical' && h(ResizeHandlers, {
       onPress: this.handlePress,
       on: this.v3 ? undefined : {
@@ -275,6 +288,14 @@ var TileVue2 = {
     } : [card])]);
   },
   methods: {
+    touchStart: function touchStart(e) {
+      var dragClasses = this.tile.dragClasses ? __spreadArray(__spreadArray([], tileDragClasses, true), this.tile.dragClasses, true) : tileDragClasses;
+      if (dragClasses.some(function (dragClass) {
+        return e.target.classList.contains(dragClass);
+      })) {
+        e.preventDefault();
+      }
+    },
     dragElement: function dragElement() {
       return this.draggable && this.draggable.element;
     },

package/dist/es/tilelayout/TileLayout.js

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

package/dist/es/tilelayout/interfaces/main.d.ts

@@ -15,6 +15,10 @@ export interface TileLayoutItem {
      * Sets additional classes to the TileLayoutItem.
      */
     class?: string;
+    /**
+     * The tile object.
+     */
+    tile?: object;
     /**
      * Sets additional CSS styles to the TileLayoutItem hint element.
      */

package/dist/esm/drawer/DrawerItem.js

@@ -79,6 +79,7 @@ var DrawerItemVue2 = {
       mini = _b.mini,
       item = _b.item;
     var ariaLabelSeparator = provideLocalizationService(this).toLanguageString(separatorAriaMessage, messages[separatorAriaMessage]);
+    var iconName = icon && icon.indexOf('k-i-') !== -1 ? icon.split('k-i-')[1] : icon;
     return separator ? h("li", {
       "class": 'k-drawer-item k-drawer-separator',
       role: "separator",
@@ -106,9 +107,9 @@ var DrawerItemVue2 = {
       },
       tabindex: getTabIndex(tabIndex, disabled)
     }, [!item ? [icon && h(Icon, {
-      name: icon,
+      name: iconName,
       attrs: this.v3 ? undefined : {
-        name: icon
+        name: iconName
       }
     }), !expanded && mini ? null : h("span", {
       "class": 'k-item-text'

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

@@ -3,6 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
+import { Icon } from '@progress/kendo-vue-common';
 import { getChildrenPosition } from '../utils/misc.js';
 /**
  * @hidden
@@ -41,12 +42,13 @@ var MenuItemArrowVue2 = {
       attrs: this.v3 ? undefined : {
         "aria-hidden": "true"
       }
-    }, [h("span", {
-      "class": this.getArrowName(),
-      role: "presentation",
+    }, [h(Icon, {
+      name: this.getArrowName(),
       attrs: this.v3 ? undefined : {
+        name: this.getArrowName(),
         role: "presentation"
-      }
+      },
+      role: "presentation"
     })]);
   },
   methods: {

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: 1674028091,
+    publishDate: 1674117726,
     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/tilelayout/Tile.js

@@ -10,6 +10,15 @@ var __assign = this && this.__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
 // @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
@@ -17,6 +26,7 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 import { canUseDOM, Draggable, getDefaultSlots } from '@progress/kendo-vue-common';
 import { ResizeHandlers } from './ResizeHandlers.js';
+var tileDragClasses = ['k-card-title', 'k-card-body', 'k-tilelayout-item-body', 'k-tilelayout-item', 'k-tilelayout-item-header', 'k-resize-handle'];
 /**
  * @hidden
  */
@@ -31,6 +41,7 @@ var TileVue2 = {
       required: true
     },
     index: Number,
+    tile: Object,
     hintStyle: Object,
     hintClass: String,
     header: [String, Function, Object],
@@ -206,15 +217,17 @@ var TileVue2 = {
         "aria-keyshortcuts": 'Enter',
         "aria-dropeffect": 'execute',
         "aria-grabbed": this.grabbed ? true : false,
-        "aria-ariaDescribedBy": this.$props.ariaDescribedBy,
-        ontouchstart: 'return false'
+        "aria-ariaDescribedBy": this.$props.ariaDescribedBy
       },
       tabIndex: this.$props.tabIndex,
       "aria-keyshortcuts": 'Enter',
       "aria-dropeffect": 'execute',
       "aria-grabbed": this.grabbed ? true : false,
       "aria-ariaDescribedBy": this.$props.ariaDescribedBy,
-      ontouchstart: 'return false'
+      onTouchstart: this.touchStart,
+      on: this.v3 ? undefined : {
+        "touchstart": this.touchStart
+      }
     }, [defaultSlots, resizable && resizable !== 'vertical' && h(ResizeHandlers, {
       onPress: this.handlePress,
       on: this.v3 ? undefined : {
@@ -275,6 +288,14 @@ var TileVue2 = {
     } : [card])]);
   },
   methods: {
+    touchStart: function touchStart(e) {
+      var dragClasses = this.tile.dragClasses ? __spreadArray(__spreadArray([], tileDragClasses, true), this.tile.dragClasses, true) : tileDragClasses;
+      if (dragClasses.some(function (dragClass) {
+        return e.target.classList.contains(dragClass);
+      })) {
+        e.preventDefault();
+      }
+    },
     dragElement: function dragElement() {
       return this.draggable && this.draggable.element;
     },

package/dist/esm/tilelayout/TileLayout.js

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

package/dist/esm/tilelayout/interfaces/main.d.ts

@@ -15,6 +15,10 @@ export interface TileLayoutItem {
      * Sets additional classes to the TileLayoutItem.
      */
     class?: string;
+    /**
+     * The tile object.
+     */
+    tile?: object;
     /**
      * Sets additional CSS styles to the TileLayoutItem hint element.
      */

package/dist/npm/drawer/DrawerItem.js

@@ -85,6 +85,7 @@ var DrawerItemVue2 = {
       mini = _b.mini,
       item = _b.item;
     var ariaLabelSeparator = (0, kendo_vue_intl_1.provideLocalizationService)(this).toLanguageString(main_1.separatorAriaMessage, main_1.messages[main_1.separatorAriaMessage]);
+    var iconName = icon && icon.indexOf('k-i-') !== -1 ? icon.split('k-i-')[1] : icon;
     return separator ? h("li", {
       "class": 'k-drawer-item k-drawer-separator',
       role: "separator",
@@ -112,9 +113,9 @@ var DrawerItemVue2 = {
       },
       tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled)
     }, [!item ? [icon && h(kendo_vue_common_1.Icon, {
-      name: icon,
+      name: iconName,
       attrs: this.v3 ? undefined : {
-        name: icon
+        name: iconName
       }
     }), !expanded && mini ? null : h("span", {
       "class": 'k-item-text'

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

@@ -9,6 +9,7 @@ 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 misc_1 = require("../utils/misc");
 /**
  * @hidden
@@ -47,12 +48,13 @@ var MenuItemArrowVue2 = {
       attrs: this.v3 ? undefined : {
         "aria-hidden": "true"
       }
-    }, [h("span", {
-      "class": this.getArrowName(),
-      role: "presentation",
+    }, [h(kendo_vue_common_1.Icon, {
+      name: this.getArrowName(),
       attrs: this.v3 ? undefined : {
+        name: this.getArrowName(),
         role: "presentation"
-      }
+      },
+      role: "presentation"
     })]);
   },
   methods: {

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: 1674028091,
+    publishDate: 1674117726,
     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/tilelayout/Tile.js

@@ -12,6 +12,15 @@ var __assign = undefined && undefined.__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
+var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,6 +32,7 @@ var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 var ResizeHandlers_1 = require("./ResizeHandlers");
+var tileDragClasses = ['k-card-title', 'k-card-body', 'k-tilelayout-item-body', 'k-tilelayout-item', 'k-tilelayout-item-header', 'k-resize-handle'];
 /**
  * @hidden
  */
@@ -37,6 +47,7 @@ var TileVue2 = {
       required: true
     },
     index: Number,
+    tile: Object,
     hintStyle: Object,
     hintClass: String,
     header: [String, Function, Object],
@@ -212,15 +223,17 @@ var TileVue2 = {
         "aria-keyshortcuts": 'Enter',
         "aria-dropeffect": 'execute',
         "aria-grabbed": this.grabbed ? true : false,
-        "aria-ariaDescribedBy": this.$props.ariaDescribedBy,
-        ontouchstart: 'return false'
+        "aria-ariaDescribedBy": this.$props.ariaDescribedBy
       },
       tabIndex: this.$props.tabIndex,
       "aria-keyshortcuts": 'Enter',
       "aria-dropeffect": 'execute',
       "aria-grabbed": this.grabbed ? true : false,
       "aria-ariaDescribedBy": this.$props.ariaDescribedBy,
-      ontouchstart: 'return false'
+      onTouchstart: this.touchStart,
+      on: this.v3 ? undefined : {
+        "touchstart": this.touchStart
+      }
     }, [defaultSlots, resizable && resizable !== 'vertical' && h(ResizeHandlers_1.ResizeHandlers, {
       onPress: this.handlePress,
       on: this.v3 ? undefined : {
@@ -281,6 +294,14 @@ var TileVue2 = {
     } : [card])]);
   },
   methods: {
+    touchStart: function touchStart(e) {
+      var dragClasses = this.tile.dragClasses ? __spreadArray(__spreadArray([], tileDragClasses, true), this.tile.dragClasses, true) : tileDragClasses;
+      if (dragClasses.some(function (dragClass) {
+        return e.target.classList.contains(dragClass);
+      })) {
+        e.preventDefault();
+      }
+    },
     dragElement: function dragElement() {
       return this.draggable && this.draggable.element;
     },

package/dist/npm/tilelayout/TileLayout.js

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

package/dist/npm/tilelayout/interfaces/main.d.ts

@@ -15,6 +15,10 @@ export interface TileLayoutItem {
      * Sets additional classes to the TileLayoutItem.
      */
     class?: string;
+    /**
+     * The tile object.
+     */
+    tile?: object;
     /**
      * Sets additional CSS styles to the TileLayoutItem hint element.
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-layout",
   "description": "Kendo UI for Vue Layouts package",
-  "version": "3.8.0",
+  "version": "3.8.1-dev.202301190855",
   "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.8.0",
-    "@progress/kendo-vue-common": "3.8.0",
-    "@progress/kendo-vue-popup": "3.8.0"
+    "@progress/kendo-vue-animation": "3.8.1-dev.202301190855",
+    "@progress/kendo-vue-common": "3.8.1-dev.202301190855",
+    "@progress/kendo-vue-popup": "3.8.1-dev.202301190855"
   },
   "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.8.0",
-    "@progress/kendo-vue-charts": "3.8.0",
-    "@progress/kendo-vue-dateinputs": "3.8.0",
-    "@progress/kendo-vue-dropdowns": "3.8.0",
-    "@progress/kendo-vue-grid": "3.8.0",
-    "@progress/kendo-vue-indicators": "3.8.0",
-    "@progress/kendo-vue-inputs": "3.8.0",
-    "@progress/kendo-vue-intl": "3.8.0",
-    "@progress/kendo-vue-progressbars": "3.8.0"
+    "@progress/kendo-vue-buttons": "3.8.1-dev.202301190855",
+    "@progress/kendo-vue-charts": "3.8.1-dev.202301190855",
+    "@progress/kendo-vue-dateinputs": "3.8.1-dev.202301190855",
+    "@progress/kendo-vue-dropdowns": "3.8.1-dev.202301190855",
+    "@progress/kendo-vue-grid": "3.8.1-dev.202301190855",
+    "@progress/kendo-vue-indicators": "3.8.1-dev.202301190855",
+    "@progress/kendo-vue-inputs": "3.8.1-dev.202301190855",
+    "@progress/kendo-vue-intl": "3.8.1-dev.202301190855",
+    "@progress/kendo-vue-progressbars": "3.8.1-dev.202301190855"
   },
   "@progress": {
     "friendlyName": "Layouts",