@syncfusion/ej2-navigations 20.1.61 → 20.2.36

package/helpers/e2e/tabHelper.js

@@ -1,57 +1,74 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-class TabHelper extends e2e_1.TestHelper {
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var TabHelper = (function (_super) {
+        __extends(TabHelper, _super);
+        function TabHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    selector(arg) {
-        return (this.wrapperFn ? this.wrapperFn(arg) : arg);
-    }
-    getElement() {
-        return this.selector('#' + this.id);
-    }
-    getLeftScrollNavigationElement() {
-        return this.selector('#' + this.id + ' .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav.e-scroll-left-nav');
-    }
-    getRightScrollNavigationElement() {
-        return this.selector('#' + this.id + ' .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav.e-scroll-right-nav');
-    }
-    getOverflowNavigationElement() {
-        return this.selector('#' + this.id + ' .e-tab-header .e-_nav.e-hor-nav');
-    }
-    getHeader() {
-        return this.selector('#' + this.id + ' .e-tab-header');
-    }
-    getContent() {
-        return this.selector('#' + this.id + ' .e-content');
-    }
-    getOverflowItemElement() {
-        return this.selector('#' + this.id + ' .e-tab-header .e-toolbar-pop.e-popup .e-toolbar-item');
-    }
-    setModel(property, value) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            return ele[0].ej2_instances[0][property] = value;
-        });
-    }
-    getModel(property) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            return ele[0].ej2_instances[0][property];
-        });
-    }
-    invoke(fName, args = []) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            var inst = ele[0].ej2_instances[0];
-            return inst[fName].apply(inst, args);
-        });
-    }
-}
-exports.TabHelper = TabHelper;
+        TabHelper.prototype.selector = function (arg) {
+            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
+        };
+        TabHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        TabHelper.prototype.getLeftScrollNavigationElement = function () {
+            return this.selector('#' + this.id + ' .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav.e-scroll-left-nav');
+        };
+        TabHelper.prototype.getRightScrollNavigationElement = function () {
+            return this.selector('#' + this.id + ' .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav.e-scroll-right-nav');
+        };
+        TabHelper.prototype.getOverflowNavigationElement = function () {
+            return this.selector('#' + this.id + ' .e-tab-header .e-_nav.e-hor-nav');
+        };
+        TabHelper.prototype.getHeader = function () {
+            return this.selector('#' + this.id + ' .e-tab-header');
+        };
+        TabHelper.prototype.getContent = function () {
+            return this.selector('#' + this.id + ' .e-content');
+        };
+        TabHelper.prototype.getOverflowItemElement = function () {
+            return this.selector('#' + this.id + ' .e-tab-header .e-toolbar-pop.e-popup .e-toolbar-item');
+        };
+        TabHelper.prototype.setModel = function (property, value) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property] = value;
+            });
+        };
+        TabHelper.prototype.getModel = function (property) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property];
+            });
+        };
+        TabHelper.prototype.invoke = function (fName, args) {
+            if (args === void 0) { args = []; }
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                var inst = ele[0].ej2_instances[0];
+                return inst[fName].apply(inst, args);
+            });
+        };
+        return TabHelper;
+    }(e2e_1.TestHelper));
+    exports.TabHelper = TabHelper;
+});

package/helpers/e2e/toolbarHelper.js

