@syncfusion/ej2-navigations 20.1.48 → 20.1.51-10460

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

@@ -1,4 +1,4 @@
-import { Component, NotifyPropertyChanges, INotifyPropertyChanged, ChildProperty, Property, Collection, append, extend, Event, EmitType, BaseEventArgs, EventHandler, closest, addClass, removeClass, detach, remove } from '@syncfusion/ej2-base';import { ListBase, ListBaseOptions } from '@syncfusion/ej2-lists';import { Popup } from '@syncfusion/ej2-popups';
+import { Component, NotifyPropertyChanges, INotifyPropertyChanged, ChildProperty, Property, Collection, append, extend, Event, EmitType, BaseEventArgs, EventHandler, closest, addClass, removeClass, detach, remove } from '@syncfusion/ej2-base';
 import {BreadcrumbOverflowMode,BreadcrumbBeforeItemRenderEventArgs,BreadcrumbClickEventArgs} from "./breadcrumb";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
@@ -8,32 +8,32 @@ import {ComponentModel} from '@syncfusion/ej2-base';
 export interface BreadcrumbItemModel {
 
     /**
-     * Specifies the text content of the Breadcrumb item.
-     *
-     * @default ''
-     */
-    text?: string;
+     * Specifies the text content of the Breadcrumb item.
+     *
+     * @default ''
+     */
+    text?: string;
 
     /**
-     * Specifies the Url of the Breadcrumb item that will be activated when clicked.
-     *
-     * @default ''
-     */
-    url?: string;
+     * Specifies the Url of the Breadcrumb item that will be activated when clicked.
+     *
+     * @default ''
+     */
+    url?: string;
 
     /**
-     * Defines a class/multiple classes separated by a space for the item that is used to include an icon.
-     *
-     * @default null
-     */
-    iconCss?: string;
+     * Defines a class/multiple classes separated by a space for the item that is used to include an icon.
+     *
+     * @default null
+     */
+    iconCss?: string;
 
     /**
-     * Enable or disable the breadcrumb item, when set to true, the breadcrumb item will be disabled.
-     *
-     * @default false
-     */
-    disabled?: boolean;
+     * Enable or disable the breadcrumb item, when set to true, the breadcrumb item will be disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
 
 }
 
