@syncfusion/ej2-vue-navigations 20.1.61 → 20.2.36

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 (113) hide show
  1. package/CHANGELOG.md +77 -0
  2. package/dist/ej2-vue-navigations.umd.min.js +1 -1
  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 +23 -14
  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 +762 -19
  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/material-dark.css +1 -1
  110. package/styles/tailwind-dark.css +882 -15
  111. package/styles/tailwind-dark.scss +1 -0
  112. package/styles/tailwind.css +882 -15
  113. package/styles/tailwind.scss +1 -0
package/CHANGELOG.md CHANGED
@@ -2,6 +2,83 @@
2
2
 
3
3
  ## [Unreleased]
4
4
 
5
+ ### Carousel
6
+
7
+ #### New Features
8
+
9
+ - Provided option to play or pause the slides when hovering the mouse pointer over the Carousel element.
10
+
11
+ #### Breaking Changes
12
+
13
+ - Removed `animation` property from Carousel component, now you can set the animation effect directly to the `animationEffect` property.
14
+ - To apply custom animation effects, Needs to set `animationEffect` property to `custom` and specify the custom animation class in `cssClass` property.
15
+
16
+ **Previous**
17
+
18
+
19
+ ```typescript
20
+
21
+ const carouselObj: Carousel = new Carousel({
22
+ animation: { customEffect: "parallax" }
23
+ });
24
+
25
+ ```
26
+
27
+ **Now**
28
+
29
+
30
+ ```typescript
31
+
32
+ const carouselObj: Carousel = new Carousel({
33
+ cssClass: 'parallax',
34
+ animationEffect: 'custom'
35
+ });
36
+
37
+ ```
38
+
39
+ - Removed `animation` property from Carousel component, now you can set the animation effect directly to the `animationEffect` property.
40
+ - To apply custom animation effects, Needs to set `animationEffect` property to `custom` and specify the custom animation class in `cssClass` property.
41
+
42
+ **Previous**
43
+
44
+
45
+ ```html
46
+
47
+ <template>
48
+ <ejs-carousel :animation="animation"></ejs-carousel>
49
+ </template>
50
+
51
+ <script>
52
+ export default {
53
+ data: function () {
54
+ return {
55
+ animation: { customEffect: "parallax" },
56
+ };
57
+ },
58
+ };
59
+ </script>
60
+
61
+ ```
62
+
63
+ **Now**
64
+
65
+
66
+ ```html
67
+
68
+ <template>
69
+ <ejs-carousel :animationEffect="custom" cssClass="parallax"></ejs-carousel>
70
+ </template>
71
+
72
+ ```
73
+
74
+ ### TreeView
75
+
76
+ #### Bug Fixes
77
+
78
+ - `#I383454` - The issue with "The TreeView checked nodes state not maintained for remote data when enabling the persistence" has been resolved.
79
+
80
+ ## 20.1.61 (2022-06-21)
81
+
5
82
  ### Tab
6
83
 
7
84
  #### Bug Fixes
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-vue-navigations.umd.min.js
3
- * version : 20.1.61
3
+ * version : 20.2.36
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
@@ -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];