@progress/kendo-vue-layout 3.9.1 → 3.9.2-dev.202304050903

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/cdn/js/kendo-vue-layout.js +1 -1
  2. package/dist/es/gridlayout/interfaces/GridLayoutProps.d.ts +3 -2
  3. package/dist/es/package-metadata.js +1 -1
  4. package/dist/es/tilelayout/Tile.js +6 -5
  5. package/dist/es/tilelayout/TileLayout.d.ts +2 -2
  6. package/dist/esm/gridlayout/interfaces/GridLayoutProps.d.ts +3 -2
  7. package/dist/esm/package-metadata.js +1 -1
  8. package/dist/esm/tilelayout/Tile.js +6 -5
  9. package/dist/esm/tilelayout/TileLayout.d.ts +2 -2
  10. package/dist/npm/gridlayout/interfaces/GridLayoutProps.d.ts +3 -2
  11. package/dist/npm/package-metadata.js +1 -1
  12. package/dist/npm/tilelayout/Tile.js +6 -5
  13. package/dist/npm/tilelayout/TileLayout.d.ts +2 -2
  14. package/package.json +13 -13
package/dist/es/gridlayout/interfaces/GridLayoutProps.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { GridLayoutColumnProps } from './GridLayoutColumnProps';
2
+ import { GridLayoutItemProps } from './GridLayoutItemProps';
2
3
  import { GridLayoutRowProps } from './GridLayoutRowProps';
3
4
  /**
4
5
  * Represents the props of the [Kendo UI for Vue GridLayout component]({% slug overview_gridlayout %}).
@@ -50,9 +51,9 @@ export interface GridLayoutProps {
50
51
  */
51
52
  rows?: GridLayoutRowProps[];
52
53
  /**
53
- * The collection of GridLayoutItems.
54
+ * The collection of GridLayoutItemProps.
54
55
  */
55
- items?: GridLayoutProps[];
56
+ items?: GridLayoutItemProps[];
56
57
  }
57
58
  /**
58
59
  * Specifies the gaps between the elements.
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-layout',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1680001716,
8
+ publishDate: 1680684749,
9
9
  version: '',
10
10
  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'
11
11
  };
package/dist/es/tilelayout/Tile.js CHANGED
@@ -62,13 +62,14 @@ var TileVue2 = {
62
62
  type: Number,
63
63
  default: 0
64
64
  },
65
- ariaDescribedBy: String
65
+ ariaDescribedBy: String,
66
+ ignoreDrag: Function
66
67
  },
67
68
  created: function created() {
68
69
  this.oldSize = {};
69
70
  this.dragging = false;
70
71
  this.resizing = false;
71
- this.ignoreDrag = false;
72
+ this.currentIgnoreDrag = false;
72
73
  this.pressOffset = {
73
74
  x: 0,
74
75
  y: 0
@@ -350,9 +351,9 @@ var TileVue2 = {
350
351
  if (!this.reorderable || !dragElement) {
351
352
  return;
352
353
  }
353
- this.ignoreDrag = false;
354
+ this.currentIgnoreDrag = false;
354
355
  if (this.$props.ignoreDrag && this.$props.ignoreDrag(e.originalEvent)) {
355
- this.ignoreDrag = true;
356
+ this.currentIgnoreDrag = true;
356
357
  return;
357
358
  }
358
359
  if (this.$el) {
@@ -373,7 +374,7 @@ var TileVue2 = {
373
374
  };
374
375
  },
375
376
  handleDrag: function handleDrag(e) {
376
- if (!this.reorderable || this.ignoreDrag) {
377
+ if (!this.reorderable || this.currentIgnoreDrag) {
377
378
  return;
378
379
  }
379
380
  var dragElement = this.dragElement();
package/dist/es/tilelayout/TileLayout.d.ts CHANGED
@@ -64,8 +64,8 @@ export interface TileLayoutProps {
64
64
  autoFlow?: TileLayoutAutoFlow | String;
65
65
  /**
66
66
  * Use this callback to prevent or allow dragging of the tiles based on specific dom event.
67
- * Setting `ignoreDrag={(e) => { return !(e.target.classList.contains("k-card-title")); }}` will make only the headers draggable.
68
- * Setting `ignoreDrag={(e) => { return e.target.nodeName == "INPUT"; }}` will ignore dragging input elements.
67
+ * Setting `:ignoreDrag="$event => !$event.target.closest('.k-card-title')"` will make only the headers draggable.
68
+ * Setting `:ignoreDrag="$event => $event.target.nodeName == 'INPUT'"` will ignore dragging input elements.
69
69
  */
70
70
  ignoreDrag?: (event: any) => boolean;
71
71
  }
package/dist/esm/gridlayout/interfaces/GridLayoutProps.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { GridLayoutColumnProps } from './GridLayoutColumnProps';
2
+ import { GridLayoutItemProps } from './GridLayoutItemProps';
2
3
  import { GridLayoutRowProps } from './GridLayoutRowProps';
