@syncfusion/ej2-vue-navigations 20.1.61 → 20.2.39

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 (115) hide show
  1. package/CHANGELOG.md +86 -0
  2. package/dist/ej2-vue-navigations.umd.min.js +2 -11
  3. package/dist/es6/ej2-vue-navigations.es2015.js +9 -9
  4. package/dist/es6/ej2-vue-navigations.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-navigations.es5.js +9 -9
  6. package/dist/es6/ej2-vue-navigations.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-navigations.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/accordion/accordion.component.js +1 -1
  10. package/src/breadcrumb/breadcrumb.component.js +1 -1
  11. package/src/carousel/carousel.component.js +1 -1
  12. package/src/context-menu/contextmenu.component.js +1 -1
  13. package/src/menu/menu.component.js +1 -1
  14. package/src/sidebar/sidebar.component.js +1 -1
  15. package/src/tab/tab.component.js +1 -1
  16. package/src/toolbar/toolbar.component.js +1 -1
  17. package/src/treeview/treeview.component.js +1 -1
  18. package/styles/bootstrap-dark.css +743 -14
  19. package/styles/bootstrap-dark.scss +1 -0
  20. package/styles/bootstrap.css +744 -14
  21. package/styles/bootstrap.scss +1 -0
  22. package/styles/bootstrap4.css +745 -14
  23. package/styles/bootstrap4.scss +1 -0
  24. package/styles/bootstrap5-dark.css +789 -14
  25. package/styles/bootstrap5-dark.scss +1 -0
  26. package/styles/bootstrap5.css +789 -14
  27. package/styles/bootstrap5.scss +1 -0
  28. package/styles/breadcrumb/fluent-dark.css +5 -4
  29. package/styles/breadcrumb/fluent.css +5 -4
  30. package/styles/carousel/bootstrap-dark.css +23 -14
  31. package/styles/carousel/bootstrap.css +23 -14
  32. package/styles/carousel/bootstrap4.css +23 -14
  33. package/styles/carousel/bootstrap5-dark.css +23 -14
  34. package/styles/carousel/bootstrap5.css +23 -14
  35. package/styles/carousel/fabric-dark.css +23 -14
  36. package/styles/carousel/fabric.css +23 -14
  37. package/styles/carousel/fluent-dark.css +28 -19
  38. package/styles/carousel/fluent.css +23 -14
  39. package/styles/carousel/highcontrast-light.css +23 -14
  40. package/styles/carousel/highcontrast.css +23 -14
  41. package/styles/carousel/material-dark.css +23 -14
  42. package/styles/carousel/material.css +23 -14
  43. package/styles/carousel/tailwind-dark.css +23 -14
  44. package/styles/carousel/tailwind.css +23 -14
  45. package/styles/context-menu/bootstrap-dark.css +33 -0
  46. package/styles/context-menu/bootstrap.css +34 -0
  47. package/styles/context-menu/bootstrap4.css +34 -0
  48. package/styles/context-menu/bootstrap5-dark.css +44 -0
  49. package/styles/context-menu/bootstrap5.css +44 -0
  50. package/styles/context-menu/fabric-dark.css +33 -0
  51. package/styles/context-menu/fabric.css +34 -0
  52. package/styles/context-menu/fluent-dark.css +44 -0
  53. package/styles/context-menu/fluent.css +44 -0
  54. package/styles/context-menu/highcontrast-light.css +33 -0
  55. package/styles/context-menu/highcontrast.css +34 -0
  56. package/styles/context-menu/material-dark.css +51 -0
  57. package/styles/context-menu/material.css +53 -0
  58. package/styles/context-menu/tailwind-dark.css +44 -0
  59. package/styles/context-menu/tailwind.css +44 -0
  60. package/styles/fabric-dark.css +743 -14
  61. package/styles/fabric-dark.scss +1 -0
  62. package/styles/fabric.css +744 -14
  63. package/styles/fabric.scss +1 -0
  64. package/styles/fluent-dark.css +799 -56
  65. package/styles/fluent-dark.scss +1 -0
  66. package/styles/fluent.css +762 -19
  67. package/styles/fluent.scss +1 -0
  68. package/styles/highcontrast-light.css +743 -14
  69. package/styles/highcontrast-light.scss +1 -0
  70. package/styles/highcontrast.css +744 -14
  71. package/styles/highcontrast.scss +1 -0
  72. package/styles/material-dark.css +762 -15
  73. package/styles/material-dark.scss +1 -0
  74. package/styles/material.css +763 -14
  75. package/styles/material.scss +1 -0
  76. package/styles/menu/bootstrap4.css +1 -0
  77. package/styles/menu/fluent-dark.css +1 -1
  78. package/styles/menu/fluent.css +1 -1
  79. package/styles/pager/bootstrap-dark.css +686 -0
  80. package/styles/pager/bootstrap-dark.scss +1 -0
  81. package/styles/pager/bootstrap.css +686 -0
  82. package/styles/pager/bootstrap.scss +1 -0
  83. package/styles/pager/bootstrap4.css +686 -0
  84. package/styles/pager/bootstrap4.scss +1 -0
  85. package/styles/pager/bootstrap5-dark.css +721 -0
  86. package/styles/pager/bootstrap5-dark.scss +1 -0
  87. package/styles/pager/bootstrap5.css +721 -0
  88. package/styles/pager/bootstrap5.scss +1 -0
  89. package/styles/pager/fabric-dark.css +686 -0
  90. package/styles/pager/fabric-dark.scss +1 -0
  91. package/styles/pager/fabric.css +686 -0
  92. package/styles/pager/fabric.scss +1 -0
  93. package/styles/pager/fluent-dark.css +688 -0
  94. package/styles/pager/fluent-dark.scss +1 -0
  95. package/styles/pager/fluent.css +688 -0
  96. package/styles/pager/fluent.scss +1 -0
  97. package/styles/pager/highcontrast-light.css +686 -0
  98. package/styles/pager/highcontrast-light.scss +1 -0
  99. package/styles/pager/highcontrast.css +686 -0
  100. package/styles/pager/highcontrast.scss +1 -0
  101. package/styles/pager/material-dark.css +687 -0
  102. package/styles/pager/material-dark.scss +1 -0
  103. package/styles/pager/material.css +687 -0
  104. package/styles/pager/material.scss +1 -0
  105. package/styles/pager/tailwind-dark.css +813 -0
  106. package/styles/pager/tailwind-dark.scss +1 -0
  107. package/styles/pager/tailwind.css +813 -0
  108. package/styles/pager/tailwind.scss +1 -0
  109. package/styles/tab/fluent-dark.css +30 -30
  110. package/styles/tab/material-dark.css +1 -1
  111. package/styles/tailwind-dark.css +882 -15
  112. package/styles/tailwind-dark.scss +1 -0
  113. package/styles/tailwind.css +882 -15
  114. package/styles/tailwind.scss +1 -0
  115. package/styles/treeview/fluent-dark.css +2 -2