@@ -1,57 +1,74 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-class ToolbarHelper extends e2e_1.TestHelper {
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var ToolbarHelper = (function (_super) {
+        __extends(ToolbarHelper, _super);
+        function ToolbarHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    selector(arg) {
-        return (this.wrapperFn ? this.wrapperFn(arg) : arg);
-    }
-    getElement() {
-        return this.selector('#' + this.id);
-    }
-    getLeftScrollNavigationElement() {
-        return this.selector('#' + this.id + ' .e-toolbar-items.e-hscroll .e-scroll-nav.e-scroll-left-nav');
-    }
-    getRightScrollNavigationElement() {
-        return this.selector('#' + this.id + ' .e-toolbar-items.e-hscroll .e-scroll-nav.e-scroll-right-nav');
-    }
-    getOverflowNavigationElement() {
-        return this.selector('#' + this.id + ' .e-toolbar_pop_nav.e-hor-nav');
-    }
-    getItems() {
-        return this.selector('#' + this.id + ' .e-toolbar-items');
-    }
-    getItemElement() {
-        return this.selector('#' + this.id + ' .e-toolbar-items .e-toolbar-item');
-    }
-    getOverflowItemElement() {
-        return this.selector('#' + this.id + ' .e-toolbar-pop.e-popup .e-toolbar-item');
-    }
-    setModel(property, value) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            return ele[0].ej2_instances[0][property] = value;
-        });
-    }
-    getModel(property) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            return ele[0].ej2_instances[0][property];
-        });
-    }
-    invoke(fName, args = []) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            var inst = ele[0].ej2_instances[0];
-            return inst[fName].apply(inst, args);
-        });
-    }
-}
-exports.ToolbarHelper = ToolbarHelper;
+        ToolbarHelper.prototype.selector = function (arg) {
+            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
+        };
+        ToolbarHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        ToolbarHelper.prototype.getLeftScrollNavigationElement = function () {
+            return this.selector('#' + this.id + ' .e-toolbar-items.e-hscroll .e-scroll-nav.e-scroll-left-nav');
+        };
+        ToolbarHelper.prototype.getRightScrollNavigationElement = function () {
+            return this.selector('#' + this.id + ' .e-toolbar-items.e-hscroll .e-scroll-nav.e-scroll-right-nav');
+        };
+        ToolbarHelper.prototype.getOverflowNavigationElement = function () {
+            return this.selector('#' + this.id + ' .e-toolbar_pop_nav.e-hor-nav');
+        };
+        ToolbarHelper.prototype.getItems = function () {
+            return this.selector('#' + this.id + ' .e-toolbar-items');
+        };
+        ToolbarHelper.prototype.getItemElement = function () {
+            return this.selector('#' + this.id + ' .e-toolbar-items .e-toolbar-item');
+        };
+        ToolbarHelper.prototype.getOverflowItemElement = function () {
+            return this.selector('#' + this.id + ' .e-toolbar-pop.e-popup .e-toolbar-item');
+        };
+        ToolbarHelper.prototype.setModel = function (property, value) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property] = value;
+            });
+        };
+        ToolbarHelper.prototype.getModel = function (property) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property];
+            });
+        };
+        ToolbarHelper.prototype.invoke = function (fName, args) {
+            if (args === void 0) { args = []; }
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                var inst = ele[0].ej2_instances[0];
+                return inst[fName].apply(inst, args);
+            });
+        };
+        return ToolbarHelper;
+    }(e2e_1.TestHelper));
+    exports.ToolbarHelper = ToolbarHelper;
+});

package/helpers/e2e/treeview.js

@@ -1,62 +1,80 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-class TreeViewHelper extends e2e_1.TestHelper {
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var TreeViewHelper = (function (_super) {
+        __extends(TreeViewHelper, _super);
+        function TreeViewHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    selector(arg) {
-        return (this.wrapperFn ? this.wrapperFn(arg) : arg);
-    }
-    getElement() {
-        return this.selector('#' + this.id);
-    }
-    getCollapsedStateElement() {
-        return this.selector('.e-list-item.e-level-1.e-node-collapsed');
-    }
-    getExpandedStateElement() {
-        return this.selector('.e-list-item.e-level-1');
-    }
-    getTreeViewInstance() {
-        return this.getElement().then((ele) => {
-            return ele[0].ej2_instances[0];
-        });
-    }
-    setTreeViewProperty(propertyName, args = null) {
-        return this.getTreeViewInstance().then((ej2_instance) => {
-            return (ej2_instance[propertyName] = args);
-        });
-    }
-    callTreeviewMethods(methodName, args = null) {
-        return this.getTreeViewInstance().then((ej2_instance) => {
-            return ej2_instance[methodName].call(ej2_instance, args);
-        });
-    }
-    getSelectedNodes(id) {
-        return this.setTreeViewProperty('selectedNodes', id);
-    }
-    getDisableNode(id) {
-        return this.callTreeviewMethods('disableNodes', id);
-    }
-    getActiveElement(id) {
-        this.getSelectedNodes(id);
-        return this.selector('.e-list-item.e-level-1.e-active.e-node-focus');
-    }
-    getDisabledNodes(id) {
-        this.getDisableNode(id);
-        return this.selector('.e-list-item.e-level-1.e-disable');
-    }
-    getNodeEdit(id) {
-        return this.callTreeviewMethods('beginEdit', id);
-    }
-    getEditableNode(id) {
-        this.getNodeEdit(id);
-        return this.selector('.e-text-content.e-icon-wrapper .e-input-group.e-control-wrapper');
-    }
-}
-exports.TreeViewHelper = TreeViewHelper;
+        TreeViewHelper.prototype.selector = function (arg) {
+            return (this.wrapperFn ? this.wrapperFn(arg) : arg);
+        };
+        TreeViewHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        TreeViewHelper.prototype.getCollapsedStateElement = function () {
+            return this.selector('.e-list-item.e-level-1.e-node-collapsed');
+        };
+        TreeViewHelper.prototype.getExpandedStateElement = function () {
+            return this.selector('.e-list-item.e-level-1');
+        };
+        TreeViewHelper.prototype.getTreeViewInstance = function () {
+            return this.getElement().then(function (ele) {
+                return ele[0].ej2_instances[0];
+            });
+        };
+        TreeViewHelper.prototype.setTreeViewProperty = function (propertyName, args) {
+            if (args === void 0) { args = null; }
+            return this.getTreeViewInstance().then(function (ej2_instance) {
+                return (ej2_instance[propertyName] = args);
+            });
+        };
+        TreeViewHelper.prototype.callTreeviewMethods = function (methodName, args) {
+            if (args === void 0) { args = null; }
+            return this.getTreeViewInstance().then(function (ej2_instance) {
+                return ej2_instance[methodName].call(ej2_instance, args);
+            });
+        };
+        TreeViewHelper.prototype.getSelectedNodes = function (id) {
+            return this.setTreeViewProperty('selectedNodes', id);
+        };
+        TreeViewHelper.prototype.getDisableNode = function (id) {
+            return this.callTreeviewMethods('disableNodes', id);
+        };
+        TreeViewHelper.prototype.getActiveElement = function (id) {
+            this.getSelectedNodes(id);
+            return this.selector('.e-list-item.e-level-1.e-active.e-node-focus');
+        };
+        TreeViewHelper.prototype.getDisabledNodes = function (id) {
+            this.getDisableNode(id);
+            return this.selector('.e-list-item.e-level-1.e-disable');
+        };
+        TreeViewHelper.prototype.getNodeEdit = function (id) {
+            return this.callTreeviewMethods('beginEdit', id);
+        };
+        TreeViewHelper.prototype.getEditableNode = function (id) {
+            this.getNodeEdit(id);
+            return this.selector('.e-text-content.e-icon-wrapper .e-input-group.e-control-wrapper');
+        };
+        return TreeViewHelper;
+    }(e2e_1.TestHelper));
+    exports.TreeViewHelper = TreeViewHelper;
+});

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@20.1.60",
+  "_id": "@syncfusion/ej2-navigations@19.45.0",
   "_inBundle": false,
