@syncfusion/ej2-navigations 21.2.9 → 22.1.34

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.9
+*  version : 22.1.34
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@21.2.8",
+  "_id": "@syncfusion/ej2-navigations@21.7.1",
   "_inBundle": false,
-  "_integrity": "sha512-Y0QyJlwVcReJZ7MuHkXXViY7svJOa10kD3+02yxGpik+D8bP4On1czu7ZDCsMfypt/vLY0cwazXL5VorYz8piw==",
+  "_integrity": "sha512-cpzwfo5GZ5nlKHW65GtUPLJ1t0vVB1/KEmyReuxNoORS3MrcW57dau+1HXdw7sXgjVKOpYj0BZ27LA46SjtKDQ==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-21.2.8.tgz",
-  "_shasum": "2e90b8a32c4ab7240d0b141119a28af4f113af60",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-navigations/-/ej2-navigations-21.7.1.tgz",
+  "_shasum": "2a48594a03e3fa8a48b589fa313f46df08298186",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -51,12 +51,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.9",
-    "@syncfusion/ej2-buttons": "~21.2.6",
-    "@syncfusion/ej2-data": "~21.2.9",
-    "@syncfusion/ej2-inputs": "~21.2.9",
-    "@syncfusion/ej2-lists": "~21.2.9",
-    "@syncfusion/ej2-popups": "~21.2.4"
+    "@syncfusion/ej2-base": "~22.1.34",
+    "@syncfusion/ej2-buttons": "~22.1.34",
+    "@syncfusion/ej2-data": "~22.1.34",
+    "@syncfusion/ej2-inputs": "~22.1.34",
+    "@syncfusion/ej2-lists": "~22.1.34",
+    "@syncfusion/ej2-popups": "~22.1.34"
   },
   "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",
@@ -161,6 +161,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.9",
+  "version": "22.1.34",
   "sideEffects": false
 }

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