3
4
  /**
4
5
  * Represents the props of the [Kendo UI for Vue GridLayout component]({% slug overview_gridlayout %}).
@@ -50,9 +51,9 @@ export interface GridLayoutProps {
50
51
  */
51
52
  rows?: GridLayoutRowProps[];
52
53
  /**
53
- * The collection of GridLayoutItems.
54
+ * The collection of GridLayoutItemProps.
54
55
  */
55
- items?: GridLayoutProps[];
56
+ items?: GridLayoutItemProps[];
56
57
  }
57
58
  /**
58
59
  * Specifies the gaps between the elements.
package/dist/esm/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-layout',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1680001716,
8
+ publishDate: 1680684749,
9
9
  version: '',
10
10
  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'
11
11
  };
package/dist/esm/tilelayout/Tile.js CHANGED
@@ -62,13 +62,14 @@ var TileVue2 = {
62
62
  type: Number,
63
63
  default: 0
64
64
  },
65
- ariaDescribedBy: String
65
+ ariaDescribedBy: String,
66
+ ignoreDrag: Function
66
67
  },
67
68
  created: function created() {
68
69
  this.oldSize = {};
69
70
  this.dragging = false;
70
71
  this.resizing = false;
71
- this.ignoreDrag = false;
72
+ this.currentIgnoreDrag = false;
72
73
  this.pressOffset = {
73
74
  x: 0,
74
75
  y: 0
@@ -350,9 +351,9 @@ var TileVue2 = {
350
351
  if (!this.reorderable || !dragElement) {
351
352
  return;
352
353
  }
353
- this.ignoreDrag = false;
354
+ this.currentIgnoreDrag = false;
354
355
  if (this.$props.ignoreDrag && this.$props.ignoreDrag(e.originalEvent)) {
355
- this.ignoreDrag = true;
356
+ this.currentIgnoreDrag = true;
356
357
  return;
357
358
  }
358
359
  if (this.$el) {
@@ -373,7 +374,7 @@ var TileVue2 = {
373
374
  };
374
375
  },
375
376
  handleDrag: function handleDrag(e) {
376
- if (!this.reorderable || this.ignoreDrag) {
377
+ if (!this.reorderable || this.currentIgnoreDrag) {
377
378
  return;
378
379
  }
379
380
  var dragElement = this.dragElement();
package/dist/esm/tilelayout/TileLayout.d.ts CHANGED
@@ -64,8 +64,8 @@ export interface TileLayoutProps {
64
64
  autoFlow?: TileLayoutAutoFlow | String;
65
65
  /**
66
66
  * Use this callback to prevent or allow dragging of the tiles based on specific dom event.
67
- * Setting `ignoreDrag={(e) => { return !(e.target.classList.contains("k-card-title")); }}` will make only the headers draggable.
68
- * Setting `ignoreDrag={(e) => { return e.target.nodeName == "INPUT"; }}` will ignore dragging input elements.
67
+ * Setting `:ignoreDrag="$event => !$event.target.closest('.k-card-title')"` will make only the headers draggable.
68
+ * Setting `:ignoreDrag="$event => $event.target.nodeName == 'INPUT'"` will ignore dragging input elements.
69
69
  */
70
70
  ignoreDrag?: (event: any) => boolean;
71
71
  }
package/dist/npm/gridlayout/interfaces/GridLayoutProps.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { GridLayoutColumnProps } from './GridLayoutColumnProps';
2
+ import { GridLayoutItemProps } from './GridLayoutItemProps';
2
3
  import { GridLayoutRowProps } from './GridLayoutRowProps';
3
4
  /**
4
5
  * Represents the props of the [Kendo UI for Vue GridLayout component]({% slug overview_gridlayout %}).
@@ -50,9 +51,9 @@ export interface GridLayoutProps {
50
51
  */
51
52
  rows?: GridLayoutRowProps[];
52
53
  /**
53
- * The collection of GridLayoutItems.
54
+ * The collection of GridLayoutItemProps.
54
55
  */
55
- items?: GridLayoutProps[];
56
+ items?: GridLayoutItemProps[];
56
57
  }