package/CHANGELOG.md CHANGED
@@ -4,6 +4,92 @@
4
4
 
5
5
  ### Tab
6
6
 
7
+ #### Bug fixes
8
+
9
+ - `#I388161` - An issue with "Removing the selected tab item" has been fixed.
10
+ - `#I390262` - An issue with "Tab item dropped in wrong position" has been fixed.
11
+
12
+ ## 20.2.36 (2022-06-30)
13
+
14
+ ### Carousel
15
+
16
+ #### New Features
17
+
18
+ - Provided option to play or pause the slides when hovering the mouse pointer over the Carousel element.
19
+
20
+ #### Breaking Changes
21
+
22
+ - Removed `animation` property from Carousel component, now you can set the animation effect directly to the `animationEffect` property.
23
+ - To apply custom animation effects, Needs to set `animationEffect` property to `custom` and specify the custom animation class in `cssClass` property.
24
+
25
+ **Previous**
26
+
27
+
28
+ ```typescript
29
+
30
+ const carouselObj: Carousel = new Carousel({
31
+ animation: { customEffect: "parallax" }
32
+ });
33
+
34
+ ```
35
+
36
+ **Now**
37
+
38
+
39
+ ```typescript
40
+
41
+ const carouselObj: Carousel = new Carousel({
42
+ cssClass: 'parallax',
43
+ animationEffect: 'custom'
44
+ });
45
+
46
+ ```
47
+
48
+ - Removed `animation` property from Carousel component, now you can set the animation effect directly to the `animationEffect` property.
49
+ - To apply custom animation effects, Needs to set `animationEffect` property to `custom` and specify the custom animation class in `cssClass` property.
50
+
51
+ **Previous**
52
+
53
+
54
+ ```html
55
+
56
+ <template>
57
+ <ejs-carousel :animation="animation"></ejs-carousel>
58
+ </template>
59
+
60
+ <script>
61
+ export default {
62
+ data: function () {
63
+ return {
64
+ animation: { customEffect: "parallax" },
65
+ };
66
+ },
67
+ };
68
+ </script>
69
+
70
+ ```
71
+
72
+ **Now**
73
+
74
+
75
+ ```html
76
+
77
+ <template>
78
+ <ejs-carousel :animationEffect="custom" cssClass="parallax"></ejs-carousel>
79
+ </template>
80
+
81
+ ```
82
+
83
+ ### TreeView
84
+
85
+ #### Bug Fixes
86
+
87
+ - `#I383454` - The issue with "The TreeView checked nodes state not maintained for remote data when enabling the persistence" has been resolved.
88
+
89
+ ## 20.1.61 (2022-06-21)
90
+
91
+ ### Tab
92
+
7
93
  #### Bug Fixes