@@ -43,117 +43,117 @@ export interface BreadcrumbItemModel {
 export interface BreadcrumbModel extends ComponentModel{
 
     /**
-     * Defines the Url based on which the Breadcrumb items are generated.
-     *
-     * @default ''
-     */
-    url?: string;
+     * Defines the Url based on which the Breadcrumb items are generated.
+     *
+     * @default ''
+     */
+    url?: string;
 
     /**
-     * Defines the list of Breadcrumb items.
-     *
-     * @default []
-     */
-    items?: BreadcrumbItemModel[];
+     * Defines the list of Breadcrumb items.
+     *
+     * @default []
+     */
+    items?: BreadcrumbItemModel[];
 
     /**
-     * Specifies the Url of the active Breadcrumb item.
-     *
-     * @default ''
-     */
-    activeItem?: string;
+     * Specifies the Url of the active Breadcrumb item.
+     *
+     * @default ''
+     */
+    activeItem?: string;
 
     /**
-     * Specifies an integer to enable overflow behavior when the Breadcrumb items count exceeds and it is based on the overflowMode property.
-     *
-     * @default -1
-     * @aspType int
-     */
-    maxItems?: number;
+     * Specifies an integer to enable overflow behavior when the Breadcrumb items count exceeds and it is based on the overflowMode property.
+     *
+     * @default -1
+     * @aspType int
+     */
+    maxItems?: number;
 
     /**
-     * Specifies the overflow mode of the Breadcrumb item when it exceeds maxItems count. The possible values are,
-     * - Default: Specified maxItems count will be visible and the remaining items will be hidden. While clicking on the previous item, the hidden item will become visible.
-     * - Collapsed: Only the first and last items will be visible, and the remaining items will be hidden in the collapsed icon. When the collapsed icon is clicked, all items become visible.
-     * - Menu: Shows the number of breadcrumb items that can be accommodated within the container space, and creates a sub menu with the remaining items.
-     * - Wrap: Wraps the items on multiple lines when the Breadcrumb’s width exceeds the container space.
-     * - Scroll: Shows an HTML scroll bar when the Breadcrumb’s width exceeds the container space.
-     * - None: Shows all the items on a single line.
-     * 
-     * @default 'Menu'
-     */
-    overflowMode?: BreadcrumbOverflowMode;
+     * Specifies the overflow mode of the Breadcrumb item when it exceeds maxItems count. The possible values are,
+     * - Default: Specified maxItems count will be visible and the remaining items will be hidden. While clicking on the previous item, the hidden item will become visible.
+     * - Collapsed: Only the first and last items will be visible, and the remaining items will be hidden in the collapsed icon. When the collapsed icon is clicked, all items become visible.
+     * - Menu: Shows the number of breadcrumb items that can be accommodated within the container space, and creates a sub menu with the remaining items.
+     * - Wrap: Wraps the items on multiple lines when the Breadcrumb’s width exceeds the container space.
+     * - Scroll: Shows an HTML scroll bar when the Breadcrumb’s width exceeds the container space.
+     * - None: Shows all the items on a single line.
+     * 
+     * @default 'Menu'
+     */
+    overflowMode?: BreadcrumbOverflowMode;
 
     /**
-     * Defines class/multiple classes separated by a space in the Breadcrumb element.
-     *
-     * @default ''
-     */
-    cssClass?: string;
+     * Defines class/multiple classes separated by a space in the Breadcrumb element.
+     *
+     * @default ''
+     */
+    cssClass?: string;
 
     /**
-     * Specifies the template for Breadcrumb item.
-     *
-     * @default null
-     */
-    itemTemplate?: string;
+     * Specifies the template for Breadcrumb item.
+     *
+     * @default null
+     */
+    itemTemplate?: string;
 
     /**
-     * Specifies the separator template for Breadcrumb.
-     *
-     * @default '/'
-     */
-    separatorTemplate?: string;
+     * Specifies the separator template for Breadcrumb.
+     *
+     * @default '/'
+     */
+    separatorTemplate?: string;
 
     /**
-     * Enable or disable the item's navigation, when set to false, each item navigation will be prevented.
-     *
-     * @default true
-     */
-    enableNavigation?: boolean;
+     * Enable or disable the item's navigation, when set to false, each item navigation will be prevented.
+     *
+     * @default true
+     */
+    enableNavigation?: boolean;
 
     /**
-     * Enable or disable the active item navigation, when set to true, active item will be navigable.
-     *
-     * @default false
-     */
-    enableActiveItemNavigation?: boolean;
+     * Enable or disable the active item navigation, when set to true, active item will be navigable.
+     *
+     * @default false
+     */
+    enableActiveItemNavigation?: boolean;
 
     /**
-     * Enable or disable the breadcrumb, when set to true, the breadcrumb will be disabled.
-     *
-     * @default false
-     */
-    disabled?: boolean;
+     * Enable or disable the breadcrumb, when set to true, the breadcrumb will be disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
 
     /**
-     * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
-     *
-     * @default ''
-     * @private
-     * @aspIgnore
-     */
-    locale?: string;
+     * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
+     *
+     * @default ''
+     * @private
+     * @aspIgnore
+     */
+    locale?: string;
 
     /**
-     * Triggers while rendering each breadcrumb item.
-     *
-     * @event beforeItemRender
-     */
-    beforeItemRender?: EmitType<BreadcrumbBeforeItemRenderEventArgs>;
+     * Triggers while rendering each breadcrumb item.
+     *
+     * @event beforeItemRender
+     */
+    beforeItemRender?: EmitType<BreadcrumbBeforeItemRenderEventArgs>;
 
     /**
-     * Triggers while clicking the breadcrumb item.
-     *
-     * @event itemClick
-     */
-    itemClick?: EmitType<BreadcrumbClickEventArgs>;
+     * Triggers while clicking the breadcrumb item.
+     *
+     * @event itemClick
+     */
+    itemClick?: EmitType<BreadcrumbClickEventArgs>;
 
     /**
-     * Triggers once the component rendering is completed.
-     *
-     * @event created
-     */
-    created?: EmitType<Event>;
+     * Triggers once the component rendering is completed.
+     *
+     * @event created
+     */
+    created?: EmitType<Event>;
 
 }

package/src/breadcrumb/breadcrumb.js

@@ -1,22 +1,22 @@
-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 __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+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 __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Component, NotifyPropertyChanges, ChildProperty, Property, Collection, append, extend, Event, EventHandler, closest, addClass, removeClass, detach, remove } from '@syncfusion/ej2-base';
 import { ListBase } from '@syncfusion/ej2-lists';
 import { Popup } from '@syncfusion/ej2-popups';

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

