@syncfusion/ej2-navigations 27.2.4 → 28.1.33-686179

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

@@ -1,4 +1,4 @@
-import { Component, formatUnit, EventHandler, Event, isNullOrUndefined, closest, Browser } from '@syncfusion/ej2-base';import { Property, EmitType, NotifyPropertyChanges, INotifyPropertyChanged, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';import { setStyleAttribute as setStyle, addClass, removeClass, Touch, SwipeEventArgs } from '@syncfusion/ej2-base';
+import { Component, formatUnit, EventHandler, Event, isNullOrUndefined, closest, Browser } from '@syncfusion/ej2-base';
 import {SidebarPosition,SidebarType,EventArgs,ChangeEventArgs} from "./sidebar";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
@@ -8,193 +8,193 @@ import {ComponentModel} from '@syncfusion/ej2-base';
 export interface SidebarModel extends ComponentModel{
 
     /**
-     * Specifies the size of the Sidebar in dock state.
-     * > For more details about dockSize refer to
-     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
-     *
-     * @default 'auto'
-     */
-    dockSize?: string | number;
-
-    /**
-     * Specifies the media query string for resolution, which when met opens the Sidebar.
-     * ```typescript
-     *   let defaultSidebar: Sidebar = new Sidebar({
-     *       mediaQuery:'(min-width: 600px)'
-     *   });
-     * ```
-     * > For more details about mediaQuery refer to
-     * [`Auto Close`](https://ej2.syncfusion.com/documentation/sidebar/auto-close/) documentation.
-     *
-     * @default null
-     * @aspType string
-     */
-    mediaQuery?: string | MediaQueryList;
-
-    /**
-     * Specifies the docking state of the component.
-     * > For more details about enableDock refer to
-     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
-     *
-     * @default false
-     */
-    enableDock?: boolean;
-
-    /**
-     * Enables the expand or collapse while swiping in touch devices.
-     * This is not a sidebar property.
-     *
-     * @default 'en-US'
-     * @private
-     */
-    locale?: string;
-
-    /**
-     * Enable or disable persisting component's state between page reloads. If enabled, following list of states will be persisted.
-     * 1. Position
-     * 2. Type
-     *
-     * @default false
-     */
-    enablePersistence?: boolean;
-
-    /**
-     * Enables the expand or collapse while swiping in touch devices.
-     *
-     * @default true
-     */
-    enableGestures?: boolean;
-
-    /**
-     * Gets or sets the Sidebar component is open or close.
-     * > When the Sidebar type is set to `Auto`,
-     * the component will be expanded in the desktop and collapsed in the mobile mode regardless of the isOpen property.
-     *
-     * @default false
-     */
-    isOpen?: boolean;
-
-    /**
-     * Specifies the Sidebar in RTL mode that displays the content in the right-to-left direction.
-     *
-     * @default false
-     */
-    enableRtl?: boolean;
-
-    /**
-     * Enable or disable the animation transitions on expanding or collapsing the Sidebar.
-     *
-     * @default true
-     */
-    animate?: boolean;
-
-    /**
-     * Specifies the height of the Sidebar.
-     *
-     * @default 'auto'
-     * @private
-     */
-    height?: string | number;
-
-    /**
-     * Specifies whether the Sidebar need to be closed or not when document area is clicked.
-     *
-     * @default false
-     */
-    closeOnDocumentClick?: boolean;
-
-    /**
-     * Specifies the position of the Sidebar (Left/Right) corresponding to the main content.
-     * > For more details about SidebarPosition refer to
-     * [`position`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#position) documentation.
-     *
-     * @default 'Left'
-     */
-    position?: SidebarPosition;
-
-    /**
-     * Allows to place the sidebar inside the target element.
-     * > For more details about target refer to
-     * [`Custom Context`](https://ej2.syncfusion.com/documentation/sidebar/custom-context/) documentation.
-     *
-     * @default null
-     */
-    target?: HTMLElement | string;
-
-    /**
-     * Specifies the whether to apply overlay options to main content when the Sidebar is in an open state.
-     * > For more details about showBackdrop refer to
-     * [`Backdrop`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#enable-backdrop) documentation.
-     *
-     * @default false
-     */
-    showBackdrop?: boolean;
-
-    /**
-     * Specifies the expanding types of the Sidebar.
-     * * `Over` - The sidebar floats over the main content area.
-     * * `Push` - The sidebar pushes the main content area to appear side-by-side, and shrinks the main content within the screen width.
-     * * `Slide` - The sidebar translates the x and y positions of main content area based on the sidebar width.
-     * The main content area will not be adjusted within the screen width.
-     * * `Auto` - Sidebar with `Over` type in mobile resolution and `Push` type in other higher resolutions.
-     * > For more details about SidebarType refer to
-     * [`SidebarType`](../../sidebar/variations/) documentation.
-     *
-     * @default 'Auto'
-     */
-    type?: SidebarType;
-
-    /**
-     * Specifies the width of the Sidebar. By default, the width of the Sidebar sets based on the size of its content.
-     * Width can also be set in pixel values.
-     *
-     * @default 'auto'
-     */
-    width?: string | number;
-
-    /**
-     * Specifies the z-index of the Sidebar. It is applicable only when sidebar act as overlay type.
-     *
-     * @default 1000
-     * @aspType double
-     */
-    zIndex?: string | number;
-
-    /**
-     * Triggers when component is created.
-     *
-     * @event created
-     *
-     *
-     */
-    created?: EmitType<Object>;
-
-    /**
-     * Triggers when component is closed.
-     *
-     * @event close
-     */
-    close?: EmitType<EventArgs>;
-
-    /**
-     * Triggers when component is opened.
-     *
-     * @event open
-     */
-    open?: EmitType<EventArgs>;
-
-    /**
-     * Triggers when the state(expand/collapse) of the component is changed.
-     *
-     * @event change
-     */
-    change?: EmitType<ChangeEventArgs>;
-
-    /**
-     * Triggers when component gets destroyed.
-     *
-     * @event destroyed
-     */
-    destroyed?: EmitType<Object>;
+     * Specifies the size of the Sidebar in dock state.
+     * > For more details about dockSize refer to
+     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
+     *
+     * @default 'auto'
+     */
+    dockSize?: string | number;
+
+    /**
+     * Specifies the media query string for resolution, which when met opens the Sidebar.
+     * ```typescript
+     *   let defaultSidebar: Sidebar = new Sidebar({
+     *       mediaQuery:'(min-width: 600px)'
+     *   });
+     * ```
+     * > For more details about mediaQuery refer to
+     * [`Auto Close`](https://ej2.syncfusion.com/documentation/sidebar/auto-close/) documentation.
+     *
+     * @default null
+     * @aspType string
+     */
+    mediaQuery?: string | MediaQueryList;
+
+    /**
+     * Specifies the docking state of the component.
+     * > For more details about enableDock refer to
+     * [`Dock`](https://ej2.syncfusion.com/documentation/sidebar/docking-sidebar/) documentation.
+     *
+     * @default false
+     */
+    enableDock?: boolean;
+
+    /**
+     * Enables the expand or collapse while swiping in touch devices.
+     * This is not a sidebar property.
+     *
+     * @default 'en-US'
+     * @private
+     */
+    locale?: string;
+
+    /**
+     * Enable or disable persisting component's state between page reloads. If enabled, following list of states will be persisted.
+     * 1. Position
+     * 2. Type
+     *
+     * @default false
+     */
+    enablePersistence?: boolean;
+
+    /**
+     * Enables the expand or collapse while swiping in touch devices.
+     *
+     * @default true
+     */
+    enableGestures?: boolean;
+
+    /**
+     * Gets or sets the Sidebar component is open or close.
+     * > When the Sidebar type is set to `Auto`,
+     * the component will be expanded in the desktop and collapsed in the mobile mode regardless of the isOpen property.
+     *
+     * @default false
+     */
+    isOpen?: boolean;
+
+    /**
+     * Specifies the Sidebar in RTL mode that displays the content in the right-to-left direction.
+     *
+     * @default false
+     */
+    enableRtl?: boolean;
+
+    /**
+     * Enable or disable the animation transitions on expanding or collapsing the Sidebar.
+     *
+     * @default true
+     */
+    animate?: boolean;
+
+    /**
+     * Specifies the height of the Sidebar.
+     *
+     * @default 'auto'
+     * @private
+     */
+    height?: string | number;
+
+    /**
+     * Specifies whether the Sidebar need to be closed or not when document area is clicked.
+     *
+     * @default false
+     */
+    closeOnDocumentClick?: boolean;
+
+    /**
+     * Specifies the position of the Sidebar (Left/Right) corresponding to the main content.
+     * > For more details about SidebarPosition refer to
+     * [`position`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#position) documentation.
+     *
+     * @default 'Left'
+     */
+    position?: SidebarPosition;
+
+    /**
+     * Allows to place the sidebar inside the target element.
+     * > For more details about target refer to
+     * [`Custom Context`](https://ej2.syncfusion.com/documentation/sidebar/custom-context/) documentation.
+     *
+     * @default null
+     */
+    target?: HTMLElement | string;
+
+    /**
+     * Specifies the whether to apply overlay options to main content when the Sidebar is in an open state.
+     * > For more details about showBackdrop refer to
+     * [`Backdrop`](https://ej2.syncfusion.com/documentation/sidebar/getting-started/#enable-backdrop) documentation.
+     *
+     * @default false
+     */
+    showBackdrop?: boolean;
+
+    /**
+     * Specifies the expanding types of the Sidebar.
+     * * `Over` - The sidebar floats over the main content area.
+     * * `Push` - The sidebar pushes the main content area to appear side-by-side, and shrinks the main content within the screen width.
+     * * `Slide` - The sidebar translates the x and y positions of main content area based on the sidebar width.
+     * The main content area will not be adjusted within the screen width.
+     * * `Auto` - Sidebar with `Over` type in mobile resolution and `Push` type in other higher resolutions.
+     * > For more details about SidebarType refer to
+     * [`SidebarType`](../../sidebar/variations/) documentation.
+     *
+     * @default 'Auto'
+     */
+    type?: SidebarType;
+
+    /**
+     * Specifies the width of the Sidebar. By default, the width of the Sidebar sets based on the size of its content.
+     * Width can also be set in pixel values.
+     *
+     * @default 'auto'
+     */
+    width?: string | number;
+
+    /**
+     * Specifies the z-index of the Sidebar. It is applicable only when sidebar act as overlay type.
+     *
+     * @default 1000
+     * @aspType double
+     */
+    zIndex?: string | number;
+
+    /**
+     * Triggers when component is created.
+     *
+     * @event created
+     *
+     *
+     */
+    created?: EmitType<Object>;
+
+    /**
+     * Triggers when component is closed.
+     *
+     * @event close
+     */
+    close?: EmitType<EventArgs>;
+
+    /**
+     * Triggers when component is opened.
+     *
+     * @event open
+     */
+    open?: EmitType<EventArgs>;
+
+    /**
+     * Triggers when the state(expand/collapse) of the component is changed.
+     *
+     * @event change
+     */
+    change?: EmitType<ChangeEventArgs>;
+
+    /**
+     * Triggers when component gets destroyed.
+     *
+     * @event destroyed
+     */
+    destroyed?: EmitType<Object>;
 
 }

package/src/sidebar/sidebar.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, formatUnit, EventHandler, Event, isNullOrUndefined, closest, Browser } from '@syncfusion/ej2-base';
 import { Property, NotifyPropertyChanges, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
 import { setStyleAttribute as setStyle, addClass, removeClass, Touch } from '@syncfusion/ej2-base';

package/src/stepper/stepper.d.ts

@@ -286,6 +286,7 @@ export declare class Stepper extends StepperBase implements INotifyPropertyChang
     getModuleName(): string;
     protected render(): void;
     private initialize;
+    private initiateProgressBar;
     private updatePosition;
     private renderDefault;
     private updateAnimation;
@@ -297,6 +298,7 @@ export declare class Stepper extends StepperBase implements INotifyPropertyChang
     private updateStepperStatus;
     private updateStatusClass;
     private renderItems;
+    private createTextLabelElement;
     private calculateProgressBarPosition;
     private checkValidState;
     private updateCurrentLabel;
@@ -305,6 +307,8 @@ export declare class Stepper extends StepperBase implements INotifyPropertyChang
     private checkValidStep;
     private updateTooltip;
     private wireItemsEvents;
+    private unWireItemsEvents;
+    private linearModeHandler;
     private openStepperTooltip;
     private closeStepperTooltip;
     private updateTooltipContent;
@@ -323,6 +327,8 @@ export declare class Stepper extends StepperBase implements INotifyPropertyChang
     private getTemplateFunction;
     private navigateToStep;
     private navigationHandler;
+    private calculateProgressbarPos;
+    private updateIndicatorStatus;
     private updateStepInteractions;
     private removeItemElements;
     /**
@@ -360,6 +366,9 @@ export declare class Stepper extends StepperBase implements INotifyPropertyChang
     private keyActionHandler;
     private handleNavigation;
     private renderStepperItems;
+    private updateDynamicSteps;
+    private updateDynamicActiveStep;
+    private updateDynamicCssClass;
     /**
      * Called internally if any of the property value changed.
      *