-  "_integrity": "sha512-96Gqo3fqKiMJzZ/WyRRb+EDfOaHZjSyADT5ztCEl3VMLb/t6oSQnrv1M3To+zLLA9IlLLpB40lxbINF/Zcy6yg==",
+  "_integrity": "sha512-XnIhDfeIIUUx5SiPisCYOa1ktvH7pjIboJ7SrYfxUud5Macoq4odTlv/QS+foBE7QOPNiiCB2bnvRP4FA1YfNA==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -37,8 +37,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.1.60.tgz",
-  "_shasum": "444b889578b064b01248c5e4912ff739c38ff991",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-navigations/-/ej2-navigations-19.45.0.tgz",
+  "_shasum": "ef79fb3ae2f8377b41562129e6e7c4b86a04b933",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -49,12 +49,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.61",
-    "@syncfusion/ej2-buttons": "~20.1.61",
-    "@syncfusion/ej2-data": "~20.1.55",
-    "@syncfusion/ej2-inputs": "~20.1.61",
-    "@syncfusion/ej2-lists": "~20.1.55",
-    "@syncfusion/ej2-popups": "~20.1.58"
+    "@syncfusion/ej2-base": "~20.2.36",
+    "@syncfusion/ej2-buttons": "~20.2.36",
+    "@syncfusion/ej2-data": "~20.2.36",
+    "@syncfusion/ej2-inputs": "~20.2.36",
+    "@syncfusion/ej2-lists": "~20.2.36",
+    "@syncfusion/ej2-popups": "~20.2.36"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
@@ -159,6 +159,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.1.61",
+  "version": "20.2.36",
   "sideEffects": false
 }

package/src/breadcrumb/breadcrumb.js

@@ -379,12 +379,6 @@ var Breadcrumb = /** @class */ (function (_super) {
                     }
                     if (!(this.overflowMode === 'Menu' && liElems[i].classList.contains(MENUCLASS))) {
                         liWidth += liElems[i].offsetWidth;
-                        if (liWidth > width) {
-                            maxItems = Math.ceil((i) / 2) + (this.overflowMode === 'Menu' && i <= 2 ? 0 : 1);
-                            this._maxItems = maxItems;
-                            this.initPvtProps();
-                            return this.reRenderItems();
-                        }
                     }
                 }
             }

package/src/carousel/carousel-model.d.ts

@@ -37,30 +37,6 @@ export interface CarouselItemModel {
 
 }
 