@@ -1,4 +1,4 @@
-import { Component, EventHandler, Collection, Property, Event, EmitType, formatUnit, INotifyPropertyChanged, NotifyPropertyChanges } from '@syncfusion/ej2-base';import { ChildProperty, addClass, removeClass, setStyleAttribute, attributes, getUniqueID, compile, Complex, 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 { Component, EventHandler, Collection, Property, Event, EmitType, formatUnit, INotifyPropertyChanged, NotifyPropertyChanges } from '@syncfusion/ej2-base';
 import {CarouselAnimationEffect,CarouselButtonVisibility,SlideChangingEventArgs,SlideChangedEventArgs} from "./carousel";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
@@ -8,32 +8,32 @@ import {ComponentModel} from '@syncfusion/ej2-base';
 export interface CarouselItemModel {
 
     /**
-     * Accepts single/multiple classes (separated by a space) to be used for individual carousel item customization.
-     *
-     * @default null
-     */
-    cssClass?: string;
+     * Accepts single/multiple classes (separated by a space) to be used for individual carousel item customization.
+     *
+     * @default null
+     */
+    cssClass?: string;
 
     /**
-     * Accepts the interval duration in milliseconds for individual carousel item transition.
-     *
-     * @default null
-     */
-    interval?: number;
+     * Accepts the interval duration in milliseconds for individual carousel item transition.
+     *
+     * @default null
+     */
+    interval?: number;
 
     /**
-     * Accepts the template for individual carousel item.
-     *
-     * @default null
-     */
-    template?: string;
+     * Accepts the template for individual carousel item.
+     *
+     * @default null
+     */
+    template?: string;
 
     /**
-     * Accepts HTML attributes/custom attributes to add in individual carousel item.
-     *
-     * @default null
-     */
-    htmlAttributes?: Record<string, string>;
+     * Accepts HTML attributes/custom attributes to add in individual carousel item.
+     *
+     * @default null
+     */
+    htmlAttributes?: Record<string, string>;
 
 }
 
@@ -43,21 +43,21 @@ export interface CarouselItemModel {
 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 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;
+     * Specifies the custom animation effect.
+     *
+     * @default null
+     */
+    customEffect?: string;
 
 }
 
@@ -67,161 +67,161 @@ export interface CarouselAnimationSettingsModel {
 export interface CarouselModel extends ComponentModel{
 
     /**
-     * Allows defining the collection of carousel item to be displayed on the Carousel.
-     *
-     * @default []
-     */
-    items?: CarouselItemModel[];
+     * Allows defining the collection of carousel item to be displayed on the Carousel.
+     *
+     * @default []
+     */
+    items?: CarouselItemModel[];
 
     /**
-     * Specifies the animation setting for the carousel component.
-     *
-     * @default { effect: 'Slide', customEffect: null }
-     */
-    animation?: CarouselAnimationSettingsModel;
+     * Specifies the animation setting for the carousel component.
+     *
+     * @default { effect: 'Slide', customEffect: null }
+     */
+    animation?: CarouselAnimationSettingsModel;
 
     /**
-     * Accepts the template for previous navigation button.
-     *
-     * @default null
-     */
-    previousButtonTemplate?: string;
+     * Accepts the template for previous navigation button.
+     *
+     * @default null
+     */
+    previousButtonTemplate?: string;
 
     /**
-     * Accepts the template for next navigation button.
-     *
-     * @default null
-     */
-    nextButtonTemplate?: string;
+     * Accepts the template for next navigation button.
+     *
+     * @default null
+     */
+    nextButtonTemplate?: string;
 
     /**
-     * Accepts the template for indicator buttons.
-     *
-     * @default null
-     */
-    indicatorsTemplate?: string;
+     * Accepts the template for indicator buttons.
+     *
+     * @default null
+     */
+    indicatorsTemplate?: string;
 
     /**
-     * Accepts the template for play/pause button.
-     *
-     * @default null
-     */
-    playButtonTemplate?: string;
+     * Accepts the template for play/pause button.
+     *
+     * @default null
+     */
+    playButtonTemplate?: string;
 
     /**
-     * Accepts single/multiple classes (separated by a space) to be used for carousel customization.
-     *
-     * @default null
-     */
-    cssClass?: string;
+     * Accepts single/multiple classes (separated by a space) to be used for carousel customization.
+     *
+     * @default null
+     */
+    cssClass?: string;
 
     /**
-     * Specifies the datasource for the carousel items.
-     *
-     * @isdatamanager false
-     * @default []
-     */
-    dataSource?: Record<string, any>[];
+     * Specifies the datasource for the carousel items.
+     *
+     * @isdatamanager false
+     * @default []
+     */
+    dataSource?: Record<string, any>[];
 
     /**
-     * Specifies the template option for carousel items.
-     *
-     * @default null
-     */
-    itemTemplate?: string;
+     * Specifies the template option for carousel items.
+     *
+     * @default null
+     */
+    itemTemplate?: string;
 
     /**
-     * Specifies index of the current carousel item.
-     *
-     * @default 0
-     */
-    selectedIndex?: number;
+     * Specifies index of the current carousel item.
+     *
+     * @default 0
+     */
+    selectedIndex?: number;
 
     /**
-     * Specifies the width of the Carousel in pixels/number/percentage. The number value is considered as pixels.
-     *
-     * @default '100%'
-     */
-    width?: string | number;
+     * Specifies the width of the Carousel in pixels/number/percentage. The number value is considered as pixels.
+     *
+     * @default '100%'
+     */
+    width?: string | number;
 
     /**
-     * Specifies the height of the Carousel in pixels/number/percentage. The number value is considered as pixels.
-     *
-     * @default '100%'
-     */
-    height?: string | number;
+     * Specifies the height of the Carousel in pixels/number/percentage. The number value is considered as pixels.
+     *
+     * @default '100%'
+     */
+    height?: string | number;
 
     /**
-     * Specifies the interval duration in milliseconds for carousel item transition.
-     *
-     * @default 5000
-     */
-    interval?: number;
+     * Specifies the interval duration in milliseconds for carousel item transition.
+     *
+     * @default 5000
+     */
+    interval?: number;
 
     /**
-     * Defines whether the slide transition is automatic or manual.
-     *
-     * @default true
-     */
-    autoPlay?: boolean;
+     * Defines whether the slide transition is automatic or manual.
+     *
+     * @default true
+     */
+    autoPlay?: boolean;
 
     /**
-     * Defines whether the slide transitions loop end or not. When set to false, the transition stops at last slide.
-     *
-     * @default true
-     */
-    loop?: boolean;
+     * Defines whether the slide transitions loop end or not. When set to false, the transition stops at last slide.
+     *
+     * @default true
+     */
+    loop?: boolean;
 
     /**
-     * Defines whether to show play button or not.
-     *
-     * @default false
-     */
-    showPlayButton?: boolean;
+     * Defines whether to show play button or not.
+     *
+     * @default false
+     */
+    showPlayButton?: boolean;
 
     /**
-     * Defines whether to enable swipe action in touch devices or not.
-     *
-     * @default true
-     */
-    enableTouchSwipe?: boolean;
+     * Defines whether to enable swipe action in touch devices or not.
+     *
+     * @default true
+     */
+    enableTouchSwipe?: boolean;
 
     /**
-     * Defines whether to show the indicator positions or not. The indicator positions allow to know the current slide position of the carousel component.
-     *
-     * @default true
-     */
-    showIndicators?: boolean;
+     * Defines whether to show the indicator positions or not. The indicator positions allow to know the current slide position of the carousel component.
+     *
+     * @default true
+     */
+    showIndicators?: boolean;
 
     /**
-     * Defines how to show the previous, next and play pause buttons visibility. The possible values for this property as follows
-     * * Hidden
-     * * Visible
-     * * VisibleOnHover
-     *
-     * @default 'Visible'
-     */
-    buttonsVisibility?: CarouselButtonVisibility;
+     * Defines how to show the previous, next and play pause buttons visibility. The possible values for this property as follows
+     * * Hidden
+     * * Visible
+     * * VisibleOnHover
+     *
+     * @default 'Visible'
+     */
+    buttonsVisibility?: CarouselButtonVisibility;
 
     /**
-     * Accepts HTML attributes/custom attributes to add in individual carousel item.
-     *
-     * @default null
-     */
-    htmlAttributes?: Record<string, string>;
+     * Accepts HTML attributes/custom attributes to add in individual carousel item.
+     *
+     * @default null
+     */
+    htmlAttributes?: Record<string, string>;
 
     /**
-     * The event will be fired before the slide change.
-     *
-     * @event slideChanging
-     */
-    slideChanging?: EmitType<SlideChangingEventArgs>;
+     * The event will be fired before the slide change.
+     *
+     * @event slideChanging
+     */
+    slideChanging?: EmitType<SlideChangingEventArgs>;
 
     /**
-     * The event will be fired after the slide changed.
-     *
-     * @event slideChanged
-     */
-    slideChanged?: EmitType<SlideChangedEventArgs>;
+     * The event will be fired after the slide changed.
+     *
+     * @event slideChanged
+     */
+    slideChanged?: EmitType<SlideChangedEventArgs>;
 
 }