@syncfusion/ej2-navigations 27.2.4 → 28.1.33-686179

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

@@ -1,4 +1,4 @@
-import { Component, EventHandler, Property, Event, EmitType, AnimationModel, KeyboardEvents, rippleEffect, animationMode } from '@syncfusion/ej2-base';import { KeyboardEventArgs, BaseEventArgs, Effect, getUniqueID, compile as templateCompiler } from '@syncfusion/ej2-base';import { isVisible, closest, attributes, detach, select, addClass, removeClass, append } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, NotifyPropertyChanges, ChildProperty, Collection, Animation } from '@syncfusion/ej2-base';import { setStyleAttribute as setStyle, Complex } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, formatUnit, selectAll, SanitizeHtmlHelper, isRippleEnabled } from '@syncfusion/ej2-base';
+import { Component, EventHandler, Property, Event, EmitType, AnimationModel, KeyboardEvents, rippleEffect, animationMode } from '@syncfusion/ej2-base';
 import {ExpandMode,AccordionClickArgs,ExpandEventArgs,ExpandedEventArgs} from "./accordion";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
@@ -8,26 +8,26 @@ import {ComponentModel} from '@syncfusion/ej2-base';
 export interface AccordionActionSettingsModel {
 
     /**
-     * Specifies the type of animation.
-     *
-     * @default 'SlideDown'
-     * @aspType string
-     */
-    effect?: 'None' | Effect;
+     * Specifies the type of animation.
+     *
+     * @default 'SlideDown'
+     * @aspType string
+     */
+    effect?: 'None' | Effect;
 
     /**
-     * Specifies the duration to animate.
-     *
-     * @default 400
-     */
-    duration?: number;
+     * Specifies the duration to animate.
+     *
+     * @default 400
+     */
+    duration?: number;
 
     /**
-     * Specifies the animation timing function.
-     *
-     * @default 'linear'
-     */
-    easing?: string;
+     * Specifies the animation timing function.
+     *
+     * @default 'linear'
+     */
+    easing?: string;
 
 }
 