-/**
- * Interface for a class CarouselAnimationSettings
- */
-export interface CarouselAnimationSettingsModel {
-
-    /**
-     * Specifies the type of animation. The possible values for this property as follows
-     * * None
-     * * Slide
-     * * Fade
-     *
-     * @default 'Slide'
-     */
-    effect?: CarouselAnimationEffect;
-
-    /**
-     * Specifies the custom animation effect.
-     *
-     * @default null
-     */
-    customEffect?: string;
-
-}
-
 /**
  * Interface for a class Carousel
  */
@@ -74,11 +50,15 @@ export interface CarouselModel extends ComponentModel{
     items?: CarouselItemModel[];
 
     /**
-     * Specifies the animation setting for the carousel component.
-     *
-     * @default { effect: 'Slide', customEffect: null }
-     */
-    animation?: CarouselAnimationSettingsModel;
+     *  Specifies the type of animation effects. The possible values for this property as follows
+     *  * None
+     *  * Slide
+     *  * Fade
+     *  * Custom
+     * 
+     *  @default 'Slide'
+     * */
+    animationEffect?: CarouselAnimationEffect;
 
     /**
      * Accepts the template for previous navigation button.
@@ -165,6 +145,13 @@ export interface CarouselModel extends ComponentModel{
      */
     autoPlay?: boolean;
 
+    /**
+     * Defines whether the slide transition gets pause on hover or not.
+     *
+     * @default true
+     */
+    pauseOnHover?: boolean;
+
     /**
      * Defines whether the slide transitions loop end or not. When set to false, the transition stops at last slide.
      *

package/src/carousel/carousel.d.ts

@@ -1,7 +1,7 @@
 import { Component, EmitType, INotifyPropertyChanged } from '@syncfusion/ej2-base';
 import { ChildProperty } from '@syncfusion/ej2-base';
 import { BaseEventArgs } from '@syncfusion/ej2-base';
-import { CarouselModel, CarouselItemModel, CarouselAnimationSettingsModel } from './carousel-model';
+import { CarouselModel, CarouselItemModel } from './carousel-model';
 /**
  * Specifies the direction of previous/next button navigations in carousel.
  *
@@ -24,7 +24,7 @@ export declare type CarouselButtonVisibility = 'Hidden' | 'Visible' | 'VisibleOn
  * * `Slide` - The carousel item transition happens with slide animation.
  * * `Fade` - The Carousel item transition happens with fade animation.
  */
-export declare type CarouselAnimationEffect = 'None' | 'Fade' | 'Slide';
+export declare type CarouselAnimationEffect = 'None' | 'Fade' | 'Slide' | 'Custom';
 /** An interface that holds details when changing the slide. */
 export interface SlideChangingEventArgs extends BaseEventArgs {
     /** Specifies the index of current slide. */
@@ -84,24 +84,6 @@ export declare class CarouselItem extends ChildProperty<CarouselItem> {
      */
     htmlAttributes: Record<string, string>;
 }
-/** Specifies the animation configuration for carousel items. */
-export declare class CarouselAnimationSettings extends ChildProperty<CarouselAnimationSettings> {
-    /**
-     * Specifies the type of animation. The possible values for this property as follows
-     * * None
-     * * Slide
-     * * Fade
-     *
-     * @default 'Slide'
-     */
-    effect: CarouselAnimationEffect;
-    /**
-     * Specifies the custom animation effect.
-     *
-     * @default null
-     */
-    customEffect: string;
-}
 export declare class Carousel extends Component<HTMLElement> implements INotifyPropertyChanged {
     private autoSlideInterval;
     private slideItems;
@@ -117,11 +99,15 @@ export declare class Carousel extends Component<HTMLElement> implements INotifyP
      */
     items: CarouselItemModel[];
     /**
-     * Specifies the animation setting for the carousel component.
+     *  Specifies the type of animation effects. The possible values for this property as follows
+     *  * None
+     *  * Slide
+     *  * Fade
+     *  * Custom
      *
-     * @default { effect: 'Slide', customEffect: null }
-     */
-    animation: CarouselAnimationSettingsModel;
+     *  @default 'Slide'
+     * */
+    animationEffect: CarouselAnimationEffect;
     /**
      * Accepts the template for previous navigation button.
      *
@@ -195,6 +181,12 @@ export declare class Carousel extends Component<HTMLElement> implements INotifyP
      * @default true
      */
     autoPlay: boolean;
+    /**
+     * Defines whether the slide transition gets pause on hover or not.
+     *
+     * @default true
+     */
+    pauseOnHover: boolean;
     /**
      * Defines whether the slide transitions loop end or not. When set to false, the transition stops at last slide.
      *