8
94
 
9
95
  - `#I384728` - An issue with "Tab `data-id` attribute does not work after the initial load" has been fixed.
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-vue-navigations.umd.min.js
3
- * version : 20.1.61
3
+ * version : 20.2.39
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
@@ -9,16 +9,7 @@
9
9
  */
10
10
  /*!
11
11
  * filename: ej2-vue-navigations.umd.min.js
12
- * version : 20.1.47
13
- * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
14
- * Use of this code is subject to the terms of our license.
15
- * A copy of the current license can be obtained at any time by e-mailing
16
- * licensing@syncfusion.com. Any infringement will be prosecuted under
17
- * applicable laws.
18
- */
19
- /*!
20
- * filename: ej2-vue-navigations.umd.min.js
21
- * version : 19.4.38
12
+ * version : 19.2.55
22
13
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
23
14
  * Use of this code is subject to the terms of our license.
24
15
  * A copy of the current license can be obtained at any time by e-mailing
@@ -104,7 +104,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
104
104
  return c > 3 && r && Object.defineProperty(target, key, r), r;
105
105
  };
106
106
  // {{VueImport}}
107
- const properties = ['isLazyUpdate', 'animation', 'dataSource', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandMode', 'expandedIndices', 'headerTemplate', 'height', 'itemTemplate', 'items', 'locale', 'width', 'clicked', 'created', 'destroyed', 'expanded', 'expanding'];
107
+ const properties = ['isLazyUpdate', 'plugins', 'animation', 'dataSource', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandMode', 'expandedIndices', 'headerTemplate', 'height', 'itemTemplate', 'items', 'locale', 'width', 'clicked', 'created', 'destroyed', 'expanded', 'expanding'];
108
108
  const modelProps = ['expandedIndices'];
109
109
  const testProp = getProps({ props: properties });
110
110
  const props = testProp[0];
@@ -392,7 +392,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
392
392
  return c > 3 && r && Object.defineProperty(target, key, r), r;
393
393
  };
394
394
  // {{VueImport}}
395
- const properties$1 = ['isLazyUpdate', 'allowKeyboard', 'cssClass', 'enableCollision', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'height', 'items', 'locale', 'overflowMode', 'scrollStep', 'width', 'beforeCreate', 'clicked', 'created', 'destroyed'];
395
+ const properties$1 = ['isLazyUpdate', 'plugins', 'allowKeyboard', 'cssClass', 'enableCollision', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'height', 'items', 'locale', 'overflowMode', 'scrollStep', 'width', 'beforeCreate', 'clicked', 'created', 'destroyed'];
396
396
  const modelProps$1 = [];
397
397
  const testProp$1 = getProps({ props: properties$1 });
398
398
  const props$1 = testProp$1[0];
@@ -543,7 +543,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
543
543
  return c > 3 && r && Object.defineProperty(target, key, r), r;
544
544
  };
545
545
  // {{VueImport}}
546
- const properties$2 = ['isLazyUpdate', 'animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hoverDelay', 'items', 'locale', 'showItemOnClick', 'target', 'template', 'beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
546
+ const properties$2 = ['isLazyUpdate', 'plugins', 'animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hoverDelay', 'items', 'locale', 'showItemOnClick', 'target', 'template', 'beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
547
547
  const modelProps$2 = [];
548
548
  const testProp$2 = getProps({ props: properties$2 });
549
549
  const props$2 = testProp$2[0];
@@ -798,7 +798,7 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
798
798
  return c > 3 && r && Object.defineProperty(target, key, r), r;
799
799
  };
800
800
  // {{VueImport}}
801
- const properties$3 = ['isLazyUpdate', 'activeItem', 'cssClass', 'disabled', 'enableActiveItemNavigation', 'enableNavigation', 'enablePersistence', 'enableRtl', 'itemTemplate', 'items', 'locale', 'maxItems', 'overflowMode', 'separatorTemplate', 'url', 'beforeItemRender', 'created', 'itemClick'];
801
+ const properties$3 = ['isLazyUpdate', 'plugins', 'activeItem', 'cssClass', 'disabled', 'enableActiveItemNavigation', 'enableNavigation', 'enablePersistence', 'enableRtl', 'itemTemplate', 'items', 'locale', 'maxItems', 'overflowMode', 'separatorTemplate', 'url', 'beforeItemRender', 'created', 'itemClick'];
802
802
  const modelProps$3 = ['activeItem'];
803
803
  const testProp$3 = getProps({ props: properties$3 });
804
804
  const props$3 = testProp$3[0];
@@ -1068,7 +1068,7 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
1068
1068
  return c > 3 && r && Object.defineProperty(target, key, r), r;
1069
1069
  };
1070
1070
  // {{VueImport}}
1071
- const properties$4 = ['isLazyUpdate', 'animation', 'autoPlay', 'buttonsVisibility', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableTouchSwipe', 'height', 'htmlAttributes', 'indicatorsTemplate', 'interval', 'itemTemplate', 'items', 'locale', 'loop', 'nextButtonTemplate', 'playButtonTemplate', 'previousButtonTemplate', 'selectedIndex', 'showIndicators', 'showPlayButton', 'width', 'slideChanged', 'slideChanging'];
1071
+ const properties$4 = ['isLazyUpdate', 'plugins', 'animationEffect', 'autoPlay', 'buttonsVisibility', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableTouchSwipe', 'height', 'htmlAttributes', 'indicatorsTemplate', 'interval', 'itemTemplate', 'items', 'locale', 'loop', 'nextButtonTemplate', 'pauseOnHover', 'playButtonTemplate', 'previousButtonTemplate', 'selectedIndex', 'showIndicators', 'showPlayButton', 'width', 'slideChanged', 'slideChanging'];
1072
1072
  const modelProps$4 = ['selectedIndex'];
1073
1073
  const testProp$4 = getProps({ props: properties$4 });
1074
1074
  const props$4 = testProp$4[0];
@@ -1350,7 +1350,7 @@ var __decorate$10 = (undefined && undefined.__decorate) || function (decorators,
1350
1350
  return c > 3 && r && Object.defineProperty(target, key, r), r;
1351
1351
  };
1352
1352
  // {{VueImport}}
1353
- const properties$5 = ['isLazyUpdate', 'allowDragAndDrop', 'animation', 'cssClass', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'headerPlacement', 'height', 'heightAdjustMode', 'items', 'loadOn', 'locale', 'overflowMode', 'reorderActiveTab', 'scrollStep', 'selectedItem', 'showCloseButton', 'width', 'added', 'adding', 'created', 'destroyed', 'dragged', 'dragging', 'onDragStart', 'removed', 'removing', 'selected', 'selecting'];
1353
+ const properties$5 = ['isLazyUpdate', 'plugins', 'allowDragAndDrop', 'animation', 'cssClass', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'headerPlacement', 'height', 'heightAdjustMode', 'items', 'loadOn', 'locale', 'overflowMode', 'reorderActiveTab', 'scrollStep', 'selectedItem', 'showCloseButton', 'width', 'added', 'adding', 'created', 'destroyed', 'dragged', 'dragging', 'onDragStart', 'removed', 'removing', 'selected', 'selecting'];
1354
1354
  const modelProps$5 = [];
1355
1355
  const testProp$5 = getProps({ props: properties$5 });
1356
1356
  const props$5 = testProp$5[0];
@@ -1510,7 +1510,7 @@ var __decorate$11 = (undefined && undefined.__decorate) || function (decorators,
1510
1510
  return c > 3 && r && Object.defineProperty(target, key, r), r;
1511
1511
  };
1512
1512
  // {{VueImport}}
1513
- const properties$6 = ['isLazyUpdate', 'allowDragAndDrop', 'allowEditing', 'allowMultiSelection', 'allowTextWrap', 'animation', 'autoCheck', 'checkedNodes', 'cssClass', 'disabled', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandOn', 'expandedNodes', 'fields', 'fullRowNavigable', 'fullRowSelect', 'loadOnDemand', 'locale', 'nodeTemplate', 'selectedNodes', 'showCheckBox', 'sortOrder', 'actionFailure', 'created', 'dataBound', 'dataSourceChanged', 'destroyed', 'drawNode', 'keyPress', 'nodeChecked', 'nodeChecking', 'nodeClicked', 'nodeCollapsed', 'nodeCollapsing', 'nodeDragStart', 'nodeDragStop', 'nodeDragging', 'nodeDropped', 'nodeEdited', 'nodeEditing', 'nodeExpanded', 'nodeExpanding', 'nodeSelected', 'nodeSelecting'];
1513
+ const properties$6 = ['isLazyUpdate', 'plugins', 'allowDragAndDrop', 'allowEditing', 'allowMultiSelection', 'allowTextWrap', 'animation', 'autoCheck', 'checkedNodes', 'cssClass', 'disabled', 'dragArea', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'expandOn', 'expandedNodes', 'fields', 'fullRowNavigable', 'fullRowSelect', 'loadOnDemand', 'locale', 'nodeTemplate', 'selectedNodes', 'showCheckBox', 'sortOrder', 'actionFailure', 'created', 'dataBound', 'dataSourceChanged', 'destroyed', 'drawNode', 'keyPress', 'nodeChecked', 'nodeChecking', 'nodeClicked', 'nodeCollapsed', 'nodeCollapsing', 'nodeDragStart', 'nodeDragStop', 'nodeDragging', 'nodeDropped', 'nodeEdited', 'nodeEditing', 'nodeExpanded', 'nodeExpanding', 'nodeSelected', 'nodeSelecting'];
1514
1514
  const modelProps$6 = [];
1515
1515
  const testProp$6 = getProps({ props: properties$6 });
1516
1516
  const props$6 = testProp$6[0];
@@ -1692,7 +1692,7 @@ var __decorate$12 = (undefined && undefined.__decorate) || function (decorators,
1692
1692
  return c > 3 && r && Object.defineProperty(target, key, r), r;
1693
1693
  };
1694
1694
  // {{VueImport}}
1695
- const properties$7 = ['isLazyUpdate', 'animate', 'closeOnDocumentClick', 'dockSize', 'enableDock', 'enableGestures', 'enablePersistence', 'enableRtl', 'height', 'isOpen', 'locale', 'mediaQuery', 'position', 'showBackdrop', 'target', 'type', 'width', 'zIndex', 'change', 'close', 'created', 'destroyed', 'open'];
1695
+ const properties$7 = ['isLazyUpdate', 'plugins', 'animate', 'closeOnDocumentClick', 'dockSize', 'enableDock', 'enableGestures', 'enablePersistence', 'enableRtl', 'height', 'isOpen', 'locale', 'mediaQuery', 'position', 'showBackdrop', 'target', 'type', 'width', 'zIndex', 'change', 'close', 'created', 'destroyed', 'open'];
1696
1696
  const modelProps$7 = ['isOpen'];
1697
1697
  const testProp$7 = getProps({ props: properties$7 });
1698
1698
  const props$7 = testProp$7[0];
@@ -1957,7 +1957,7 @@ var __decorate$14 = (undefined && undefined.__decorate) || function (decorators,
1957
1957
  return c > 3 && r && Object.defineProperty(target, key, r), r;
1958
1958
  };
1959
1959
  // {{VueImport}}
1960
- const properties$8 = ['isLazyUpdate', 'animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hamburgerMode', 'hoverDelay', 'items', 'locale', 'orientation', 'showItemOnClick', 'target', 'template', 'title', 'beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
1960
+ const properties$8 = ['isLazyUpdate', 'plugins', 'animationSettings', 'cssClass', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'enableScrolling', 'fields', 'filter', 'hamburgerMode', 'hoverDelay', 'items', 'locale', 'orientation', 'showItemOnClick', 'target', 'template', 'title', 'beforeClose', 'beforeItemRender', 'beforeOpen', 'created', 'onClose', 'onOpen', 'select'];
1961
1961
  const modelProps$8 = [];
1962
1962
  const testProp$8 = getProps({ props: properties$8 });
1963
1963
  const props$8 = testProp$8[0];