57
58
  /**
58
59
  * Specifies the gaps between the elements.
package/dist/npm/package-metadata.js CHANGED
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-layout',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1680001716,
11
+ publishDate: 1680684749,
12
12
  version: '',
13
13
  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'
14
14
  };
package/dist/npm/tilelayout/Tile.js CHANGED
@@ -68,13 +68,14 @@ var TileVue2 = {
68
68
  type: Number,
69
69
  default: 0
70
70
  },
71
- ariaDescribedBy: String
71
+ ariaDescribedBy: String,
72
+ ignoreDrag: Function
72
73
  },
73
74
  created: function created() {
74
75
  this.oldSize = {};
75
76
  this.dragging = false;
76
77
  this.resizing = false;
77
- this.ignoreDrag = false;
78
+ this.currentIgnoreDrag = false;
78
79
  this.pressOffset = {
79
80
  x: 0,
80
81
  y: 0
@@ -356,9 +357,9 @@ var TileVue2 = {
356
357
  if (!this.reorderable || !dragElement) {
357
358
  return;
358
359
  }
359
- this.ignoreDrag = false;
360
+ this.currentIgnoreDrag = false;
360
361
  if (this.$props.ignoreDrag && this.$props.ignoreDrag(e.originalEvent)) {
361
- this.ignoreDrag = true;
362
+ this.currentIgnoreDrag = true;
362
363
  return;
363
364
  }
364
365
  if (this.$el) {
@@ -379,7 +380,7 @@ var TileVue2 = {
379
380
  };
380
381
  },
381
382
  handleDrag: function handleDrag(e) {
382
- if (!this.reorderable || this.ignoreDrag) {
383
+ if (!this.reorderable || this.currentIgnoreDrag) {
383
384
  return;
384
385
  }
385
386
  var dragElement = this.dragElement();
package/dist/npm/tilelayout/TileLayout.d.ts CHANGED
@@ -64,8 +64,8 @@ export interface TileLayoutProps {
64
64
  autoFlow?: TileLayoutAutoFlow | String;
65
65
  /**
66
66
  * Use this callback to prevent or allow dragging of the tiles based on specific dom event.
67
- * Setting `ignoreDrag={(e) => { return !(e.target.classList.contains("k-card-title")); }}` will make only the headers draggable.
68
- * Setting `ignoreDrag={(e) => { return e.target.nodeName == "INPUT"; }}` will ignore dragging input elements.
67
+ * Setting `:ignoreDrag="$event => !$event.target.closest('.k-card-title')"` will make only the headers draggable.
68
+ * Setting `:ignoreDrag="$event => $event.target.nodeName == 'INPUT'"` will ignore dragging input elements.
69
69
  */
70
70
  ignoreDrag?: (event: any) => boolean;
71
71
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-layout",
3
3
  "description": "Kendo UI for Vue Layouts package",
4
- "version": "3.9.1",
4
+ "version": "3.9.2-dev.202304050903",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -44,9 +44,9 @@
44
44
  "vue": "^2.6.12 || ^3.0.2"
45
45
  },
46
46
  "dependencies": {
47
- "@progress/kendo-vue-animation": "3.9.1",
48
- "@progress/kendo-vue-common": "3.9.1",
49
- "@progress/kendo-vue-popup": "3.9.1"
47
+ "@progress/kendo-vue-animation": "3.9.2-dev.202304050903",
48
+ "@progress/kendo-vue-common": "3.9.2-dev.202304050903",
49
+ "@progress/kendo-vue-popup": "3.9.2-dev.202304050903"
50
50
  },
51
51
  "devDependencies": {
52
52
  "@progress/kendo-data-query": "^1.5.0",
@@ -54,15 +54,15 @@
54
54
  "@progress/kendo-drawing": "^1.8.0",
55
55
  "@progress/kendo-licensing": "^1.3.0",
56
56
  "@progress/kendo-svg-icons": "^1.0.0",
57
- "@progress/kendo-vue-buttons": "3.9.1",
58
- "@progress/kendo-vue-charts": "3.9.1",
59
- "@progress/kendo-vue-dateinputs": "3.9.1",
60
- "@progress/kendo-vue-dropdowns": "3.9.1",
61
- "@progress/kendo-vue-grid": "3.9.1",
62
- "@progress/kendo-vue-indicators": "3.9.1",
63
- "@progress/kendo-vue-inputs": "3.9.1",
64
- "@progress/kendo-vue-intl": "3.9.1",
65
- "@progress/kendo-vue-progressbars": "3.9.1"
57
+ "@progress/kendo-vue-buttons": "3.9.2-dev.202304050903",
58
+ "@progress/kendo-vue-charts": "3.9.2-dev.202304050903",
59
+ "@progress/kendo-vue-dateinputs": "3.9.2-dev.202304050903",
60
+ "@progress/kendo-vue-dropdowns": "3.9.2-dev.202304050903",
61
+ "@progress/kendo-vue-grid": "3.9.2-dev.202304050903",
62
+ "@progress/kendo-vue-indicators": "3.9.2-dev.202304050903",
63
+ "@progress/kendo-vue-inputs": "3.9.2-dev.202304050903",
64
+ "@progress/kendo-vue-intl": "3.9.2-dev.202304050903",
65
+ "@progress/kendo-vue-progressbars": "3.9.2-dev.202304050903"
66
66
  },
67
67
  "@progress": {
68
68
  "friendlyName": "Layouts",