@@ -182,15 +182,17 @@ export interface AccordionModel extends ComponentModel{
      * Specifies the template option for accordion items.
      *
      * @default null
+     * @aspType string
      */
-    itemTemplate?: string;
+    itemTemplate?: string | Function;
 
     /**
      * Specifies the header title template option for accordion items.
      *
      * @default null
+     * @aspType string
      */
-    headerTemplate?: string;
+    headerTemplate?: string | Function;
 
     /**
      * Specifies the width of the Accordion in pixels/number/percentage. Number value is considered as pixels.

package/src/accordion/accordion.d.ts

@@ -228,14 +228,16 @@ export declare class Accordion extends Component<HTMLElement> implements INotify
      * Specifies the template option for accordion items.
      *
      * @default null
+     * @aspType string
      */
-    itemTemplate: string;
+    itemTemplate: string | Function;
     /**
      * Specifies the header title template option for accordion items.
      *
      * @default null
+     * @aspType string
      */
-    headerTemplate: string;
+    headerTemplate: string | Function;
     /**
      * Specifies the width of the Accordion in pixels/number/percentage. Number value is considered as pixels.
      *

package/src/accordion/accordion.js

@@ -274,7 +274,7 @@ var Accordion = /** @class */ (function (_super) {
     Accordion.prototype.templateParser = function (template) {
         if (template) {
             try {
-                if (document.querySelectorAll(template).length) {
+                if (typeof template !== 'function' && document.querySelectorAll(template).length) {
                     return templateCompiler(document.querySelector(template).innerHTML.trim());
                 }
                 else {

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

@@ -97,15 +97,17 @@ export interface BreadcrumbModel extends ComponentModel{
      * Specifies the template for Breadcrumb item.
      *
      * @default null
+     * @aspType string
      */
-    itemTemplate?: string;
+    itemTemplate?: string | Function;
 
     /**
      * Specifies the separator template for Breadcrumb.
      *
      * @default '/'
+     * @aspType string
      */
-    separatorTemplate?: string;
+    separatorTemplate?: string | Function;
 
     /**
      * Enable or disable the item's navigation, when set to false, each item navigation will be prevented.

package/src/breadcrumb/breadcrumb.d.ts

@@ -162,14 +162,16 @@ export declare class Breadcrumb extends Component<HTMLElement> implements INotif
      * Specifies the template for Breadcrumb item.
      *
      * @default null
+     * @aspType string
      */
-    itemTemplate: string;
+    itemTemplate: string | Function;
     /**
      * Specifies the separator template for Breadcrumb.
      *
      * @default '/'
+     * @aspType string
      */
-    separatorTemplate: string;
+    separatorTemplate: string | Function;
     /**
      * Enable or disable the item's navigation, when set to false, each item navigation will be prevented.
      *

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

@@ -1,5 +1,5 @@
-import { Component, EventHandler, Collection, Property, Event, EmitType, formatUnit, INotifyPropertyChanged, NotifyPropertyChanges } from '@syncfusion/ej2-base';import { ChildProperty, addClass, removeClass, setStyleAttribute, attributes, getUniqueID, compile, getInstance, L10n } from '@syncfusion/ej2-base';import { append, closest, isNullOrUndefined, remove, classList, Touch, SwipeEventArgs, KeyboardEvents, KeyboardEventArgs, BaseEventArgs } from '@syncfusion/ej2-base';import { Button } from '@syncfusion/ej2-buttons';
-import {CarouselAnimationEffect,CarouselButtonVisibility,SlideChangingEventArgs,SlideChangedEventArgs} from "./carousel";
+import { Component, EventHandler, Collection, Property, Event, EmitType, formatUnit, INotifyPropertyChanged, NotifyPropertyChanges, Browser } from '@syncfusion/ej2-base';import { ChildProperty, addClass, removeClass, setStyleAttribute, attributes, getUniqueID, compile, getInstance, L10n } from '@syncfusion/ej2-base';import { append, closest, isNullOrUndefined, remove, classList, Touch, SwipeEventArgs, KeyboardEvents, KeyboardEventArgs, BaseEventArgs } from '@syncfusion/ej2-base';import { Button } from '@syncfusion/ej2-buttons';
+import {CarouselAnimationEffect,CarouselIndicatorsType,CarouselButtonVisibility,CarouselSwipeMode,SlideChangingEventArgs,SlideChangedEventArgs} from "./carousel";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -25,8 +25,9 @@ export interface CarouselItemModel {
      * Accepts the template for individual carousel item.
      *
      * @default null
+     * @aspType string
      */
-    template?: string;
+    template?: string | Function;
 
     /**
      * Accepts HTML attributes/custom attributes to add in individual carousel item.
@@ -64,29 +65,33 @@ export interface CarouselModel extends ComponentModel{
      * Accepts the template for previous navigation button.
      *
      * @default null
+     * @aspType string
      */
-    previousButtonTemplate?: string;
+    previousButtonTemplate?: string | Function;
 
     /**
      * Accepts the template for next navigation button.
      *
      * @default null
+     * @aspType string
      */
-    nextButtonTemplate?: string;
+    nextButtonTemplate?: string | Function;
 
     /**
      * Accepts the template for indicator buttons.
      *
      * @default null
+     * @aspType string
      */
-    indicatorsTemplate?: string;
+    indicatorsTemplate?: string | Function;
 
     /**
      * Accepts the template for play/pause button.
      *
      * @default null
+     * @aspType string
      */
-    playButtonTemplate?: string;
+    playButtonTemplate?: string | Function;
 
     /**
      * Accepts single/multiple classes (separated by a space) to be used for carousel customization.
@@ -107,8 +112,9 @@ export interface CarouselModel extends ComponentModel{
      * Specifies the template option for carousel items.
      *
      * @default null
+     * @aspType string
      */
-    itemTemplate?: string;
+    itemTemplate?: string | Function;
 
     /**
      * Specifies index of the current carousel item.
@@ -180,6 +186,18 @@ export interface CarouselModel extends ComponentModel{
      */
     showIndicators?: boolean;
 
+    /**
+     * Specifies the type of indicators. The available values for this property are:
+     *
+     * * `Default`: Displays the indicators with a bullet design.
+     * * `Dynamic`: Applies a dynamic animation design to the indicators.
+     * * `Fraction`: Displays the slides numerically as indicators.
+     * * `Progress`: Represents the slides using a progress bar design.
+     *
+     * @default 'Default'
+     */
+    indicatorsType?: CarouselIndicatorsType;
+
     /**
      * Defines how to show the previous, next and play pause buttons visibility. The possible values for this property as follows
      * * `Hidden`: Navigation buttons are hidden.
@@ -199,6 +217,17 @@ export interface CarouselModel extends ComponentModel{
      */
     partialVisible?: boolean;
 
+    /**
+     * Specifies whether the slide transition should occur while performing swiping via touch/mouse.
+     * The slide swiping is enabled or disabled using bitwise operators. The swiping is disabled using ‘~’ bitwise operator.
+     * * Touch - Enables or disables the swiping action in touch interaction.
+     * * Mouse - Enables or disables the swiping action in mouse interaction.
+     *
+     * @default 'Touch'
+     * @aspNumberEnum
+     */
+    swipeMode?: CarouselSwipeMode;
+
     /**
      * Accepts HTML attributes/custom attributes to add in individual carousel item.
      *

package/src/carousel/carousel.d.ts

@@ -29,6 +29,28 @@ export declare type CarouselButtonVisibility = 'Hidden' | 'Visible' | 'VisibleOn
  * ```
  */
 export declare type CarouselAnimationEffect = 'None' | 'Slide' | 'Fade' | 'Custom';
+/**
+ * Specifies the type of indicators.
+ * ```props
+ * Default: - Displays the indicators with a bullet design.
+ * Dynamic: - Applies a dynamic animation design to the indicators.
+ * Fraction: - Displays the slides numerically as indicators.
+ * Progress: - Represents the slides using a progress bar design.
+ * ```
+ */
+export declare type CarouselIndicatorsType = 'Default' | 'Dynamic' | 'Fraction' | 'Progress';
+/**
+ * Specifies the action (touch & mouse) which enables the slide swiping action in carousel.
+ * * Touch - Enables or disables the swiping action in touch interaction.
+ * * Mouse - Enables or disables the swiping action in mouse interaction.
+ * @aspNumberEnum
+ */
+export declare enum CarouselSwipeMode {
+    /** Enables or disables the swiping action in touch interaction. */
+    Touch = 1,
+    /** Enables or disables the swiping action in mouse interaction. */
+    Mouse = 2
+}
 /** An interface that holds details when changing the slide. */
 export interface SlideChangingEventArgs extends BaseEventArgs {
     /** Specifies the index of current slide. */
@@ -79,8 +101,9 @@ export declare class CarouselItem extends ChildProperty<CarouselItem> {
      * Accepts the template for individual carousel item.
      *
      * @default null
+     * @aspType string
      */
-    template: string;
+    template: string | Function;
     /**
      * Accepts HTML attributes/custom attributes to add in individual carousel item.
      *
@@ -96,6 +119,11 @@ export declare class Carousel extends Component<HTMLElement> implements INotifyP
     private keyConfigs;
     private slideChangedEventArgs;
     private localeObj;
+    private prevPageX;
+    private initialTranslate;
+    private itemsContainer;
+    private isSwipe;
+    private timeStampStart;
     /**
      * Allows defining the collection of carousel item to be displayed on the Carousel.
      *
@@ -116,26 +144,30 @@ export declare class Carousel extends Component<HTMLElement> implements INotifyP
      * Accepts the template for previous navigation button.
      *
      * @default null
+     * @aspType string
      */
-    previousButtonTemplate: string;
+    previousButtonTemplate: string | Function;
     /**
      * Accepts the template for next navigation button.
      *
      * @default null
+     * @aspType string
      */
-    nextButtonTemplate: string;
+    nextButtonTemplate: string | Function;
     /**
      * Accepts the template for indicator buttons.
      *
      * @default null
+     * @aspType string
      */
-    indicatorsTemplate: string;
+    indicatorsTemplate: string | Function;
     /**
      * Accepts the template for play/pause button.
      *
      * @default null
+     * @aspType string
      */
-    playButtonTemplate: string;
+    playButtonTemplate: string | Function;
     /**
      * Accepts single/multiple classes (separated by a space) to be used for carousel customization.
      *
@@ -153,8 +185,9 @@ export declare class Carousel extends Component<HTMLElement> implements INotifyP
      * Specifies the template option for carousel items.
      *
      * @default null
+     * @aspType string
      */
-    itemTemplate: string;
+    itemTemplate: string | Function;
     /**
      * Specifies index of the current carousel item.
      *
@@ -215,6 +248,17 @@ export declare class Carousel extends Component<HTMLElement> implements INotifyP
      * @default true
      */
     showIndicators: boolean;
+    /**
+     * Specifies the type of indicators. The available values for this property are:
+     *
+     * * `Default`: Displays the indicators with a bullet design.
+     * * `Dynamic`: Applies a dynamic animation design to the indicators.
+     * * `Fraction`: Displays the slides numerically as indicators.
+     * * `Progress`: Represents the slides using a progress bar design.
+     *
+     * @default 'Default'
+     */
+    indicatorsType: CarouselIndicatorsType;
     /**
      * Defines how to show the previous, next and play pause buttons visibility. The possible values for this property as follows
      * * `Hidden`: Navigation buttons are hidden.
@@ -232,6 +276,16 @@ export declare class Carousel extends Component<HTMLElement> implements INotifyP
      * @default false
      */
     partialVisible: boolean;
+    /**
+     * Specifies whether the slide transition should occur while performing swiping via touch/mouse.
+     * The slide swiping is enabled or disabled using bitwise operators. The swiping is disabled using ‘~’ bitwise operator.
+     * * Touch - Enables or disables the swiping action in touch interaction.
+     * * Mouse - Enables or disables the swiping action in mouse interaction.
+     *
+     * @default 'Touch'
+     * @aspNumberEnum
+     */
+    swipeMode: CarouselSwipeMode;
     /**
      * Accepts HTML attributes/custom attributes to add in individual carousel item.
      *
@@ -271,6 +325,7 @@ export declare class Carousel extends Component<HTMLElement> implements INotifyP
     private renderNavigatorButton;
     private renderPlayButton;
     private renderIndicators;
+    private renderIndicatorTemplate;
     private renderKeyboardActions;
     private renderTouchActions;
     private applyAnimation;
@@ -281,6 +336,7 @@ export declare class Carousel extends Component<HTMLElement> implements INotifyP
     private getSlideIndex;
     private setActiveSlide;
     private onTransitionEnd;
+    private refreshIndicators;
     private setHtmlAttributes;
     private templateParser;
     private getNavigatorState;
@@ -294,6 +350,13 @@ export declare class Carousel extends Component<HTMLElement> implements INotifyP
     private onHoverActions;
     private onFocusActions;
     private destroyButtons;
+    private getNumOfItems;
+    private getTranslateValue;
+    private swipeStart;
+    private swiping;
+    private swipStop;
+    private swipeNavigation;
+    private swipeModehandlers;
     private wireEvents;
     private unWireEvents;
     /**