@@ -37,18 +37,18 @@ export interface AccordionActionSettingsModel {
 export interface AccordionAnimationSettingsModel {
 
     /**
-     * Specifies the animation to appear while collapsing the Accordion item.
-     *
-     * @default { effect: 'SlideDown', duration: 400, easing: 'linear' }
-     */
-    collapse?: AccordionActionSettingsModel;
+     * Specifies the animation to appear while collapsing the Accordion item.
+     *
+     * @default { effect: 'SlideDown', duration: 400, easing: 'linear' }
+     */
+    collapse?: AccordionActionSettingsModel;
 
     /**
-     * Specifies the animation to appear while expanding the Accordion item.
-     *
-     * @default { effect: 'SlideDown', duration: 400, easing: 'linear' }
-     */
-    expand?: AccordionActionSettingsModel;
+     * Specifies the animation to appear while expanding the Accordion item.
+     *
+     * @default { effect: 'SlideDown', duration: 400, easing: 'linear' }
+     */
+    expand?: AccordionActionSettingsModel;
 
 }
 
@@ -58,96 +58,96 @@ export interface AccordionAnimationSettingsModel {
 export interface AccordionItemModel {
 
     /**
-     * Sets the text content to be displayed for the Accordion item.
-     * You can set the content of the Accordion item using `content` property.
-     * It also supports to include the title as `HTML element`, `string`, or `query selector`.
-     * ```typescript
-     *   let accordionObj: Accordion = new Accordion( {
-     *        items: [
-     *          { header: 'Accordion Header', content: 'Accordion Content' },
-     *          { header: '<div>Accordion Header</div>', content: '<div>Accordion Content</div>' },
-     *          { header: '#headerContent', content: '#panelContent' }]
-     *        });
-     *   accordionObj.appendTo('#accordion');
-     * ```
-     *
-     * @default null
-     */
-    content?: string;
+     * Sets the text content to be displayed for the Accordion item.
+     * You can set the content of the Accordion item using `content` property.
+     * It also supports to include the title as `HTML element`, `string`, or `query selector`.
+     * ```typescript
+     *   let accordionObj: Accordion = new Accordion( {
+     *        items: [
+     *          { header: 'Accordion Header', content: 'Accordion Content' },
+     *          { header: '<div>Accordion Header</div>', content: '<div>Accordion Content</div>' },
+     *          { header: '#headerContent', content: '#panelContent' }]
+     *        });
+     *   accordionObj.appendTo('#accordion');
+     * ```
+     *
+     * @default null
+     */
+    content?: string;
 
     /**
-     * Sets the header text to be displayed for the Accordion item.
-     * You can set the title of the Accordion item using `header` property.
-     * It also supports to include the title as `HTML element`, `string`, or `query selector`.
-     * ```typescript
-     *   let accordionObj: Accordion = new Accordion( {
-     *        items: [
-     *          { header: 'Accordion Header', content: 'Accordion Content' },
-     *          { header: '<div>Accordion Header</div>', content: '<div>Accordion Content</div>' },
-     *          { header: '#headerContent', content: '#panelContent' }]
-     *        });
-     *   accordionObj.appendTo('#accordion');
-     * ```
-     *
-     * @default null
-     */
-    header?: string;
+     * Sets the header text to be displayed for the Accordion item.
+     * You can set the title of the Accordion item using `header` property.
+     * It also supports to include the title as `HTML element`, `string`, or `query selector`.
+     * ```typescript
+     *   let accordionObj: Accordion = new Accordion( {
+     *        items: [
+     *          { header: 'Accordion Header', content: 'Accordion Content' },
+     *          { header: '<div>Accordion Header</div>', content: '<div>Accordion Content</div>' },
+     *          { header: '#headerContent', content: '#panelContent' }]
+     *        });
+     *   accordionObj.appendTo('#accordion');
+     * ```
+     *
+     * @default null
+     */
+    header?: string;
 
     /**
-     * Defines single/multiple classes (separated by a space) are to be used for Accordion item customization.
-     *
-     * @default null
-     */
-    cssClass?: string;
+     * Defines single/multiple classes (separated by a space) are to be used for Accordion item customization.
+     *
+     * @default null
+     */
+    cssClass?: string;
 
     /**
-     * Defines an icon with the given custom CSS class that is to be rendered before the header text.
-     * Add the css classes to the `iconCss` property and write the css styles to the defined class to set images/icons.
-     * Adding icon is applicable only to the header.
-     * ```typescript
-     *   let accordionObj: Accordion = new Accordion( {
-     *        items: [
-     *          { header: 'Accordion Header', iconCss: 'e-app-icon' }]
-     *        });
-     *   accordionObj.appendTo('#accordion');
-     * ```
-     * ```css
-     * .e-app-icon::before {
-     *   content: "\e710";
-     * }
-     * ```
-     *
-     * @default null
-     */
-    iconCss?: string;
+     * Defines an icon with the given custom CSS class that is to be rendered before the header text.
+     * Add the css classes to the `iconCss` property and write the css styles to the defined class to set images/icons.
+     * Adding icon is applicable only to the header.
+     * ```typescript
+     *   let accordionObj: Accordion = new Accordion( {
+     *        items: [
+     *          { header: 'Accordion Header', iconCss: 'e-app-icon' }]
+     *        });
+     *   accordionObj.appendTo('#accordion');
+     * ```
+     * ```css
+     * .e-app-icon::before {
+     *   content: "\e710";
+     * }
+     * ```
+     *
+     * @default null
+     */
+    iconCss?: string;
 
     /**
-     * Sets the expand (true) or collapse (false) state of the Accordion item. By default, all the items are in a collapsed state.
-     *
-     * @default false
-     */
-    expanded?: boolean;
+     * Sets the expand (true) or collapse (false) state of the Accordion item. By default, all the items are in a collapsed state.
+     *
+     * @default false
+     */
+    expanded?: boolean;
 
     /**
-     * Sets false to hide an accordion item.
-     *
-     * @default true
-     */
-    visible?: boolean;
+     * Sets false to hide an accordion item.
+     *
+     * @default true
+     */
+    visible?: boolean;
 
     /**
-     * Sets true to disable an accordion item.
-     *
-     * @default false
-     */
-    disabled?: boolean;
+     * Sets true to disable an accordion item.
+     *
+     * @default false
+     */
+    disabled?: boolean;
 
     /**
-     * Sets unique ID to accordion item.
-     *
-     * @default null
-     */
-    id?: string;
+     * Sets unique ID to accordion item.
+     *
+     * @default null
+     */
+    id?: string;
 
 }
 
@@ -157,129 +157,129 @@ export interface AccordionItemModel {
 export interface AccordionModel extends ComponentModel{
 
     /**
-     * An array of item that is used to specify Accordion items.
-     * ```typescript
-     *   let accordionObj: Accordion = new Accordion( {
-     *        items: [
-     *          { header: 'Accordion Header', content: 'Accordion Content' }]
-     *        });
-     *   accordionObj.appendTo('#accordion');
-     * ```
-     *
-     * @default []
-     */
-    items?: AccordionItemModel[];
+     * An array of item that is used to specify Accordion items.
+     * ```typescript
+     *   let accordionObj: Accordion = new Accordion( {
+     *        items: [
+     *          { header: 'Accordion Header', content: 'Accordion Content' }]
+     *        });
+     *   accordionObj.appendTo('#accordion');
+     * ```
+     *
+     * @default []
+     */
+    items?: AccordionItemModel[];
 
     /**
-     * Specifies the datasource for the accordion items.
-     *
-     * @isdatamanager false
-     * @default []
-     */
-    dataSource?: Object[];
+     * Specifies the datasource for the accordion items.
+     *
+     * @isdatamanager false
+     * @default []
+     */
+    dataSource?: Object[];
 
     /**
-     * Specifies the template option for accordion items.
-     *
-     * @default null
-     * @angularType string | object
-     * @reactType string | function | JSX.Element
-     * @vueType string | function
-     * @aspType string
-     */
-    itemTemplate?: string | Function;
+     * Specifies the template option for accordion items.
+     *
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
+     */
+    itemTemplate?: string | Function;
 
     /**
-     * Specifies the header title template option for accordion items.
-     *
-     * @default null
-     * @angularType string | object
-     * @reactType string | function | JSX.Element
-     * @vueType string | function
-     * @aspType string
-     */
-    headerTemplate?: string | Function;
+     * Specifies the header title template option for accordion items.
+     *
+     * @default null
+     * @angularType string | object
+     * @reactType string | function | JSX.Element
+     * @vueType string | function
+     * @aspType string
+     */
+    headerTemplate?: string | Function;
 
     /**
-     * Specifies the width of the Accordion in pixels/number/percentage. Number value is considered as pixels.
-     *
-     * @default '100%'
-     */
-    width?: string | number;
+     * Specifies the width of the Accordion in pixels/number/percentage. Number value is considered as pixels.
+     *
+     * @default '100%'
+     */
+    width?: string | number;
 
     /**
-     * Specifies the height of the Accordion in pixels/number/percentage. Number value is considered as pixels.
-     *
-     * @default 'auto'
-     */
-    height?: string | number;
+     * Specifies the height of the Accordion in pixels/number/percentage. Number value is considered as pixels.
+     *
+     * @default 'auto'
+     */
+    height?: string | number;
 
     /**
-     * Specifies the expanded items at initial load.
-     *
-     * @default []
-     */
-    expandedIndices?: number[];
+     * Specifies the expanded items at initial load.
+     *
+     * @default []
+     */
+    expandedIndices?: number[];
 
     /**
-     * Specifies the options to expand single or multiple panel at a time.
-     * The possible values are:
-     * * `Single`: Sets to expand only one Accordion item at a time.
-     * * `Multiple`: Sets to expand more than one Accordion item at a time.
-     *
-     * @default 'Multiple'
-     */
-    expandMode?: ExpandMode;
+     * Specifies the options to expand single or multiple panel at a time.
+     * The possible values are:
+     * * `Single`: Sets to expand only one Accordion item at a time.
+     * * `Multiple`: Sets to expand more than one Accordion item at a time.
+     *
+     * @default 'Multiple'
+     */
+    expandMode?: ExpandMode;
 
     /**
-     * Specifies whether to enable the rendering of untrusted HTML values in the Accordion component.
-     * When this property is enabled, the component will sanitize any suspected untrusted strings and scripts before rendering them.
-     *
-     * @default true
-     */
-    enableHtmlSanitizer?: boolean;
+     * Specifies whether to enable the rendering of untrusted HTML values in the Accordion component.
+     * When this property is enabled, the component will sanitize any suspected untrusted strings and scripts before rendering them.
+     *
+     * @default true
+     */
+    enableHtmlSanitizer?: boolean;
 
     /**
-     * Specifies the animation configuration settings for expanding and collapsing the panel.
-     *
-     * @default { expand: { effect: 'SlideDown', duration: 400, easing: 'linear' },
-     * collapse: { effect: 'SlideUp', duration: 400, easing: 'linear' }}
-     */
-    animation?: AccordionAnimationSettingsModel;
+     * Specifies the animation configuration settings for expanding and collapsing the panel.
+     *
+     * @default { expand: { effect: 'SlideDown', duration: 400, easing: 'linear' },
+     * collapse: { effect: 'SlideUp', duration: 400, easing: 'linear' }}
+     */
+    animation?: AccordionAnimationSettingsModel;
 
     /**
-     * The event will be fired while clicking anywhere within the Accordion.
-     *
-     * @event clicked
-     */
-    clicked?: EmitType<AccordionClickArgs>;
+     * The event will be fired while clicking anywhere within the Accordion.
+     *
+     * @event clicked
+     */
+    clicked?: EmitType<AccordionClickArgs>;
 
     /**
-     * The event will be fired before the item gets collapsed/expanded.
-     *
-     * @event expanding
-     */
-    expanding?: EmitType<ExpandEventArgs>;
+     * The event will be fired before the item gets collapsed/expanded.
+     *
+     * @event expanding
+     */
+    expanding?: EmitType<ExpandEventArgs>;
 
     /**
-     * The event will be fired after the item gets collapsed/expanded.
-     *
-     * @event expanded
-     */
-    expanded?: EmitType<ExpandedEventArgs>;
+     * The event will be fired after the item gets collapsed/expanded.
+     *
+     * @event expanded
+     */
+    expanded?: EmitType<ExpandedEventArgs>;
 
     /**
-     * The event will be fired once the control rendering is completed.
-     *
-     * @event created
-     */
-    created?: EmitType<Event>;
+     * The event will be fired once the control rendering is completed.
+     *
+     * @event created
+     */
+    created?: EmitType<Event>;
 
     /**
-     * The event will be fired when the control gets destroyed.
-     *
-     * @event destroyed
-     */
-    destroyed?: EmitType<Event>;
+     * The event will be fired when the control gets destroyed.
+     *
+     * @event destroyed
+     */
+    destroyed?: EmitType<Event>;
 
 }

package/src/accordion/accordion.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;
+};
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Component, EventHandler, Property, Event, KeyboardEvents, rippleEffect, animationMode } from '@syncfusion/ej2-base';
 import { getUniqueID, compile as templateCompiler } from '@syncfusion/ej2-base';

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

@@ -1,4 +1,4 @@
-import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, Event, EmitType } from '@syncfusion/ej2-base';import { addClass, removeClass, isNullOrUndefined } from '@syncfusion/ej2-base';
+import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, Event, EmitType } from '@syncfusion/ej2-base';
 import {AppBarMode,AppBarPosition,AppBarColor} from "./appbar";
 import {ComponentModel} from '@syncfusion/ej2-base';
 
@@ -8,69 +8,69 @@ import {ComponentModel} from '@syncfusion/ej2-base';
 export interface AppBarModel extends ComponentModel{
 
     /**
-     * Specifies the mode of the AppBar that defines the AppBar height. The possible values for this property are as follows:
-     * * `Regular`: Specifies default height for the AppBar.
-     * * `Prominent`: Specifies longer height for the AppBar to show the longer titles and images, or to provide a stronger presence.
-     * * `Dense`: Specifies compressed (short) height for the AppBar to accommodate all the app bar content in a denser layout.
-     *
-     * @default 'Regular'
-     */
-    mode?: AppBarMode;
+     * Specifies the mode of the AppBar that defines the AppBar height. The possible values for this property are as follows:
+     * * `Regular`: Specifies default height for the AppBar.
+     * * `Prominent`: Specifies longer height for the AppBar to show the longer titles and images, or to provide a stronger presence.
+     * * `Dense`: Specifies compressed (short) height for the AppBar to accommodate all the app bar content in a denser layout.
+     *
+     * @default 'Regular'
+     */
+    mode?: AppBarMode;
 
     /**
-     * Specifies the position of the AppBar. The possible values for this property are as follows:
-     * * `Top`: Position the AppBar at the top.
-     * * `Bottom`: Position the AppBar at the bottom.
-     *
-     * @default 'Top'
-     */
-    position?: AppBarPosition;
+     * Specifies the position of the AppBar. The possible values for this property are as follows:
+     * * `Top`: Position the AppBar at the top.
+     * * `Bottom`: Position the AppBar at the bottom.
+     *
+     * @default 'Top'
+     */
+    position?: AppBarPosition;
 
     /**
-     * Accepts single/multiple CSS classes (separated by a space) to be used for AppBar customization.
-     *
-     * @default null
-     */
-    cssClass?: string;
+     * Accepts single/multiple CSS classes (separated by a space) to be used for AppBar customization.
+     *
+     * @default null
+     */
+    cssClass?: string;
 
     /**
-     * Defines whether the AppBar position is fixed or not while scrolling the page.
-     * When set to `true`, the AppBar will be sticky while scrolling.
-     *
-     * @default false
-     */
-    isSticky?: boolean;
+     * Defines whether the AppBar position is fixed or not while scrolling the page.
+     * When set to `true`, the AppBar will be sticky while scrolling.
+     *
+     * @default false
+     */
+    isSticky?: boolean;
 
     /**
-     * Accepts HTML attributes/custom attributes that will be applied to the AppBar element.
-     *
-     * @default null
-     */
-    htmlAttributes?: Record<string, string>;
+     * Accepts HTML attributes/custom attributes that will be applied to the AppBar element.
+     *
+     * @default null
+     */
+    htmlAttributes?: Record<string, string>;
 
     /**
-     * Specifies the color mode that defines the color of the AppBar component. The possible values for this property are as follows:
-     * * `Light`: Specifies the AppBar in light color.
-     * * `Dark`: Specifies the AppBar in dark color.
-     * * `Primary`: Specifies the AppBar in a primary color.
-     * * `Inherit`: Inherit color from parent for AppBar. AppBar background and colors are inherited from its parent element.
-     *
-     * @default 'Light'
-     */
-    colorMode?: AppBarColor;
+     * Specifies the color mode that defines the color of the AppBar component. The possible values for this property are as follows:
+     * * `Light`: Specifies the AppBar in light color.
+     * * `Dark`: Specifies the AppBar in dark color.
+     * * `Primary`: Specifies the AppBar in a primary color.
+     * * `Inherit`: Inherit color from parent for AppBar. AppBar background and colors are inherited from its parent element.
+     *
+     * @default 'Light'
+     */
+    colorMode?: AppBarColor;
 
     /**
-     * Triggers after the AppBar component is created.
-     *
-     * @event created
-     */
-    created?: EmitType<Event>;
+     * Triggers after the AppBar component is created.
+     *
+     * @event created
+     */
+    created?: EmitType<Event>;
 
     /**
-     * Triggers when the AppBar component is destroyed.
-     *
-     * @event destroyed
-     */
-    destroyed?: EmitType<Event>;
+     * Triggers when the AppBar component is destroyed.
+     *
+     * @event destroyed
+     */
+    destroyed?: EmitType<Event>;
 
 }